+
+ );
+}
diff --git a/src/app/[locale]/brand/page.tsx b/src/app/[locale]/brand/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0c90c0bc60b861214d716465189c1caaf231145a
--- /dev/null
+++ b/src/app/[locale]/brand/page.tsx
@@ -0,0 +1,71 @@
+'use client';
+
+import React from 'react';
+import { useTranslations } from 'next-intl';
+import { useAssets } from '@/hooks/useAssets';
+import { Button } from '@/components/ui/button';
+import { Color } from '@/components/color/Color';
+
+const colors = [
+ {
+ name: 'Hive Red',
+ hex: '#E31337',
+ rgb: '227 / 19/ 55',
+ cmyk: '0 / 91.63 / 75.77 / 10.98',
+ },
+ {
+ name: 'Hive Black',
+ hex: '#212529',
+ rgb: '33 / 37 / 41',
+ cmyk: '19.51 / 9.76 / 0 / 83.92',
+ },
+ {
+ name: 'Hive LightGrey',
+ hex: '#f0f0f8',
+ rgb: '240 / 240 / 248',
+ cmyk: '3.23 / 3.23 / 0 / 2.75',
+ },
+ {
+ name: 'Hive Grey',
+ hex: '#e7e7f1',
+ rgb: '231 / 231 / 241',
+ cmyk: '4.15 / 4.15 / 0 / 5.49',
+ },
+];
+
+export default function BrandPage() {
+ const t = useTranslations();
+ const { getImage } = useAssets();
+
+ return (
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Features Section */}
+ + {t('about.title')}3 +
++ {t('about.text')} +
+
+ {/* Fast */}
+
+
+
+
+ {/* Scalable */}
+ + {t('about.featureFast')}. + +
++ {t('about.featureFastText')} +
+
+
+
+ {/* Powerful */}
+ + {t('about.featureScalable')}. + +
++ {t('about.featureScalableText')} +
+
+
+ + {t('about.featurePowerful')}. + +
++ {t('about.featurePowerfulText')} +
+
+
+ );
+}
diff --git a/src/app/[locale]/contributors/page.tsx b/src/app/[locale]/contributors/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fdd34c5606c43c84e044a9516d67a09eba2b2241
--- /dev/null
+++ b/src/app/[locale]/contributors/page.tsx
@@ -0,0 +1,16 @@
+'use client';
+
+import React, { Suspense } from 'react';
+import { Contributors } from '@/components/contributors/Contributors';
+
+export default function ContributorsPage() {
+ return (
+
+ {/* Hero Section */}
+
+
+ {/* Colors Section */}
+
+ })
+
+
+ + Colors. +
+
+ {colors.map((color, index) => (
+
+
+
+
+ );
+}
diff --git a/src/app/[locale]/developers/page.tsx b/src/app/[locale]/developers/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..11192b1d4fb634648818b30cfc9116f9bb4bc34c
--- /dev/null
+++ b/src/app/[locale]/developers/page.tsx
@@ -0,0 +1,7 @@
+'use client';
+
+import React from 'react';
+
+export default function DevelopersPage() {
+ return ;
+}
diff --git a/src/app/[locale]/eco/page.tsx b/src/app/[locale]/eco/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..27083e70d2230dc8f4e708e0396301c4f4d7766e
--- /dev/null
+++ b/src/app/[locale]/eco/page.tsx
@@ -0,0 +1,141 @@
+'use client';
+
+import React, { Suspense, useState, useEffect, useMemo } from 'react';
+import { useSearchParams } from 'next/navigation';
+import { useTranslations } from 'next-intl';
+import { useRouter } from '@/i18n/routing';
+import { useMainStore } from '@/store/useMainStore';
+import { ECOSYSTEM, STATISTIC_WEBSITES, TYPE_COLORS, HIVE_PROJECTS } from '@/lib/data/var';
+import { EcoType, IEcoItem } from '@/types';
+import { App } from '@/components/app/App';
+import { AppType } from '@/components/app/AppType';
+import { StatWebsite } from '@/components/statWebsite/StatWebsite';
+import { ModalEco } from '@/components/modal/ModalEco';
+
+function EcoContent() {
+ const router = useRouter();
+ const searchParams = useSearchParams();
+ const t = useTranslations();
+ const [filteredEco, setFilteredEco] = useState
+ Loading...
}>
+
+
+ );
+}
+
+export default function EcoPage() {
+ return (
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Filter Types */}
+ + {t('eco.title')}. +
++ {t('eco.text')} +
+
+ {appTypes.map((appType) => (
+ filterEco(appType.value)}
+ />
+ ))}
+
+
+
+ {filteredEco.map((eco) => (
+
+
+ {/* More Projects Section */}
+
+
+
+ {/* Statistics Section */}
+ + But wait, there's more... +
++ Over 190 projects have been BUIDL'd by the Hive community. You + can view all of them via HiveProjects.io +
+
+
+ + {t('eco.subTitle')}. +
+{t('eco.subText')}
+
+ {STATISTIC_WEBSITES.map((site) => (
+
+
+
+ );
+}
diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..16b360bfb9e7be94f3af951f434cb8322d868ed7
--- /dev/null
+++ b/src/app/[locale]/layout.tsx
@@ -0,0 +1,69 @@
+import type { Metadata } from "next";
+import { NextIntlClientProvider } from 'next-intl';
+import { routing } from '@/i18n/routing';
+import { notFound } from 'next/navigation';
+import { LayoutContent } from '@/components/LayoutContent';
+import '../globals.css';
+import '@/lib/fontawesome';
+import 'tippy.js/dist/tippy.css';
+
+export const metadata: Metadata = {
+ metadataBase: new URL('https://hive.io'),
+ title: "Hive - The Blockchain & Cryptocurrency for Web3",
+ description: "Hive is an innovative and forward-looking decentralized blockchain and ecosystem, designed to scale with widespread adoption of the currency and platforms in mind.",
+ openGraph: {
+ title: "Hive - The Blockchain & Cryptocurrency for Web3",
+ description: "Hive is an innovative and forward-looking decentralized blockchain and ecosystem",
+ url: "https://hive.io",
+ siteName: "Hive",
+ images: [
+ {
+ url: "/opengraph.png",
+ width: 1200,
+ height: 630,
+ },
+ ],
+ type: "website",
+ },
+ icons: {
+ icon: "/favicons/favicon.ico",
+ apple: "/favicons/apple-touch-icon.png",
+ },
+};
+
+export function generateStaticParams() {
+ return routing.locales.map((locale) => ({ locale }));
+}
+
+export default async function LocaleLayout({
+ children,
+ params
+}: Readonly<{
+ children: React.ReactNode;
+ params: Promise<{ locale: string }>;
+}>) {
+ const { locale } = await params;
+
+ // Ensure that the incoming locale is valid
+ if (!routing.locales.includes(locale as any)) {
+ notFound();
+ }
+
+ // Load messages directly for static export
+ const messages = (await import(`../../../messages/${locale}.json`)).default;
+
+ return (
+
+
+
+
+
+
+
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Content Sections */}
+ + {t('hbd.title')}. +
+{t('hbd.text')}
+
+
+
+
+
+ + {t('hbd.howTitle')}. + +
+{t('hbd.howText')}
+
+
+
+ + {t('hbd.hbdToHiveTitle')}. + +
+{t('hbd.hbdToHiveText')}
+
+
+
+ + {t('hbd.hiveToHbdTitle')}. + +
+{t('hbd.hiveToHbdText')}
++ {t('hbd.supportedWallets')}:{' '} + + Peakd + + ,{' '} + + Hive Keychain + +
+
+
+
+
+
+ + {t('hbd.interestTitle')}. + +
+{t('hbd.interestText')}
+
+
+
+ + {t('hbd.whereToBuyTitle')}. + +
+ +
+
+ + {t('hbd.moreInfoTitle')}. + +
++ {t('hbd.moreInfoText')}{' '} + + HBD Stats + + ,{' '} + + Block Explorer + +
+
+
+ );
+}
diff --git a/src/app/[locale]/roadmap/page.tsx b/src/app/[locale]/roadmap/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..593acb9f7571d2f56bf82d80697ed95712cde357
--- /dev/null
+++ b/src/app/[locale]/roadmap/page.tsx
@@ -0,0 +1,364 @@
+'use client';
+
+import React from 'react';
+
+export default function RoadmapPage() {
+ return (
+
+
+
+ {/* Ecosystem */}
+
+
+
+
+
+
+ Fast.
+Scalable.
+Powerful.
+The Blockchain for Web3
+
+
+
+
+
+
+
+
+ {/* Decentralized */}
+
+
+
+
+ {t('root.feeTitle')}
++ {t('root.feeText')} +
++ {t('root.feeText2')} +
+
+ })
+
+
+
+
+
+ {/* Username */}
+
+
+
+ })
+
+
+
+
+ {t('root.decTitle')}
++ {t('root.decText')} +
++ {t('root.decText2')} +
+
+
+
+ {/* HDF */}
+
+
+
+
+ {t('root.usernameTitle')}
++ {t('root.usernameText')} +
+
+ })
+
+
+
+
+
+ {/* HBD */}
+
+ })
+
+
+
+ {t('root.dafTitle')}
++ {t('root.dafText')} +
+ +
+
+
+
+ {/* Exchanges */}
+
+
+
+
+ {t('root.hbdTitle')}
+
+ {t('root.hbdText')}
+ {t('root.hbdAPR')}
+
+ })
+
+
+
+
+
+ {t('root.exchanges.title')}
+
+
+ {t('root.exchanges.subtitle')}
+
+
+ {EXCHANGES.map((exchange) => (
+
+ })
+
+ ))}
+
+
+
+ );
+}
diff --git a/src/app/[locale]/wallets/page.tsx b/src/app/[locale]/wallets/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9fb7d47435ea8da8d391f64fd49d77d242527ff0
--- /dev/null
+++ b/src/app/[locale]/wallets/page.tsx
@@ -0,0 +1,33 @@
+'use client';
+
+import React from 'react';
+import { useTranslations } from 'next-intl';
+import { App } from '@/components/app/App';
+import { WALLETS } from '@/lib/data/var';
+
+export default function WalletsPage() {
+ const t = useTranslations();
+
+ return (
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Roadmap Timeline */}
+ + Roadmap. +
++ Just about all our core development updates are shared on Hive{' '} + + @blocktrades + +
+
+ {/* Q3 2025 */}
+
+
+
+
+ {/* Q4 2025 */}
+ + 2025 Q3. + +
+ +
+
+
+
+
+ Updated HAF API stack
+
+
+
+ Hived Node software
+-
+
- + + Lightweight hived only requires 4GB memory (next step to running on smart phones) + +
- + + Interactive API documentation web sites (swagger-based) + +
+
+
+ Social media API server
+-
+
- + + Improved mute handling in Hivemind + +
- + + Keyword-based search added to Hivemind API + +
- + + Semantic text search and related post search with new HiveSense API + +
+
+
+ + Wallet balance tracking and account history API servers +
+-
+
- + + Savings balances + +
- + + Pending coin conversions (@actifit) + +
- + + Open market orders (@actifit) + +
- + + Average transfer statistics + +
- + + Recurrent transfers + +
- + + Recent trades and trade history APIs for accounts + +
- + + Rich list (@actifit) + +
+
+
+ Block explorer API
+-
+
- + + Speedup witness vote calculations + +
- + + Speedup permlink searching + +
- + + More types of data available + +
+
+
+ Hive libraries
+-
+
- + + Wax: Typescript & Python library for Hive Dapp development + +
- + + Typescript WorkerBee: library for lightweight block processing (e.g. bot creation) (add-on to Wax) + +
+
+
+ Embeddable HTML Web page Components
+-
+
- + + Binary Transaction viewer + +
- + + Display account + +
- + + Display witness + +
- + + Display post headers/footers and/or content + +
- + + Display post comments + +
- + + Display filter post lists (e.g. by tag) + +
+
+
+ Embeddable Wax UI components
+-
+
- + + Embeddable API health checker component for Hive dapps + +
+
+
+ Web Dapps
+-
+
- + + Transaction Inspector (layer 1 release) + +
- + + Updated Block Explorer UI + +
+
+ Key management and security apps
+-
+
- + + Beekeeper: lightweight process for managing private keys (Wax bindings available) + +
- + + Metamask wallet snap for Hive accounts + +
+
+
+ {/* Q1 2026 */}
+ + 2025 Q4. + +
+ +
+
+
+
+
+ + Updated HAF (base layer for designing API servers) +
+-
+
- + + Lightweight version of HAF (pruned tables) + +
- + + Support for lightweight accounts (including social media-based login) + +
- + + Support for 2nd layer transactions + +
- + + Apps respond immediately to new blocks + +
+
+
+ Hive Libraries
+-
+
- + + Begin updating Wax to optimize server-side API caches + +
- + + Python WorkerBee: library for lightweight block processing (e.g. bot creation) + +
+
+
+ Web Dapps
+-
+
- + + Denser: modern replacement for Condenser social media web app + +
+
+
+ Key management and security apps
+-
+
- + + Clive: new command-line and Terminal UI wallet + +
+
+ Coinbase Mesh API support for Hive
+
+
+
+ {/* Q2 2026 */}
+ + 2026 Q1. + +
+ +
+
+
+
+
+ Prototyping for smart contracts designing
+
+
+
+ Updates to API stack
+-
+
- + + Prototype REST-based API for hivemind (social media API) + +
- + + New community functionality for hivemind (@howo) + +
+
+ Web Dapps
+-
+
- + + Customizable Hive web sites (@peakd) + +
- + + Updates to Denser (TBD) + +
- + + Transaction Inspector (layer 2 release) + +
+
+
+ {/* Q3 2026 */}
+ + 2026 Q2. + +
+ +
+
+
+
+ + Hived Blockchain nodes on ARM-based cell phones +
+
+
+ + 2026 Q3. + +
+ +
+
+
+
+ + Pruned HAF API nodes on ARM-based cell phones (for personal API nodes) +
+
+
+ );
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..7e25347893afb74793b65a6f507b756d8ae3f55f
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000000000000000000000000000000000000..e5368a08b810ac5436066cf739f222a480dbe2e4
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,186 @@
+@import 'tailwindcss';
+@import 'tw-animate-css';
+
+@custom-variant dark (&:is(.dark *));
+
+@theme {
+ --color-hive-red: #e31337;
+ --color-hive-black: #212529;
+ --color-hive-light-grey: #f0f0f8;
+ --color-hive-grey: #e7e7f1;
+ --color-primary: #e31337;
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
+ Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+ 'Liberation Mono', 'Courier New', monospace;
+ --color-sidebar-ring: var(--sidebar-ring);
+ --color-sidebar-border: var(--sidebar-border);
+ --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+ --color-sidebar-accent: var(--sidebar-accent);
+ --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+ --color-sidebar-primary: var(--sidebar-primary);
+ --color-sidebar-foreground: var(--sidebar-foreground);
+ --color-sidebar: var(--sidebar);
+ --color-chart-5: var(--chart-5);
+ --color-chart-4: var(--chart-4);
+ --color-chart-3: var(--chart-3);
+ --color-chart-2: var(--chart-2);
+ --color-chart-1: var(--chart-1);
+ --color-ring: var(--ring);
+ --color-input: var(--input);
+ --color-border: var(--border);
+ --color-destructive: var(--destructive);
+ --color-accent-foreground: var(--accent-foreground);
+ --color-accent: var(--accent);
+ --color-muted-foreground: var(--muted-foreground);
+ --color-muted: var(--muted);
+ --color-secondary-foreground: var(--secondary-foreground);
+ --color-secondary: var(--secondary);
+ --color-primary-foreground: var(--primary-foreground);
+ --color-popover-foreground: var(--popover-foreground);
+ --color-popover: var(--popover);
+ --color-card-foreground: var(--card-foreground);
+ --color-card: var(--card);
+ --radius-sm: calc(var(--radius) - 4px);
+ --radius-md: calc(var(--radius) - 2px);
+ --radius-lg: var(--radius);
+ --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+ --radius: 0.625rem;
+ --background: oklch(1 0 0);
+ --foreground: oklch(0.145 0 0);
+ --card: oklch(1 0 0);
+ --card-foreground: oklch(0.145 0 0);
+ --popover: oklch(1 0 0);
+ --popover-foreground: oklch(0.145 0 0);
+ --primary: oklch(0.205 0 0);
+ --primary-foreground: oklch(0.985 0 0);
+ --secondary: oklch(0.97 0 0);
+ --secondary-foreground: oklch(0.205 0 0);
+ --muted: oklch(0.97 0 0);
+ --muted-foreground: oklch(0.556 0 0);
+ --accent: oklch(0.97 0 0);
+ --accent-foreground: oklch(0.205 0 0);
+ --destructive: oklch(0.577 0.245 27.325);
+ --border: oklch(0.922 0 0);
+ --input: oklch(0.922 0 0);
+ --ring: oklch(0.708 0 0);
+ --chart-1: oklch(0.646 0.222 41.116);
+ --chart-2: oklch(0.6 0.118 184.704);
+ --chart-3: oklch(0.398 0.07 227.392);
+ --chart-4: oklch(0.828 0.189 84.429);
+ --chart-5: oklch(0.769 0.188 70.08);
+ --sidebar: oklch(0.985 0 0);
+ --sidebar-foreground: oklch(0.145 0 0);
+ --sidebar-primary: oklch(0.205 0 0);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.97 0 0);
+ --sidebar-accent-foreground: oklch(0.205 0 0);
+ --sidebar-border: oklch(0.922 0 0);
+ --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+ --background: oklch(0.145 0 0);
+ --foreground: oklch(0.985 0 0);
+ --card: oklch(0.205 0 0);
+ --card-foreground: oklch(0.985 0 0);
+ --popover: oklch(0.205 0 0);
+ --popover-foreground: oklch(0.985 0 0);
+ --primary: oklch(0.922 0 0);
+ --primary-foreground: oklch(0.205 0 0);
+ --secondary: oklch(0.269 0 0);
+ --secondary-foreground: oklch(0.985 0 0);
+ --muted: oklch(0.269 0 0);
+ --muted-foreground: oklch(0.708 0 0);
+ --accent: oklch(0.269 0 0);
+ --accent-foreground: oklch(0.985 0 0);
+ --destructive: oklch(0.704 0.191 22.216);
+ --border: oklch(1 0 0 / 10%);
+ --input: oklch(1 0 0 / 15%);
+ --ring: oklch(0.556 0 0);
+ --chart-1: oklch(0.488 0.243 264.376);
+ --chart-2: oklch(0.696 0.17 162.48);
+ --chart-3: oklch(0.769 0.188 70.08);
+ --chart-4: oklch(0.627 0.265 303.9);
+ --chart-5: oklch(0.645 0.246 16.439);
+ --sidebar: oklch(0.205 0 0);
+ --sidebar-foreground: oklch(0.985 0 0);
+ --sidebar-primary: oklch(0.488 0.243 264.376);
+ --sidebar-primary-foreground: oklch(0.985 0 0);
+ --sidebar-accent: oklch(0.269 0 0);
+ --sidebar-accent-foreground: oklch(0.985 0 0);
+ --sidebar-border: oklch(1 0 0 / 10%);
+ --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+ html,
+ body {
+ @apply m-0 p-0 bg-[#f0f0f8] text-black h-full w-full font-sans;
+ }
+
+ a {
+ @apply no-underline;
+ color: initial;
+ }
+
+ button {
+ @apply border-none outline-none;
+ }
+}
+
+@layer utilities {
+ .dotdotdot {
+ @apply whitespace-nowrap overflow-hidden text-ellipsis shrink grow;
+ }
+
+ .link {
+ @apply text-[#e31337] cursor-pointer;
+ }
+}
+
+/* Tippy.js tooltip styles */
+.tippy-tooltip,
+.tippy-popper {
+ padding: 0;
+ font-size: 0.8rem;
+ text-align: inherit;
+ color: white;
+ margin-top: -3px;
+}
+
+.tippy-content {
+ padding: 5px 10px;
+ color: white;
+}
+
+.tippy-backdrop {
+ display: none;
+}
+
+.tippy-roundarrow,
+.tippy-arrow {
+ fill: black;
+ display: none;
+}
+
+.tippy-popper[x-placement^='top'] .tippy-arrow {
+ border-top-color: black;
+}
+
+.tippy-popper[x-placement^='bottom'] .tippy-arrow {
+ border-bottom-color: black;
+}
+
+.tippy-popper[x-placement^='left'] .tippy-arrow {
+ border-left-color: black;
+}
+
+.tippy-popper[x-placement^='right'] .tippy-arrow {
+ border-right-color: black;
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..293a20c3657bd51f987e4d5bbe85086f33ad3263
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+ return children;
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..915fdd85e884530901ade28058b7876edd16a72d
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from 'next/navigation';
+
+export default function RootPage() {
+ redirect('/en');
+}
diff --git a/src/assets/css/_fonts.scss b/src/assets/css/_fonts.scss
deleted file mode 100644
index 4f962146f968b902bb8d09f9ec24e7a1032a3258..0000000000000000000000000000000000000000
--- a/src/assets/css/_fonts.scss
+++ /dev/null
@@ -1,168 +0,0 @@
-// /* work-sans-300 - latin */
-// @font-face {
-// font-family: 'Work Sans';
-// font-style: normal;
-// font-weight: 300;
-// font-display: swap;
-// src: url('/assets/fonts/work-sans-v7-latin-300.eot'); /* IE9 Compat Modes */
-// src: local(''),
-// url('/assets/fonts/work-sans-v7-latin-300.eot?#iefix')
-// format('embedded-opentype'),
-// /* IE6-IE8 */ url('/assets/fonts/work-sans-v7-latin-300.woff2')
-// format('woff2'),
-// /* Super Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-300.woff')
-// format('woff'),
-// /* Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-300.ttf')
-// format('truetype'),
-// /* Safari, Android, iOS */
-// url('/assets/fonts/work-sans-v7-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
-// }
-// /* work-sans-regular - latin */
-// @font-face {
-// font-family: 'Work Sans';
-// font-style: normal;
-// font-weight: 400;
-// font-display: swap;
-// src: url('/assets/fonts/work-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
-// src: local(''),
-// url('/assets/fonts/work-sans-v7-latin-regular.eot?#iefix')
-// format('embedded-opentype'),
-// /* IE6-IE8 */ url('/assets/fonts/work-sans-v7-latin-regular.woff2')
-// format('woff2'),
-// /* Super Modern Browsers */
-// url('/assets/fonts/work-sans-v7-latin-regular.woff') format('woff'),
-// /* Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-regular.ttf')
-// format('truetype'),
-// /* Safari, Android, iOS */
-// url('/assets/fonts/work-sans-v7-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
-// }
-// /* work-sans-500 - latin */
-// @font-face {
-// font-family: 'Work Sans';
-// font-style: normal;
-// font-weight: 500;
-// font-display: swap;
-// src: url('/assets/fonts/work-sans-v7-latin-500.eot'); /* IE9 Compat Modes */
-// src: local(''),
-// url('/assets/fonts/work-sans-v7-latin-500.eot?#iefix')
-// format('embedded-opentype'),
-// /* IE6-IE8 */ url('/assets/fonts/work-sans-v7-latin-500.woff2')
-// format('woff2'),
-// /* Super Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-500.woff')
-// format('woff'),
-// /* Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-500.ttf')
-// format('truetype'),
-// /* Safari, Android, iOS */
-// url('/assets/fonts/work-sans-v7-latin-500.svg#WorkSans') format('svg'); /* Legacy iOS */
-// }
-// /* work-sans-600 - latin */
-// @font-face {
-// font-family: 'Work Sans';
-// font-style: normal;
-// font-weight: 600;
-// font-display: swap;
-// src: url('/assets/fonts/work-sans-v7-latin-600.eot'); /* IE9 Compat Modes */
-// src: local(''),
-// url('/assets/fonts/work-sans-v7-latin-600.eot?#iefix')
-// format('embedded-opentype'),
-// /* IE6-IE8 */ url('/assets/fonts/work-sans-v7-latin-600.woff2')
-// format('woff2'),
-// /* Super Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-600.woff')
-// format('woff'),
-// /* Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-600.ttf')
-// format('truetype'),
-// /* Safari, Android, iOS */
-// url('/assets/fonts/work-sans-v7-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
-// }
-// /* work-sans-700 - latin */
-// @font-face {
-// font-family: 'Work Sans';
-// font-style: normal;
-// font-weight: 700;
-// font-display: swap;
-// src: url('/assets/fonts/work-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
-// src: local(''),
-// url('/assets/fonts/work-sans-v7-latin-700.eot?#iefix')
-// format('embedded-opentype'),
-// /* IE6-IE8 */ url('/assets/fonts/work-sans-v7-latin-700.woff2')
-// format('woff2'),
-// /* Super Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-700.woff')
-// format('woff'),
-// /* Modern Browsers */ url('/assets/fonts/work-sans-v7-latin-700.ttf')
-// format('truetype'),
-// /* Safari, Android, iOS */
-// url('/assets/fonts/work-sans-v7-latin-700.svg#WorkSans') format('svg'); /* Legacy iOS */
-// }
-
-// // /* roboto-300 - latin */
-// // @font-face {
-// // font-family: 'Roboto';
-// // font-style: normal;
-// // font-weight: 300;
-// // src: url('/assets/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
-// // src: local('Roboto Light'), local('Roboto-Light'),
-// // url('/assets/fonts/roboto-v20-latin-300.eot?#iefix')
-// // format('embedded-opentype'),
-// // /* IE6-IE8 */ url('/assets/fonts/roboto-v20-latin-300.woff2')
-// // format('woff2'),
-// // /* Super Modern Browsers */ url('/assets/fonts/roboto-v20-latin-300.woff')
-// // format('woff'),
-// // /* Modern Browsers */ url('/assets/fonts/roboto-v20-latin-300.ttf')
-// // format('truetype'),
-// // /* Safari, Android, iOS */
-// // url('/assets/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
-// // }
-// // /* roboto-regular - latin */
-// // @font-face {
-// // font-family: 'Roboto';
-// // font-style: normal;
-// // font-weight: 400;
-// // src: url('/assets/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
-// // src: local('Roboto'), local('Roboto-Regular'),
-// // url('/assets/fonts/roboto-v20-latin-regular.eot?#iefix')
-// // format('embedded-opentype'),
-// // /* IE6-IE8 */ url('/assets/fonts/roboto-v20-latin-regular.woff2')
-// // format('woff2'),
-// // /* Super Modern Browsers */
-// // url('/assets/fonts/roboto-v20-latin-regular.woff') format('woff'),
-// // /* Modern Browsers */ url('/assets/fonts/roboto-v20-latin-regular.ttf')
-// // format('truetype'),
-// // /* Safari, Android, iOS */
-// // url('/assets/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
-// // }
-// // /* roboto-500 - latin */
-// // @font-face {
-// // font-family: 'Roboto';
-// // font-style: normal;
-// // font-weight: 500;
-// // src: url('/assets/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
-// // src: local('Roboto Medium'), local('Roboto-Medium'),
-// // url('/assets/fonts/roboto-v20-latin-500.eot?#iefix')
-// // format('embedded-opentype'),
-// // /* IE6-IE8 */ url('/assets/fonts/roboto-v20-latin-500.woff2')
-// // format('woff2'),
-// // /* Super Modern Browsers */ url('/assets/fonts/roboto-v20-latin-500.woff')
-// // format('woff'),
-// // /* Modern Browsers */ url('/assets/fonts/roboto-v20-latin-500.ttf')
-// // format('truetype'),
-// // /* Safari, Android, iOS */
-// // url('/assets/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
-// // }
-// // /* roboto-700 - latin */
-// // @font-face {
-// // font-family: 'Roboto';
-// // font-style: normal;
-// // font-weight: 700;
-// // src: url('/assets/fonts/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */
-// // src: local('Roboto Bold'), local('Roboto-Bold'),
-// // url('/assets/fonts/roboto-v20-latin-700.eot?#iefix')
-// // format('embedded-opentype'),
-// // /* IE6-IE8 */ url('/assets/fonts/roboto-v20-latin-700.woff2')
-// // format('woff2'),
-// // /* Super Modern Browsers */ url('/assets/fonts/roboto-v20-latin-700.woff')
-// // format('woff'),
-// // /* Modern Browsers */ url('/assets/fonts/roboto-v20-latin-700.ttf')
-// // format('truetype'),
-// // /* Safari, Android, iOS */
-// // url('/assets/fonts/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
-// // }
diff --git a/src/assets/css/base/_core.scss b/src/assets/css/base/_core.scss
deleted file mode 100644
index 4d2788cb518bc20f2c58a53d450c040779e3f6f5..0000000000000000000000000000000000000000
--- a/src/assets/css/base/_core.scss
+++ /dev/null
@@ -1,119 +0,0 @@
-html,
-body {
- margin: 0;
- background-color: #f0f0f8;
- color: black;
- height: 100%;
-}
-
-// html,
-// body,
-// button {
-// font-family: 'Work Sans', Helvetica, Arial, sans-serif !important;
-// }
-
-html,
-body,
-input,
-button,
-div,
-textarea,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-a {
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
- Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-}
-
-#__nuxt {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- // overflow: auto;
-}
-
-a {
- text-decoration: none;
- color: initial;
-}
-
-h1 {
- font-size: 4.2rem;
- margin: 0 0 10px 0;
-}
-
-h2 {
- font-size: 2.8rem;
- margin: 0 0 8px 0;
-}
-
-h3 {
- font-size: 2rem;
- margin: 0 0 8px 0;
-}
-
-h4 {
- font-size: 2rem;
- margin: 0 0 8px 0;
-}
-
-@media (max-width: 800px) {
- h1 {
- font-size: 3.4rem;
- }
-
- h2 {
- font-size: 2.4rem;
- }
-
- h3 {
- font-size: 1.5rem;
- }
-}
-
-@media (max-width: 600px) {
- h1 {
- font-size: 3rem;
- }
-
- h2 {
- font-size: 2.1rem;
- }
-
- h3 {
- font-size: 1.3rem;
- }
-}
-
-@media (max-width: 600px) {
- h1 {
- font-size: 2.6rem;
- }
-
- h2 {
- font-size: 1.8rem;
- }
-
- h3 {
- font-size: 1.2rem;
- }
-}
-
-.dotdotdot {
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- flex-shrink: 1;
- flex-grow: 1;
-}
-
-.link {
- color: $primary-color-100;
- cursor: pointer;
-}
diff --git a/src/assets/css/base/_tippy.scss b/src/assets/css/base/_tippy.scss
deleted file mode 100644
index 6d43935f45cfddd115448714eaac8fa1c9ace99b..0000000000000000000000000000000000000000
--- a/src/assets/css/base/_tippy.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.tippy-tooltip,
-.tippy-popper {
- padding: 0;
- font-size: 0.8rem;
- text-align: inherit;
- color: black;
- color: white;
- margin-top: -3px;
-
- .tippy-content {
- padding: 5px 10px;
- color: white;
- }
-
- .tippy-backdrop {
- display: none;
- }
- .tippy-roundarrow,
- .tippy-arrow {
- fill: black;
- display: none;
- }
- .tippy-popper[x-placement^='top'] & .tippy-arrow {
- border-top-color: black;
- }
- .tippy-popper[x-placement^='bottom'] & .tippy-arrow {
- border-bottom-color: black;
- }
- .tippy-popper[x-placement^='left'] & .tippy-arrow {
- border-left-color: black;
- }
- .tippy-popper[x-placement^='right'] & .tippy-arrow {
- border-right-color: black;
- }
-}
diff --git a/src/assets/css/elementVariables.scss b/src/assets/css/elementVariables.scss
deleted file mode 100644
index 0e52af9e2dbf81a1db0f6628f3ab29eab692cab9..0000000000000000000000000000000000000000
--- a/src/assets/css/elementVariables.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-$--color-primary: #e31337;
-$--background-color-base: #f0f0f8;
-
-$--font-path: '~element-ui/packages/theme-chalk/src/fonts';
-
-@import '~element-ui/packages/theme-chalk/src/index';
diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss
deleted file mode 100644
index 0319e58ef66a7f3c4fc49c65dbfa3ef66a01040d..0000000000000000000000000000000000000000
--- a/src/assets/css/main.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-// base
-@import 'base/core';
-@import 'base/tippy';
-// @import 'fonts';
diff --git a/src/assets/css/variables.scss b/src/assets/css/variables.scss
deleted file mode 100644
index 2c41f786837567b5ff64e4d575df523538312cfd..0000000000000000000000000000000000000000
--- a/src/assets/css/variables.scss
+++ /dev/null
@@ -1,22 +0,0 @@
-$color-0: #f0f0f8;
-$color-0--light: #f0f0f8;
-$color-0--dark: #f0f0f8;
-$color-1: #ffffff;
-$color-1--light: #ffffff;
-$color-1--dark: #fafafa;
-$color-2: #f8f8f9;
-$color-2--light: #fafafb;
-$color-2--dark: #f6f6f7;
-
-$primary-color-100: #e31337;
-$primary-color-90: #2e66ff;
-$primary-color-80: #5582ff;
-$primary-color-60: #7ea1ff;
-$primary-color-10: #c6d5ff;
-$primary-color-5: #f4f7ff;
-$primary-color-3: #265ffc;
-$primary-color-1: #fbfcff;
-
-$secondary-color-100: #212529;
-$secondary-color-90: #6b2cff;
-$secondary-color-80: #7134ff;
diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fec8bb7bdf5dad7d68312a17bd2ea9d6a385449f
--- /dev/null
+++ b/src/components/Icon.tsx
@@ -0,0 +1,67 @@
+'use client';
+
+import React, { useEffect, useRef } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import type { IconDefinition, IconPrefix, IconName } from '@fortawesome/fontawesome-svg-core';
+import tippy, { type Instance } from 'tippy.js';
+
+interface IconProps extends Omit
+ {/* Hero Section */}
+
+
+
+
+ {/* Wallets Grid */}
+ + {t('wallets.title')}. +
++ {t('wallets.text')} +
+
+ {WALLETS.map((wallet) => (
+
+
+
+ {children}
+
+
+ );
+}
diff --git a/src/components/ScrollIndicator.tsx b/src/components/ScrollIndicator.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..466c109e60065b71d53b8d3c735c010e3b688815
--- /dev/null
+++ b/src/components/ScrollIndicator.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
+
+interface ScrollIndicatorProps extends React.HTMLAttributes
+ {SOCIAL_MEDIAS.map(({ icon, link }) => (
+
+
+
+
+ );
+};
diff --git a/src/components/app/App.tsx b/src/components/app/App.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a269ba4f997e996cbb70c7c0fd91f4ad4f6737d2
--- /dev/null
+++ b/src/components/app/App.tsx
@@ -0,0 +1,210 @@
+'use client';
+
+import React, { useState, useMemo } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExternalLinkAlt, faTimes } from '@fortawesome/free-solid-svg-icons';
+import { useAssets } from '@/hooks/useAssets';
+import { useMainStore } from '@/store/useMainStore';
+import { formatToUnits } from '@/lib/data/util';
+import { AppType } from './AppType';
+import { Icon } from '../Icon';
+import type { IEcoItem, IWallet } from '@/types';
+
+interface AppProps {
+ item: IEcoItem | IWallet;
+ appType?: string;
+ move?: boolean;
+ showName?: boolean;
+ showTypes?: boolean;
+ openModal?: boolean;
+ openDetailed?: boolean;
+ detailed?: boolean;
+ style?: React.CSSProperties;
+}
+
+export const App: React.FC
+ })
+
+ );
+
+ return (
+
+ {!openModal && !detailed && !openDetailed ? (
+ setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ >
+ {innerContent}
+
+ ) : (
+
+ );
+};
diff --git a/src/components/app/AppType.tsx b/src/components/app/AppType.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..0a102edfc068f4a42554e777647122342c5aa8db
--- /dev/null
+++ b/src/components/app/AppType.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { TYPE_COLORS } from '@/lib/data/ecosystem';
+
+interface AppTypeProps extends React.HTMLAttributes setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ onClick={onClick}
+ >
+ {innerContent}
+
+ )}
+
+
+
+
+ {(showName || detailed) && (
+ setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ >
+ {item.name}
+ {!detailed && !openDetailed && !openModal && (
+
+
+ {detailed && 'description' in item && item.description && (
+ *:not(:first-child)]:ml-2 ${detailed ? 'ml-3 -mt-0.5' : ''}`}>
+ {item.types?.map((t, index) => (
+
+ )}
+ {detailed && stats && stats.dau && stats.dau.last_month > 10 && (
+
+ {`${formatToUnits(stats.dau.last_month)} Monthly Users`}
+
+ )}
+ {item.description}
+ )}
+
+ {'os' in item && item.os && (
+
+ {item.os.map((os, index) => (
+
+ )}
+
+ {('github' in item || 'gitlab' in item) && (item.github || item.gitlab) && (
+
+ Open Source
+
+ Closed Source
+
+ )}
+
+ {detailed && (
+
+
+ Website
+
+
+ )}
+
+ {appType}
+ {count && ({count})}
+
+ );
+};
diff --git a/src/components/app/EcoDetailed.tsx b/src/components/app/EcoDetailed.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5067807bbbb5082561801d4fe6691b2a60acd267
--- /dev/null
+++ b/src/components/app/EcoDetailed.tsx
@@ -0,0 +1,87 @@
+'use client';
+
+import React from 'react';
+import { useRouter, usePathname } from '@/i18n/routing';
+import { useMainStore } from '@/store/useMainStore';
+import { Button } from '@/components/ui/button';
+import { App } from './App';
+
+export const EcoDetailed: React.FC = () => {
+ const router = useRouter();
+ const pathname = usePathname();
+
+ const activeEco = useMainStore(state => state.activeEco);
+ const getSimilarEco = useMainStore(state => state.getSimilarEco);
+ const getOtherEco = useMainStore(state => state.getOtherEco);
+
+ const similarEco = getSimilarEco();
+ const otherEco = getOtherEco();
+
+ const exploreEco = () => {
+ router.push('/eco');
+ };
+
+ const isEcoPage = pathname.endsWith('/eco') || pathname.includes('/eco/');
+
+ return (
+
+
+ );
+};
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
deleted file mode 100644
index f0174495abce3574b774e103987f0d090407046c..0000000000000000000000000000000000000000
--- a/src/components/app/app.vue
+++ /dev/null
@@ -1,379 +0,0 @@
-
-
+
+
+
+ {!isEcoPage && (
+ Similar Apps
+
+ {similarEco.map((eco) => (
+
+
+
+ )}
+
+
+ + Other Apps +
+ +
+ {otherEco.map((eco) => (
+
+
-
-
-
-
-
-
-
diff --git a/src/components/app/appType.vue b/src/components/app/appType.vue
deleted file mode 100644
index 5464cc8ef7a2bba886f0c7fb904385ab28ba6f2b..0000000000000000000000000000000000000000
--- a/src/components/app/appType.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-
-
- ![]()
-
-
-
-
-
-
-
- ![]()
-
-
-
-
-
- {{ item.description }}
-
-
-
- {{ 'Open Source'
- }}
- {{ 'Closed Source'
- }}
-
- Website
-
-
- {{ appType }}
- ({{ count }})
-
-
-
-
-
-
diff --git a/src/components/app/ecoDetailed.vue b/src/components/app/ecoDetailed.vue
deleted file mode 100644
index 29a928fca298c03308416910bfb203ecfbc0a905..0000000000000000000000000000000000000000
--- a/src/components/app/ecoDetailed.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/components/color/Color.tsx b/src/components/color/Color.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..2365129efc526eeeb53106b3fb9a0f72e4074aa8
--- /dev/null
+++ b/src/components/color/Color.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+interface ColorType {
+ name: string;
+ hex: string;
+ rgb: string;
+ cmyk: string;
+}
+
+interface ColorProps {
+ color?: ColorType;
+}
+
+export const Color: React.FC
-
- Similar Apps
-
-
-
-
-
- Explore Ecosystem
-
- Other Apps
-
-
-
+
+
+ );
+};
diff --git a/src/components/color/color.vue b/src/components/color/color.vue
deleted file mode 100644
index caca5dce7492ee1d69ed470038d47eea4702fc89..0000000000000000000000000000000000000000
--- a/src/components/color/color.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
+
+ {color.name}
+
+
+ HEX:
+ {color.hex}
+
+
+ RGB:
+ {color.rgb}
+
+
+ CMYK:
+ {color.cmyk}
+
-
-
-
-
-
-
-
diff --git a/src/components/contributors/ContributorLabel.tsx b/src/components/contributors/ContributorLabel.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..c2f6dbe1ed9c978aa3ab1eea003552b85f657bee
--- /dev/null
+++ b/src/components/contributors/ContributorLabel.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { CONTRIBUTOR_LABELS } from '@/lib/data/var';
+
+interface ContributorLabelProps {
+ label?: string;
+ count?: number;
+ className?: string;
+ onClick?: () => void;
+}
+
+export const ContributorLabel: React.FC
-
- {{ color.name }}
-
-
- HEX:
- {{ color.hex }}
-
-
- RGB:
- {{ color.rgb }}
-
-
- CMYK:
- {{ color.cmyk }}
-
+ {label}
+ {count && ({count})}
+
+ );
+};
diff --git a/src/components/contributors/Contributors.tsx b/src/components/contributors/Contributors.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4cc9798c91e8cf2c8949d40707c82ea2a76c0e2b
--- /dev/null
+++ b/src/components/contributors/Contributors.tsx
@@ -0,0 +1,119 @@
+'use client';
+
+import React, { useEffect, useMemo } from 'react';
+import { useSearchParams } from 'next/navigation';
+import { useRouter } from '@/i18n/routing';
+import { useMainStore } from '@/store/useMainStore';
+import { CONTRIBUTORS, CONTRIBUTOR_LABELS } from '@/lib/data/var';
+import type { IContributor } from '@/types';
+import { ContributorLabel } from './ContributorLabel';
+import { ContributorsContributor } from './ContributorsContributor';
+
+interface ContributorsProps {
+ full?: boolean;
+}
+
+export const Contributors: React.FC
+ {/* Hero Section */}
+
+ );
+};
diff --git a/src/components/contributors/ContributorsContributor.tsx b/src/components/contributors/ContributorsContributor.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..fe9e42542f0de3d238bc904ef32f0cf5318e2a65
--- /dev/null
+++ b/src/components/contributors/ContributorsContributor.tsx
@@ -0,0 +1,67 @@
+import React from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
+import { useAssets } from '@/hooks/useAssets';
+import type { IContributor } from '@/types';
+
+interface ContributorsContributorProps {
+ contributor?: IContributor;
+ className?: string;
+}
+
+const links: Record
+
+
+ {/* Filter Labels */}
+ + Our Builders. +
++ We're a decentralized project, running on more than{' '} + {CONTRIBUTORS.length} people contributing regularly to the Hive + Ecosystem. +
++ The list of contributors below is{' '} + shuffleContributors()}> + randomized + + . +
+
+ {contributorLabels.map((label) => (
+ filterLabel(label.value)}
+ />
+ ))}
+
+
+ {/* Contributors Grid */}
+
+ {contributors.map((contributor) => (
+
+
+ 
+
+ {contributor.name}
+
+
+ );
+};
diff --git a/src/components/contributors/contributorLabel.vue b/src/components/contributors/contributorLabel.vue
deleted file mode 100644
index 200f1394609a106f66596a4fdb24ad1cf96260f7..0000000000000000000000000000000000000000
--- a/src/components/contributors/contributorLabel.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-
-
+ {contributor.labels?.join(' & ').replace('Core Developer', 'Core Dev')}
+
+
+ {contributor.social && Object.entries(contributor.social).map(([platform, handle]) => (
+
+
+
- {{ label }}
- ({{ count }})
-
-
-
-
-
-
diff --git a/src/components/contributors/contributors.vue b/src/components/contributors/contributors.vue
deleted file mode 100644
index e9a69241e9a19e986cd1513bc8a1a0f784644bd7..0000000000000000000000000000000000000000
--- a/src/components/contributors/contributors.vue
+++ /dev/null
@@ -1,165 +0,0 @@
-
-
-
-
-
-
-
-
diff --git a/src/components/contributors/contributorsContributor.vue b/src/components/contributors/contributorsContributor.vue
deleted file mode 100644
index f2fb862d0e53c1400fa6098456a6b793ba51a86e..0000000000000000000000000000000000000000
--- a/src/components/contributors/contributorsContributor.vue
+++ /dev/null
@@ -1,146 +0,0 @@
-
- Our Builders
-
- We're a decentralized project, running on more than
- {{ CONTRIBUTORS.length }} people contributing regularly to the Hive
- Ecosystem.
-
-
- The list of contributors below is
- randomized.
-
-
-
-
-
-
-
- ![]()
- {{ contributor.name }}
-
-
-
-
-
-
diff --git a/src/components/feature/feature.vue b/src/components/feature/feature.vue
deleted file mode 100644
index ffc3e1f6cd38206237fa9b50079d6a703aa08061..0000000000000000000000000000000000000000
--- a/src/components/feature/feature.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bad2128b6083f190e1b2ed81f750bd619cb36ca3
--- /dev/null
+++ b/src/components/footer/Footer.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { Logo } from '@/components/logo/Logo';
+import { FooterNavigation } from './FooterNavigation';
+
+interface FooterProps extends React.HTMLAttributes
- {{ contributor.labels.join(' & ').replace('Core Developer', 'Core Dev') }}
-
-
-
+
+ );
+};
diff --git a/src/components/footer/FooterNavigation.tsx b/src/components/footer/FooterNavigation.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..e194c8d9e1efdbed9c6ddbd27b98c50a82931d55
--- /dev/null
+++ b/src/components/footer/FooterNavigation.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import { Navigation } from '@/components/navigation/Navigation';
+
+interface FooterNavigationProps extends React.HTMLAttributes
+
+
+ {items.map((subItems, index) => (
+
+
+
+ );
+};
diff --git a/src/components/footer/footer.vue b/src/components/footer/footer.vue
deleted file mode 100644
index 7df22b9aefd749cbdc0f10f46822e80b9f756598..0000000000000000000000000000000000000000
--- a/src/components/footer/footer.vue
+++ /dev/null
@@ -1,86 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/footer/footerNavigation.vue b/src/components/footer/footerNavigation.vue
deleted file mode 100644
index f73bfd3d2e979e33ed087973de51a964636d40af..0000000000000000000000000000000000000000
--- a/src/components/footer/footerNavigation.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..bcd7f371c5b41486b52fe2b8251ba018d57831f2
--- /dev/null
+++ b/src/components/header/Header.tsx
@@ -0,0 +1,53 @@
+'use client';
+
+import React, { useLayoutEffect, useEffect, useRef } from 'react';
+import { Link } from '@/i18n/routing';
+import { Logo } from '@/components/logo/Logo';
+import { Navigation } from '@/components/navigation/Navigation';
+import { MobileMenu } from '@/components/mobile-menu/MobileMenu';
+import { LanguageSelector } from '@/components/LanguageSelector';
+
+interface HeaderProps {
+ items?: any[];
+}
+
+export const Header: React.FC
+
+ );
+};
diff --git a/src/components/header/header.vue b/src/components/header/header.vue
deleted file mode 100644
index 70d65fd8d83b35a7ae9c2c000a595789ccd4ba3c..0000000000000000000000000000000000000000
--- a/src/components/header/header.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-
-
+
+
+
+
+
-
-
-
-
-
-
diff --git a/src/components/icon/icon.vue b/src/components/icon/icon.vue
deleted file mode 100644
index b4eab7be5f270933017c6cc22253c7a4dccfbd0f..0000000000000000000000000000000000000000
--- a/src/components/icon/icon.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-
-
-
-
-
-
-
-
+ {!isReady && (
+
+ );
+};
diff --git a/src/components/infobar/infobar.vue b/src/components/infobar/infobar.vue
deleted file mode 100644
index 326e911789999c0d61d2bb77884f4982b66ae60c..0000000000000000000000000000000000000000
--- a/src/components/infobar/infobar.vue
+++ /dev/null
@@ -1,269 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/logo/Logo.tsx b/src/components/logo/Logo.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..a9129b06ce5d93bb95791dd8b9901f82783c05e0
--- /dev/null
+++ b/src/components/logo/Logo.tsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+interface LogoProps extends React.SVGProps
+
+ )}
+ {isReady && (
+
+ {INFOBAR.titleDesktopOnly && (
+
+ {INFOBAR.titleDesktopOnly}
+
+ )}
+ {INFOBAR.title}
+
+
+
+ {formattedCountdown}
+
+
+
+ {INFOBAR.titleReady}
+
+ )}
+
+
+ );
+};
diff --git a/src/components/mobileMenu/mobileMenu.vue b/src/components/mobileMenu/mobileMenu.vue
deleted file mode 100644
index 7c1a8ec7281a261f1422e5f1b3af3ce5c2edf1e0..0000000000000000000000000000000000000000
--- a/src/components/mobileMenu/mobileMenu.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-
-
-
-
-
-
-TODO: Add browser prefixes
-
diff --git a/src/components/modal/ModalEco.tsx b/src/components/modal/ModalEco.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..505bc9b2ad4fca0eb098c4e57ab14ea85397e36a
--- /dev/null
+++ b/src/components/modal/ModalEco.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React from 'react';
+import { useMainStore } from '@/store/useMainStore';
+import {
+ Dialog,
+ DialogContent,
+} from '@/components/ui/dialog';
+import { EcoDetailed } from '../app/EcoDetailed';
+
+export const ModalEco: React.FC = () => {
+ const activeEco = useMainStore(state => state.activeEco);
+ const resetActiveEco = useMainStore(state => state.resetActiveEco);
+
+ const showModal = !!activeEco.id;
+
+ const handleOpenChange = (open: boolean) => {
+ if (!open) {
+ resetActiveEco();
+ }
+ };
+
+ return (
+
+ );
+};
diff --git a/src/components/modal/modalEco.vue b/src/components/modal/modalEco.vue
deleted file mode 100644
index d54c3e7ee81f6ac77d8c1edbc7169e687133e594..0000000000000000000000000000000000000000
--- a/src/components/modal/modalEco.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-
-
+
+
+
+
+
+
+ *]:text-center [&>*]:py-2.5 [&>*]:px-0 [&>*]:w-full -mt-[200px] bg-[#f0f0f8]`}
+ items={items}
+ onClicked={() => setIsMobileActive(false)}
+ />
+
+
+
+
+ {items.map((item, index) => {
+ // Dropdown menu items
+ if (item.children && item.children.length > 0) {
+ return (
+
+
+ {item.name}
+
+
+
+
+ );
+ }
+
+ // Regular navigation items
+ return (
+
+
+ );
+ })}
+
+
+
+ );
+ }
+
+ // Simple navigation without dropdowns
+ return (
+ -
+ {item.children.map((child, childIndex) => (
+
-
+ {child.to && (child.to.includes('https://') || child.to.includes('mailto')) ? (
+
+ + ) : child.to ? ( +++{child.name}+ {child.description && ( ++ {child.description} +
+ )} ++ + + ) : null} +++ +{child.name}+ {child.description && ( ++ {child.description} +
+ )} +
+ ))}
+
+ {items.map((item, index) => (
+
+ );
+};
diff --git a/src/components/navigation/NavigationItem.tsx b/src/components/navigation/NavigationItem.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b6049ff4f9027f7704d326d4b6ef1d550f326e1b
--- /dev/null
+++ b/src/components/navigation/NavigationItem.tsx
@@ -0,0 +1,103 @@
+'use client';
+
+import React from 'react';
+import { Link, usePathname } from '@/i18n/routing';
+import { Button } from '@/components/ui/button';
+
+interface NavigationItemProps extends Omit
+
+
+ );
+ }
+
+ // Regular button
+ if (isButton && to && !to.includes('whyhive.co')) {
+ return (
+
+
+
+ );
+ }
+
+ // External link
+ if (!isButton && to && (to.includes('https://') || to.includes('mailto'))) {
+ return (
+
+
+ {name}
+
+
+ );
+ }
+
+ // Internal link
+ if (!isButton && to && !to.includes('https://') && !to.includes('mailto')) {
+ return (
+
+
+ {name}
+
+
+ );
+ }
+
+ return null;
+};
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
deleted file mode 100644
index aa5c5e00dc869c5223bf92620225fad464b601dd..0000000000000000000000000000000000000000
--- a/src/components/navigation/navigation.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/navigation/navigationItem.vue b/src/components/navigation/navigationItem.vue
deleted file mode 100644
index 8cf885b3e1407c5fab4dee67395d260446028297..0000000000000000000000000000000000000000
--- a/src/components/navigation/navigationItem.vue
+++ /dev/null
@@ -1,92 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/root/RootEco.tsx b/src/components/root/RootEco.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..b600b4376948ed4aa05680f16b9857d955f08162
--- /dev/null
+++ b/src/components/root/RootEco.tsx
@@ -0,0 +1,76 @@
+'use client';
+
+import React, { useMemo } from 'react';
+import { useTranslations } from 'next-intl';
+import { useRouter } from '@/i18n/routing';
+import { Button } from '@/components/ui/button';
+import { App } from '@/components/app/App';
+import { ModalEco } from '@/components/modal/ModalEco';
+import { ECOSYSTEM } from '@/lib/data/var';
+import { shuffleArray } from '@/lib/data/util';
+import type { IEcoItem } from '@/types';
+
+interface RootEcoProps extends React.HTMLAttributes
+
+ );
+};
diff --git a/src/components/root/rootEco.vue b/src/components/root/rootEco.vue
deleted file mode 100644
index 9dc568f0653446a261aee56f8bb24f64da926f42..0000000000000000000000000000000000000000
--- a/src/components/root/rootEco.vue
+++ /dev/null
@@ -1,166 +0,0 @@
-
-
+
+
+
+ {t('root.ecoTitle')}
++ {t('root.ecoText')} +
+ +
+ {favs.map((app, index) => (
+
+
+
+ ))}
+
-
-
-
-
-
-
diff --git a/src/components/scrollindicator.vue b/src/components/scrollindicator.vue
deleted file mode 100644
index 505c516a05e3666581aaf9f85f25998df8f8754a..0000000000000000000000000000000000000000
--- a/src/components/scrollindicator.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-
-
-
-
-
- {{ $t('root.ecoButton') }}
-
- {{ $t('root.ecoTitle') }}
-- {{ $t('root.ecoText') }} -
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/components/statWebsite/StatWebsite.tsx b/src/components/statWebsite/StatWebsite.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9605877609b474c53cb01a8dcfd75f758ae1e623
--- /dev/null
+++ b/src/components/statWebsite/StatWebsite.tsx
@@ -0,0 +1,85 @@
+'use client';
+
+import React, { useState } from 'react';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExternalLinkAlt } from '@fortawesome/free-solid-svg-icons';
+import { useAssets } from '@/hooks/useAssets';
+
+interface StatWebsiteProps {
+ item?: any;
+ transparent?: boolean;
+}
+
+export const StatWebsite: React.FC
+ setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ >
+
+ );
+};
diff --git a/src/components/statWebsite/statWebsite.vue b/src/components/statWebsite/statWebsite.vue
deleted file mode 100644
index 7045a0b3ab6c9b03dcd9917253a1312f2ee4aa0f..0000000000000000000000000000000000000000
--- a/src/components/statWebsite/statWebsite.vue
+++ /dev/null
@@ -1,191 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..21409a0666890b99eda16fb2be1c2ddc60d8baae
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,60 @@
+import * as React from "react"
+import { Slot } from "@radix-ui/react-slot"
+import { cva, type VariantProps } from "class-variance-authority"
+
+import { cn } from "@/lib/utils"
+
+const buttonVariants = cva(
+ "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+ {
+ variants: {
+ variant: {
+ default: "bg-primary text-primary-foreground hover:bg-primary/90",
+ destructive:
+ "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+ outline:
+ "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+ secondary:
+ "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+ ghost:
+ "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+ link: "text-primary underline-offset-4 hover:underline",
+ },
+ size: {
+ default: "h-9 px-4 py-2 has-[>svg]:px-3",
+ sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+ lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+ icon: "size-9",
+ "icon-sm": "size-8",
+ "icon-lg": "size-10",
+ },
+ },
+ defaultVariants: {
+ variant: "default",
+ size: "default",
+ },
+ }
+)
+
+function Button({
+ className,
+ variant,
+ size,
+ asChild = false,
+ ...props
+}: React.ComponentProps<"button"> &
+ VariantProps
+ })
+
+
+
+ setHover(true)}
+ onMouseLeave={() => setHover(false)}
+ >
+ {item.name}
+
+
+ )
+}
+
+function NavigationMenuLink({
+ className,
+ ...props
+}: React.ComponentProps
+
+ );
+};
diff --git a/src/components/updates/UpdatesUpdate.tsx b/src/components/updates/UpdatesUpdate.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..6a1773d58add8795c3dc795672e71aa5bd764ac8
--- /dev/null
+++ b/src/components/updates/UpdatesUpdate.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+interface UpdatesUpdateProps {
+ item?: any;
+ big?: boolean;
+ className?: string;
+}
+
+export const UpdatesUpdate: React.FCNewest Updates
+
+ {UPDATES_PROCESSED.slice(1, UPDATES_PROCESSED.length).map((update, index) => (
+
+
+
+ );
+};
diff --git a/src/components/updates/updates.vue b/src/components/updates/updates.vue
deleted file mode 100644
index 11a55cef64a44a8f1c5486ef7ee483edb349ab38..0000000000000000000000000000000000000000
--- a/src/components/updates/updates.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-
- {item.title}
+ {item.video && (
+
+ )}
+
-
-
-
-
-
-
diff --git a/src/components/updates/updatesUpdate.vue b/src/components/updates/updatesUpdate.vue
deleted file mode 100644
index 7f173f3bf227e6ce30ebe6a9c39247fa7bf925d5..0000000000000000000000000000000000000000
--- a/src/components/updates/updatesUpdate.vue
+++ /dev/null
@@ -1,101 +0,0 @@
-
- Newest Updates
-
-
-
-
-
-
-
-
-
diff --git a/src/components/video/Video.tsx b/src/components/video/Video.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8281fb1bd0e401104e42bd37e881f5f6a8c5e405
--- /dev/null
+++ b/src/components/video/Video.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { useAssets } from '@/hooks/useAssets';
+
+export const Video: React.FC = () => {
+ const { getVideo } = useAssets();
+
+ return (
+
+ );
+};
diff --git a/src/components/video/video.vue b/src/components/video/video.vue
deleted file mode 100644
index 42969dc78b4ce317b978c537aff102a2ec6131c3..0000000000000000000000000000000000000000
--- a/src/components/video/video.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/hooks/useAssets.ts b/src/hooks/useAssets.ts
new file mode 100644
index 0000000000000000000000000000000000000000..2e5a04bf5f81600f3313d55b5e9540824bb02837
--- /dev/null
+++ b/src/hooks/useAssets.ts
@@ -0,0 +1,22 @@
+/**
+ * useAssets hook for Next.js
+ * Provides helper functions to get asset paths from the public directory
+ */
+export const useAssets = () => {
+ const getImage = (path: string): string => {
+ // Normalize path to remove leading slashes
+ const normalizedPath = path.replace(/^\/+/, '');
+ return `/images/${normalizedPath}`;
+ };
+
+ const getVideo = (path: string): string => {
+ // Normalize path to remove leading slashes
+ const normalizedPath = path.replace(/^\/+/, '');
+ return `/videos/${normalizedPath}`;
+ };
+
+ return {
+ getImage,
+ getVideo,
+ };
+};
diff --git a/src/i18n/request.ts b/src/i18n/request.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1efd57df3c3ead3f06d9ea124f72fcf72f4966a3
--- /dev/null
+++ b/src/i18n/request.ts
@@ -0,0 +1,14 @@
+import {getRequestConfig} from 'next-intl/server'
+import {routing} from './routing'
+
+export default getRequestConfig(async ({locale}) => {
+ // Validate that the incoming `locale` parameter is valid
+ if (!locale || !routing.locales.includes(locale as any)) {
+ locale = routing.defaultLocale
+ }
+
+ return {
+ locale,
+ messages: (await import(`../../messages/${locale}.json`)).default,
+ }
+})
diff --git a/src/i18n/routing.ts b/src/i18n/routing.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e0a326abc4530853d09787c49da16211688017f0
--- /dev/null
+++ b/src/i18n/routing.ts
@@ -0,0 +1,18 @@
+import { defineRouting } from 'next-intl/routing';
+import { createNavigation } from 'next-intl/navigation';
+
+export const routing = defineRouting({
+ // A list of all locales that are supported
+ locales: ['en', 'de'] as const,
+
+ // Used when no locale matches
+ defaultLocale: 'en',
+
+ // Always show locale prefix for static export
+ localePrefix: 'always'
+});
+
+// Lightweight wrappers around Next.js' navigation APIs
+// that will consider the routing configuration
+export const { Link, redirect, usePathname, useRouter } =
+ createNavigation(routing);
diff --git a/src/index.d.ts b/src/index.d.ts
deleted file mode 100644
index 7a72a47666ea75f97a2f4d17c6b6640e48d22af3..0000000000000000000000000000000000000000
--- a/src/index.d.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/* eslint-disable no-unused-vars */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import Vue from 'vue'
-import VueModal from 'vue-js-modal'
-import i18n from 'nuxt-i18n'
-import {accessorType} from './store'
-
-declare module 'vue/types/vue' {
- interface Vue {
- $accessor: typeof accessorType
- }
-}
-
-declare module '@nuxt/types' {
- interface NuxtAppOptions {
- $accessor: typeof accessorType
- }
-}
diff --git a/src/lang/de.js b/src/lang/de.js
deleted file mode 100644
index f1c2d5e1b0cf57ed669194c682eb026f8adf732b..0000000000000000000000000000000000000000
--- a/src/lang/de.js
+++ /dev/null
@@ -1,4 +0,0 @@
-export default {
- welcome: 'Wilkommen',
- test: 'de',
-}
diff --git a/src/lang/en.js b/src/lang/en.js
deleted file mode 100644
index da1d653b3104d8f9ce56da080f753c52f3e935f0..0000000000000000000000000000000000000000
--- a/src/lang/en.js
+++ /dev/null
@@ -1,99 +0,0 @@
-export default {
- root: {
- learnMore: 'Learn More',
- whyHive: 'Why Hive?',
- ecoTitle: 'A Thriving, Mature Ecosystem',
- ecoText:
- 'Hive is not a shiny new toy. We’ve been around for a while, and have grown a thriving ecosystem of hundreds of dapps, communities & projects. We are home to some of the most used Web3 dapps in the world, such as Splinterlands, PeakD, and Ecency.',
- ecoButton: 'Explore',
- walletsTitle: 'Wallets',
- walletsText:
- 'Wallets are incredibly important to securely store your cryptocurrencies and to interact with Web3 apps.\nHive has multiple community-owned and open-source wallets available for Windows, macOS, Linux, iOS, Android & Web.',
- walletsButton: 'Choose wallet',
- dafTitle: 'Decentralized Hive Fund',
- dafText:
- 'The development of Hive and its ecosystem is made possible by the community. To incentivize crucial work, the same community can engage in stake-weighted voting to fund proposals via the Decentralised Hive Fund (DHF).',
- dafButton: 'Learn more',
- exchanges: {
- title: 'Listed Exchanges',
- subtitle:
- 'Hive is available at the top exchanges for your convenience.',
- },
- hbdTitle: 'Hive Backed Dollar',
- hbdText:
- 'HBD is a USD-pegged algorithmic stablecoin backed by HIVE. We currently provide one of the highest interest rates in the crypto space for holding HBD in savings.',
- hbdAPR: 'The interest rate is variable and is voted by the Witnesses.',
- hbdButton: 'Learn more',
- fastTitle: 'Fast',
- fastText:
- 'Transactions are processed and confirmed in 3 seconds. Hive is using OBI (one-block irreversibility) meaning that transactions become irreversible in less than 3 seconds. No need to wait for confirmations.',
- fastButton: 'Learn more',
- feeTitle: 'Fast with No Fees',
- feeText:
- 'Built for people and communities, Hive technology has enjoyed 3 second transactions and zero gas fees for years. For the technically inclined, we’re a Delegated Proof of Stake (DPoS) chain, allowing those who invest the most time and resources into Hive to realize the most value.',
- feeText2: 'Fresh accounts by default have some free RC to help them start.',
- decTitle: 'Decentralized',
- decText:
- 'Hive is one of the most decentralized blockchains. There is no single entity or organization that controlls the network. Everything is run by the community members.',
- decText2:
- 'The initiative behind the creation of Hive was decentralization. The community came together to create something that can not be overtaken by the centralized entities.',
- usernameTitle: 'Readable Wallet Addresses',
- usernameText:
- 'Wallet addresses in Hive are easy to remember. They look and act just like usernames in traditional applications. In other words, a username is a wallet address and a social media handle at the same time.',
- },
- about: {
- title: 'Built for Web',
- text: `Hive is an innovative and forward-looking decentralized blockchain and ecosystem, designed to scale with widespread adoption of the currency and platforms in mind. By combining the lightning-fast processing times and fee-less transactions, Hive is one of the leading Web3 blockchains used by people around the world.`,
- featureFast: 'Fast',
- featureFastText: 'Hive has 3 second block times with transactions confirmed within milliseconds due to one-block irreversibility, allowing for a seamless experience.',
- featureScalable: 'Scalable',
- featureScalableText: 'Efficiency is key. Hive is optimized for sustainability and flexibility with layered solutions.',
- featurePowerful: 'Powerful',
- featurePowerfulText:
- 'Hive is a global decentralized network. It is battle-tested by hundreds of apps, communities & projects around the world.',
- },
- eco: {
- title: 'Hive Ecosystem',
- text: 'Below is a selection of dapps, games and tools built on Hive.',
- subTitle: 'Interested in statistics?',
- subText:
- 'Thousands of people across numerous dapps are using Hive every day.',
- },
- wallets: {
- title: 'Choose Your Wallet',
- text:
- 'Hive wallets are available for Windows, MacOS, Linux, iOS, Android & Web.',
- },
- hbd: {
- title: 'Hive Backed Dollar',
- text:
- 'HBD is a native stablecoin on the Hive blockchain. HBD is built to hold $1USD value in the most decentralized ways. It benefits from the fee-less and fast transactions of the Hive blockchain.',
- howTitle: 'How does it maintain the $1USD peg?',
- howText:
- 'There are two decentralized conversion operations designed to achieve this goal. HIVE to HBD conversion and HBD to HIVE conversion. These two operations keep the price at $1USD with a tight margin.',
- hbdToHiveTitle: 'HBD to HIVE conversion',
- hbdToHiveText:
- 'This operation converts set amounts of HBD to $1USD worth of HIVE with no extra fees. It takes 3.5 days for the conversion to finalize. The price in this conversion is the median price of the coming 3.5 days to prevent market manipulations.',
- hiveToHbdTitle: 'HIVE to HBD conversion',
- hiveToHbdText:
- 'This operation is a collateral-based conversion. After initialazing the conversion of the X amount of HIVE to HBD, the user gets Y amount of HBD immediately. The Y is equivilent of the value of X/2 of the HIVE. The cost for Y amount of HBD is calculated after 3.5 days and the remaining HIVE is returned to the user. The price is the median price of the 3.5 days. This conversion has a 5% fee which is burned in the process.',
- supportedWallets: 'Supported wallets',
- interestTitle: 'Savings account APR',
- interestText:
- 'Placing your HBD savings in a Savings Account on Hive will generate returns. Saving is an action that locks the HBD with a unlock time of only 3 days. The interest rate is voted by the witnesses and is variable. It is currently at 20% APR.',
- whereToBuyTitle: 'Where to buy',
- moreInfoTitle: 'Statistics, market cap, and more',
- moreInfoText: 'You can grab the latest figures at ',
- risksTitle: 'Risks',
- risksText:
- 'HBD has a security mechanism built into it called haircut rule. The haircut rule makes sure that debt ratio of HBD to HIVE is always less than 30%. Haircut rule gets activated when the debt ratio is greater or equal to 30%. It stops printing HBD and breaks the $1 peg. The HBD to HIVE conversion will return slightly lower value than $1.',
- risksText2:
- 'The haircut rule has happened a few times in the past and is proven to be effective in preventing over debt while maintaining a healthy price for both HIVE and HBD tokens.',
- },
- brand: {
- title: 'Brand Assets',
- text:
- 'The branding of Hive is created by the community, for the community. For graphical representation of Hive, the correct & newest assets shall be used.',
- },
- moreDetails: 'More Details Soon',
-}
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
deleted file mode 100644
index a99e37901cacaab522ab480477308906acfcca7f..0000000000000000000000000000000000000000
--- a/src/layouts/default.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-
- {{ item.title }}
-
-
-
-
-
-
-
-
diff --git a/src/helpers/blockexplorers.ts b/src/lib/data/blockexplorers.ts
similarity index 93%
rename from src/helpers/blockexplorers.ts
rename to src/lib/data/blockexplorers.ts
index 5ecf6fcd952cea38c8668d290e2cdaa85c14ee46..e7097fbf373484033929fc072a61de17d076a9e2 100644
--- a/src/helpers/blockexplorers.ts
+++ b/src/lib/data/blockexplorers.ts
@@ -1,4 +1,5 @@
-import {EcoType, IEcoItem} from '~/types'
+import type { IEcoItem } from '@/types'
+import { EcoType } from '@/types'
/**
* Hive Blockchain Explorers
diff --git a/src/helpers/contributors.ts b/src/lib/data/contributors.ts
similarity index 98%
rename from src/helpers/contributors.ts
rename to src/lib/data/contributors.ts
index 7855ee1691083fc808fb736840eefc6e9a059d5e..d399350a0f42651341d58e939901aa1e606b41a6 100644
--- a/src/helpers/contributors.ts
+++ b/src/lib/data/contributors.ts
@@ -1,4 +1,5 @@
-import {IContributor, ContributorLabel} from '~/types'
+import type { IContributor } from '@/types'
+import { ContributorLabel } from '@/types'
/**
* id: Hive account name
diff --git a/src/helpers/ecosystem.ts b/src/lib/data/ecosystem.ts
similarity index 87%
rename from src/helpers/ecosystem.ts
rename to src/lib/data/ecosystem.ts
index 15f3703470d0df5455f3de3ad28b3199e6b5a13b..e03543c510428554cbbb5903ef609b5d0f12e95e 100644
--- a/src/helpers/ecosystem.ts
+++ b/src/lib/data/ecosystem.ts
@@ -1,5 +1,6 @@
+import type {IEcoItem} from '@/types/index'
import {BLOCKEXPLORERS} from './blockexplorers'
-import {IEcoItem, EcoType} from '~/types/index'
+import {EcoType} from '@/types/index'
/**
* Hive Ecosystem
@@ -82,7 +83,7 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.game, EcoType.nft],
featured: true,
},
- // {
+ // {
// id: 'splinterroyale',
// name: 'Splinter Royale',
// description: 'Web3 Trading Card Game meets fast-paced Auto Chess Battler.',
@@ -90,7 +91,7 @@ export const ECOSYSTEM: IEcoItem[] = [
// website: 'https://splinterroyale.com',
// types: [EcoType.game, EcoType.nft],
// featured: true,
- //},
+ // },
// {
// id: 'rabona',
// name: 'Rabona',
@@ -139,7 +140,7 @@ export const ECOSYSTEM: IEcoItem[] = [
},
{
id: 'woo',
- name: 'Wrestling Organization Online',
+ name: 'Wrestling Organization',
description:
'Wrestling Organization Online is a P2E sport business management game.',
image: 'WOO.png',
@@ -147,15 +148,15 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.game],
featured: false,
},
- {
- id: 'engage',
- name: 'Engage',
- description:
- ' A community and conversation manager to stay connected with your Hive audience.',
- image: 'engage.png',
- website: 'https://engage.hivechain.app',
- types: [EcoType.social],
- },
+ {
+ id: 'engage',
+ name: 'Engage',
+ description:
+ ' A community and conversation manager to stay connected with your Hive audience.',
+ image: 'engage.png',
+ website: 'https://engage.hivechain.app',
+ types: [EcoType.social],
+ },
{
id: 'travelfeed',
name: 'TravelFeed',
@@ -183,15 +184,15 @@ export const ECOSYSTEM: IEcoItem[] = [
// website: 'https://stem.openhive.network',
// types: ['app'],
// },
- // {
- // id: 'exxp',
- // name: 'Exxp',
- // description: 'Power your wordpress blog with blockchain technology.',
- // image: 'exxp.png',
- // website: 'https://exxp.io',
- // types: [EcoType.social],
- // featured: false,
- // },
+ // {
+ // id: 'exxp',
+ // name: 'Exxp',
+ // description: 'Power your wordpress blog with blockchain technology.',
+ // image: 'exxp.png',
+ // website: 'https://exxp.io',
+ // types: [EcoType.social],
+ // featured: false,
+ // },
{
id: 'actifit',
name: 'Actifit',
@@ -270,7 +271,8 @@ export const ECOSYSTEM: IEcoItem[] = [
{
id: 'beeswap',
name: 'BeeSwap',
- description: 'A Hive browser wallet and Hive Engine DeFi application for inexpensive deposits and withdrawals to Hive Engine.',
+ description:
+ 'A Hive browser wallet and Hive Engine DeFi application for inexpensive deposits and withdrawals to Hive Engine.',
image: 'beeswap.png',
website: 'https://beeswap.dcity.io/convert',
types: [EcoType.defi],
@@ -287,15 +289,15 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.game],
featured: false,
},
- // {
- // id: 'nftmart',
- // name: 'NFTMart',
- // description: 'An NFT market for Hive. Mostly card games.',
- // image: 'nftmart.png',
- // website: 'https://nftm.art/',
- // types: [EcoType.nft],
- // featured: false,
- // },
+ // {
+ // id: 'nftmart',
+ // name: 'NFTMart',
+ // description: 'An NFT market for Hive. Mostly card games.',
+ // image: 'nftmart.png',
+ // website: 'https://nftm.art/',
+ // types: [EcoType.nft],
+ // featured: false,
+ // },
{
id: 'vimm',
name: 'Vimm',
@@ -447,15 +449,15 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.game],
featured: false,
},
- // {
- // id: 'psyberx',
- // name: 'PsyberX',
- // description: 'FPS+TPS game where gamers strike fear into their opponents.',
- // image: 'psyberx.png',
- // website: 'https://www.psyber-x.com',
- // types: [EcoType.game],
- // featured: false,
- // },
+ // {
+ // id: 'psyberx',
+ // name: 'PsyberX',
+ // description: 'FPS+TPS game where gamers strike fear into their opponents.',
+ // image: 'psyberx.png',
+ // website: 'https://www.psyber-x.com',
+ // types: [EcoType.game],
+ // featured: false,
+ // },
{
id: 'hivetube',
name: 'Hive Tube',
@@ -476,16 +478,16 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.game],
featured: false,
},
- // {
- // id: 'reverio',
- // name: 'Reverio',
- // description:
- // 'Earn rewards on Hive by asking and answering questions on Reverio.',
- // image: 'reverio.svg',
- // website: 'https://reverio.io/',
- // types: [EcoType.social],
- // featured: false,
- // },
+ // {
+ // id: 'reverio',
+ // name: 'Reverio',
+ // description:
+ // 'Earn rewards on Hive by asking and answering questions on Reverio.',
+ // image: 'reverio.svg',
+ // website: 'https://reverio.io/',
+ // types: [EcoType.social],
+ // featured: false,
+ // },
{
id: 'hivedex',
name: 'Hivedex.io',
@@ -515,16 +517,6 @@ export const ECOSYSTEM: IEcoItem[] = [
types: [EcoType.tools, EcoType.defi, EcoType.nft],
featured: false,
},
- // {
- // id: 'immortalcreed',
- // name: 'Immortal Creed',
- // description:
- // 'A trading card game set in a fantasy themed world integrated with blockchain technology. This allows you, the player, to earn, own and trade your game characters, weapons, equipment and currencies.',
- // image: 'immortalcreed.png',
- // website: 'https://immortalcreed.io',
- // types: [EcoType.game, EcoType.nft],
- // featured: false,
- //},
{
id: 'arcadecolony',
name: 'Arcade Colony',
@@ -547,7 +539,8 @@ export const ECOSYSTEM: IEcoItem[] = [
{
id: 'riseofthepixels',
name: 'Rise of the Pixels',
- description: 'A browser-based simulation game where you manage your own game development studio. Grow through the vibrant eras of gaming, smash bugs, hone your team, and deliver masterpieces to your audiences.',
+ description:
+ 'A browser-based simulation game where you manage your own game development studio. Grow through the vibrant eras of gaming, smash bugs, hone your team, and deliver masterpieces to your audiences.',
image: 'riseofthepixels.png',
website: 'https://riseofthepixels.com/',
types: [EcoType.game],
@@ -555,8 +548,7 @@ export const ECOSYSTEM: IEcoItem[] = [
{
id: 'hive-inbox',
name: 'Hive Inbox',
- description:
- 'Helps you manage Hive Blog\'s replies.',
+ description: "Helps you manage Hive Blog's replies.",
image: 'hive-inbox.png',
website: 'https://hive-inbox.the-hive-mobile.app',
types: [EcoType.social],
@@ -573,22 +565,19 @@ export const ECOSYSTEM: IEcoItem[] = [
{
id: 'snapie',
name: 'Snapie',
- description:
- 'Snapie brings social media to the blockchain.',
+ description: 'Snapie brings social media to the blockchain.',
image: 'snapie.png',
website: 'https://snapie.xyz/',
types: [EcoType.social],
},
- {
+ {
id: 'hive-analytics',
name: 'Hive Analytics',
- description:
- 'Real-time blockchain intelligence for the Hive ecosystem.',
+ description: 'Real-time blockchain intelligence for the Hive ecosystem.',
image: 'hiveanalytics.png',
website: 'https://hiveanalytics.usehive.com/',
types: [EcoType.tools],
},
-
].concat(BLOCKEXPLORERS as any)
export const TYPE_COLORS = {
diff --git a/src/helpers/exchanges.ts b/src/lib/data/exchanges.ts
similarity index 99%
rename from src/helpers/exchanges.ts
rename to src/lib/data/exchanges.ts
index 862718df1f4658bf804a152ced4c514f9f2cafa0..eb47bc88c672fa37b863ca94b876999da37f2f59 100644
--- a/src/helpers/exchanges.ts
+++ b/src/lib/data/exchanges.ts
@@ -140,12 +140,12 @@ export const EXCHANGES = [
website: 'https://exchange.lcx.com/sv/trade/HIVE-EUR',
image: 'LCX.png',
},
- //{
+ // {
// id: 'leodex',
// name: 'LeoDex',
// website: 'https://leodex.io/',
// image: 'leodex.webp',
- //},
+ // },
{
id: 'mexc',
name: 'MEXC',
diff --git a/src/helpers/navigation.ts b/src/lib/data/navigation.ts
similarity index 55%
rename from src/helpers/navigation.ts
rename to src/lib/data/navigation.ts
index 64b6ba771edf12801d4ea6b91bd6fda9b52ce24f..5e1f7f24e521340425ab7f122240c9bafd4bcd6b 100644
--- a/src/helpers/navigation.ts
+++ b/src/lib/data/navigation.ts
@@ -1,11 +1,91 @@
/**
- * Header Navigation
+ * Header Navigation with Dropdowns
+ */
+export const NAVIGATION_HEADER_DROPDOWN = [
+ {
+ name: 'Learn',
+ children: [
+ {
+ to: 'about',
+ name: 'About Hive',
+ description: 'Learn about the Hive blockchain',
+ },
+ {
+ to: 'roadmap',
+ name: 'Roadmap',
+ description: "See what's coming next",
+ },
+ {
+ to: 'contributors',
+ name: 'Contributors',
+ description: 'Meet the people behind Hive',
+ },
+ {
+ to: 'hbd',
+ name: 'Hive Dollar (HBD)',
+ description: 'Stablecoin with 15% APR',
+ },
+ ],
+ },
+ {
+ name: 'Build',
+ children: [
+ {
+ to: 'https://developers.hive.io',
+ name: 'Developer Portal',
+ description: 'Developer resources and guides',
+ },
+ {
+ to: 'https://gitlab.syncad.com/hive',
+ name: 'Repositories',
+ description: 'Browser Hive applications and source code',
+ },
+ ],
+ },
+ {
+ name: 'Explore',
+ children: [
+ {
+ to: 'https://hive.blog',
+ name: 'Community',
+ description: 'Join Hive communities',
+ },
+ {
+ to: 'eco',
+ name: 'Apps',
+ description: 'Discover Hive dApps',
+ },
+ {
+ to: 'wallets',
+ name: 'Wallets',
+ description: 'Secure your HIVE and HBD',
+ },
+ {
+ to: 'https://explore.openhive.network/',
+ name: 'Block Explorer',
+ description: 'Browse blockchain data',
+ },
+ ],
+ },
+ {
+ to: 'https://signup.hive.io',
+ name: 'Join',
+ isButton: true,
+ },
+]
+
+/**
+ * Header Navigation (Legacy - kept for backwards compatibility)
*/
export const NAVIGATION_HEADER = [
{
to: 'about',
name: 'Learn More',
},
+ {
+ to: 'roadmap',
+ name: 'Roadmap',
+ },
{
to: 'eco',
name: 'Ecosystem',
@@ -23,11 +103,6 @@ export const NAVIGATION_HEADER = [
name: 'Join',
isButton: true,
},
- // {
- // to: 'https://whyhive.co',
- // name: 'Why Hive?',
- // isButton: true,
- // },
]
/**
@@ -49,7 +124,7 @@ export const NAVIGATION_FOOTER = [
name: 'Brand Assets',
},
{
- to: 'about-contributors',
+ to: 'contributors',
name: 'Contributors',
},
// {
@@ -144,10 +219,6 @@ export const ABOUT_NAVIGATION = [
to: 'about',
text: 'About Hive',
},
- {
- to: 'roadmap',
- text: 'Roadmap',
- },
- { to: 'about-contributors', text: 'Contributors' },
- // {to: 'about-updates', text: 'Updates'},
+ {to: 'contributors', text: 'Contributors'},
+ // {to: 'updates', text: 'Updates'},
]
diff --git a/src/helpers/socialmedias.ts b/src/lib/data/socialmedias.ts
similarity index 100%
rename from src/helpers/socialmedias.ts
rename to src/lib/data/socialmedias.ts
diff --git a/src/helpers/statswebsites.ts b/src/lib/data/statswebsites.ts
similarity index 98%
rename from src/helpers/statswebsites.ts
rename to src/lib/data/statswebsites.ts
index afbe03e0ec00d7206b93c382feee83c48e919f80..d96096c35b69985ae4400a9d3c96799235d1a207 100644
--- a/src/helpers/statswebsites.ts
+++ b/src/lib/data/statswebsites.ts
@@ -15,12 +15,12 @@ export const STATISTIC_WEBSITES = [
// image: 'stateofthedapps.svg',
// },
- //{
+ // {
// id: 'dapp-review',
// name: 'Dapp Review',
// website: 'https://dapp.review/explore/hive',
// image: 'dapp-review.svg',
- //},
+ // },
// {
// id: 'hivedapps-com',
// name: 'HiveDapps',
diff --git a/src/helpers/updates.ts b/src/lib/data/updates.ts
similarity index 100%
rename from src/helpers/updates.ts
rename to src/lib/data/updates.ts
diff --git a/src/helpers/util.ts b/src/lib/data/util.ts
similarity index 67%
rename from src/helpers/util.ts
rename to src/lib/data/util.ts
index 1a62a49ac18fc22931fcde6b2396bcee2be1d1e4..92740061ff617b0eb0d76e1f78bf53f2694cdf0a 100644
--- a/src/helpers/util.ts
+++ b/src/lib/data/util.ts
@@ -1,7 +1,9 @@
-export const shuffleArray = (array) => {
+export const shuffleArray =
-
-
-
-
-
-
diff --git a/src/pages/brand.vue b/src/pages/brand.vue
deleted file mode 100644
index 279dcac9ca83e4c39973aad0451e1f9d24e3dd2e..0000000000000000000000000000000000000000
--- a/src/pages/brand.vue
+++ /dev/null
@@ -1,138 +0,0 @@
-
-
-
-
-
-
- {{ nav.text }}
-
-
- 
-
-
-
- - {{ $t(`about.title`) }}3 -
-{{ $t('about.text') }}
- -
-
-
-
-
- {{ $t('about.featureFast') }}.
-{{ $t('about.featureFastText') }}
-
-
-
- - {{ $t('about.featureScalable') }}. -
-{{ $t('about.featureScalableText') }}
-
-
- - {{ $t('about.featurePowerful') }}. -
-- {{ $t('about.featurePowerfulText') }} -
-
-
- - Roadmap -
-Just about all our core development updates are shared on Hive - @blocktrades -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 2025 Q3
-Updated HAF API stack
-Hived Node software
-
-
- -
-
- Lightweight hived only requires 4GB memory (next step to running on smart phones)
-
- -
-
- Interactive API documentation web sites (swagger-based)
-
-
-
- Social media API server
-
-
- -
-
- Improved mute handling in Hivemind
-
- -
-
- Keyword-based search added to Hivemind API
-
- -
-
- Semantic text search and related post search with new HiveSense API
-
-
-
- Wallet balance tracking and account history API servers
-
-
- -
-
- Savings balances
-
- -
-
- Pending coin conversions (@actifit)
-
- -
-
- Open market orders (@actifit)
-
- -
-
- Average transfer statistics
-
- -
-
- Recurrent transfers
-
- -
-
- Recent trades and trade history APIs for accounts
-
- -
-
- Rich list (@actifit)
-
-
-
- Block explorer API
-
-
- -
-
- Speedup witness vote calculations
-
- -
-
- Speedup permlink searching
-
- -
-
- More types of data available
-
-
-
- Hive libraries
-
-
- -
-
- Wax: Typescript & Python library for Hive Dapp development
-
- -
-
- Typescript WorkerBee: library for lightweight block processing (e.g. bot creation) (add-on to Wax)
-
-
-
- Embeddable HTML Web page Components
-
-
- -
-
- Binary Transaction viewer
-
- -
-
- Display account
-
- -
-
- Display witness
-
- -
-
- Display post headers/footers and/or content
-
- -
-
- Display post comments
-
- -
-
- Display filter post lists (e.g. by tag)
-
-
-
- Embeddable Wax UI components
-
-
- -
-
- Embeddable API health checker component for Hive dapps
-
-
-
- Web Dapps
-
-
- -
-
- Transaction Inspector (layer 1 release)
-
- -
-
- Updated Block Explorer UI
-
-
-
- Key management and security apps
-
-
- -
-
- Beekeeper: lightweight process for managing private keys (Wax bindings available)
-
- -
-
- Metamask wallet snap for Hive accounts
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 2025 Q4
-Updated HAF (base layer for designing API servers)
-
-
- -
-
- Lightweight version of HAF (pruned tables)
-
- -
-
- Support for lightweight accounts (including social media-based login)
-
- -
-
- Support for 2nd layer transactions
-
- -
-
- Apps respond immediately to new blocks
-
-
-
- Hive Libraries
-
-
- -
-
- Begin updating Wax to optimize server-side API caches
-
- -
-
- Python WorkerBee: library for lightweight block processing (e.g. bot creation)
-
-
-
- Web Dapps
-
-
- -
-
- Denser: modern replacement for Condenser social media web app
-
-
-
- Key management and security apps
-
-
- -
-
- Clive: new command-line and Terminal UI wallet
-
-
-
- Coinbase Mesh API support for Hive
-
-
-
-
-
-
-
- 2026 Q1
- -Prototyping for smart contracts designing
- -Updates to API stack
-
-
- -
-
- Prototype REST-based API for hivemind (social media API)
-
- -
-
- New community functionality for hivemind (@howo)
-
-
-
- Web Dapps
-
-
- -
-
- Customizable Hive web sites (@peakd)
-
- -
-
- Updates to Denser (TBD)
-
- -
-
- Transaction Inspector (layer 2 release)
-
-
-
-
-
-
- 2026 Q2
- -Hived Blockchain nodes on ARM-based cell phones
-
-
- 2026 Q3
- -Pruned HAF API nodes on ARM-based cell phones (for personal API nodes)
-
-
-
-
-
-
-
-
diff --git a/src/pages/developers.vue b/src/pages/developers.vue
deleted file mode 100644
index 431e2140bc3bbcfdb38ef260745e2ca55c4db64a..0000000000000000000000000000000000000000
--- a/src/pages/developers.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
-
diff --git a/src/pages/eco.vue b/src/pages/eco.vue
deleted file mode 100644
index 7583d11b9aa7175170f228e42c8c5d4420d455e6..0000000000000000000000000000000000000000
--- a/src/pages/eco.vue
+++ /dev/null
@@ -1,229 +0,0 @@
-
- 
-
-
-
-
-
-
-
diff --git a/src/pages/hbd.vue b/src/pages/hbd.vue
deleted file mode 100644
index de88987e697da6c3343018f4057f2d3bb1fed241..0000000000000000000000000000000000000000
--- a/src/pages/hbd.vue
+++ /dev/null
@@ -1,192 +0,0 @@
-
-
-
-
-
- {{ $t(`eco.title`) }}
-- {{ $t(`eco.text`) }} -
-
-
-
-
-
- But wait, there's more...
-- Over 190 projects have been BUIDL'd by the Hive community. You - can view all of them via HiveProjects.io -
-{{ $t(`eco.subTitle`) }}
-- {{ $t(`eco.subText`) }} -
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/pages/index.vue b/src/pages/index.vue
deleted file mode 100644
index 8e08e18a1928549498943fa6fabf1c9a4bbd24a3..0000000000000000000000000000000000000000
--- a/src/pages/index.vue
+++ /dev/null
@@ -1,662 +0,0 @@
-
-
-
-
-
-
-
- - {{ $t(`hbd.title`) }} -
-{{ $t('hbd.text') }}
- -
-
-
-
-
- {{ $t('hbd.howTitle') }}
-{{ $t('hbd.howText') }}
-
-
-
- - {{ $t('hbd.hbdToHiveTitle') }} -
-{{ $t('hbd.hbdToHiveText') }}
-
-
-
- - {{ $t('hbd.hiveToHbdTitle') }} -
-- {{ $t('hbd.hiveToHbdText') }} -
-- {{ $t('hbd.supportedWallets') }}: - Peakd, - Hive Keychain -
-
-
-
- - {{ $t('hbd.interestTitle') }} -
-- {{ $t('hbd.interestText') }} -
-
-
-
- - {{ $t('hbd.risksTitle') }} -
-- {{ $t('hbd.risksText') }} -
-- {{ $t('hbd.risksText2') }} -
-- Read more -
-
-
- Hivedex.io (internal market)
-
-
- - {{ $t('hbd.whereToBuyTitle') }} -
-
- Hivedex.io (internal market)
- Ecency (internal market)
- Tribaldex
- Upbit
- XBTS
-
-
-
- - {{ $t('hbd.moreInfoTitle') }} -
-- {{ $t('hbd.moreInfoText') }} - HBD Stats, - Block Explorer -
-
-
-
-
-
-
-
diff --git a/src/pages/wallets.vue b/src/pages/wallets.vue
deleted file mode 100644
index 89eb7261feff86fef4b220d2875a417fbb3060ce..0000000000000000000000000000000000000000
--- a/src/pages/wallets.vue
+++ /dev/null
@@ -1,83 +0,0 @@
-
-
-
-
-
-
-
-
-
- - Fast. Scalable. Powerful. -
-Fast.
-Scalable.
-Powerful.
-The Blockchain for Web3
- -
-
-
-
-
-
-
-
- {{ $t('root.feeTitle') }}
-- {{ $t('root.feeText') }} -
-- {{ $t('root.feeText2') }} -
- - -
- 
-
-
-
-
-
-
-
-
-
-
-
- 
-
-
-
-
-
-
- {{ $t('root.decTitle') }}
-- {{ $t('root.decText') }} -
-- {{ $t('root.decText2') }} -
- - -
-
-
-
-
-
-
-
- {{ $t('root.usernameTitle') }}
-- {{ $t('root.usernameText') }} -
- - -
- 
-
-
-
-
-
-
-
-
-
- 
-
-
-
- {{ $t('root.dafButton') }}
-
-
- {{ $t('root.dafTitle') }}
-- {{ $t('root.dafText') }} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('root.hbdButton') }}
-
-
- {{ $t('root.hbdTitle') }}
-
- {{ $t('root.hbdText') }}
- {{ $t('root.hbdAPR') }}
-
- 
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/plugins/README.md b/src/plugins/README.md
deleted file mode 100644
index ca1f9d8a452e03296940d5dc1ac37e3474c1bed8..0000000000000000000000000000000000000000
--- a/src/plugins/README.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# PLUGINS
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
diff --git a/src/plugins/element-ui.ts b/src/plugins/element-ui.ts
deleted file mode 100644
index d10dfa480a52b9c4f31a9f29cbf8d36f09f467d9..0000000000000000000000000000000000000000
--- a/src/plugins/element-ui.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import Vue from 'vue'
-import {Button} from 'element-ui'
-// import locale from 'element-ui/lib/locale/lang/en'
-import '../assets/css/elementVariables.scss'
-
-// Vue.use(Element, { locale })
-
-Vue.use(Button)
diff --git a/src/plugins/fontawesome.ts b/src/plugins/fontawesome.ts
deleted file mode 100644
index e3bd559cf94066bf41b00a2644717b2af436e098..0000000000000000000000000000000000000000
--- a/src/plugins/fontawesome.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import {
- FontAwesomeIcon,
- FontAwesomeLayers,
- FontAwesomeLayersText,
-} from '@fortawesome/vue-fontawesome'
-import Vue from 'vue'
-
-import {config, library, dom} from '@fortawesome/fontawesome-svg-core'
-import {
- faTimes as fasTimes,
- faChevronDown as fasChevronDown,
- faPuzzlePiece as fasPuzzlePiece,
- faGlobe as fasGlobe,
- faExternalLinkAlt as fasExternalLinkAlt,
- faWallet as fasWallet,
-} from '@fortawesome/free-solid-svg-icons'
-import {
- faHive as fabHive,
- faYoutube as fabYoutube,
- faTwitter as fabTwitter,
- faFacebook as fabFacebook,
- faQuora as fabQuora,
- faGitlab as fabGitlab,
- faGithub as fabGithub,
- faMedium as fabMedium,
- faChrome as fabChrome,
- faSafari as fabSafari,
- faFirefox as fabFirefox,
- faTelegram as fabTelegram,
- faDiscord as fabDiscord,
- faReddit as fabReddit,
- faAndroid as fabAndroid,
- faLinux as fabLinux,
- faAppStoreIos as fabAppStoreIos,
- faWindows as fabWindows,
- faApple as fabApple,
- faLinkedin as fabLinkedin,
- faInstagram as fabInstagram,
-} from '@fortawesome/free-brands-svg-icons'
-
-dom.watch()
-
-// This is important, we are going to let Nuxt.js worry about the CSS
-config.autoAddCss = false
-
-const fabBrave: any = {
- prefix: 'fab',
- iconName: 'brave',
- icon: [
- 26,
- 28,
- [],
- 'e002',
- 'M8.585938,0 L6.6230469,1.9628906 C5.8686522,1.8591986 5.1169404,1.9627818 4.4667969,2.265625 C3.5799707,2.6787173 2.8091588,3.2898678 2.2753906,3.9902344 L0.6738281,6.0878906 L1.7832031,7.1972656 L0.9453125,8.875 L3.6523438,20.611328 C3.9508425,21.902741 4.7498933,23.023996 5.875,23.726562 L11.939453,27.517578 C12.586669,27.923087 13.413331,27.923087 14.060547,27.517578 L20.125,23.726562 C21.248998,23.023439 22.049126,21.902879 22.347656,20.611328 L25.054688,8.875 L24.216797,7.1972656 L25.326172,6.0878906 L23.724609,3.9902344 C23.190841,3.2898678 22.420029,2.6787173 21.533203,2.265625 C20.88306,1.9627818 20.131348,1.8591986 19.376953,1.9628906 L17.414062,0 L17,0 L8.585938,0 Z M13,4.2324219 C13.352939,4.2324219 13.704901,4.2890034 14.044922,4.4023438 L15.050781,4.7382812 C15.666291,4.9434511 16.331756,4.9434511 16.947266,4.7382812 L16.949219,4.7382812 L18.021484,4.3789062 C18.414823,4.2479461 18.840152,4.3693213 19.105469,4.6875 L21.779297,7.8964844 C22.324737,8.550883 22.332106,9.483138 21.800781,10.146484 L19.558594,12.949219 C19.135583,13.477982 19.009451,14.188469 19.222656,14.830078 L19.416016,15.408203 C19.67362,16.180346 19.440076,17.023756 18.824219,17.554688 L18.822266,17.556641 L17.628906,18.603516 L14.523438,16.71875 L14.511719,16.712891 C14.353397,16.622679 14.168697,16.639277 14,16.580078 L14,14.720703 L17.195312,13.65625 L16.212891,9.728516 L19.242188,8.970703 L18.757812,7.0292969 L13.787109,8.271484 L14.804688,12.34375 L13,12.945312 L11.195312,12.34375 L12.212891,8.271484 L7.242188,7.0292969 L6.7578125,8.970703 L9.787109,9.728516 L8.804688,13.65625 L12,14.720703 L12,16.599609 C11.829398,16.663089 11.641653,16.650559 11.482422,16.746094 L8.378906,18.607422 L7.662109,17.976562 L7.658203,17.972656 C6.8887614,17.309206 6.738538,16.195233 7.302734,15.349609 L7.351562,15.275391 L7.353516,15.273438 C7.899472,14.453487 7.76072,13.337574 7.027344,12.677734 L4.1933594,10.125 C3.6793597,9.459772 3.6867014,8.543474 4.2285156,7.8964844 L6.9921875,4.5996094 C7.275426,4.261746 7.730482,4.1484768 8.138672,4.3164062 L8.933594,4.6425781 C9.598059,4.9155637 10.33911,4.9413513 11.021484,4.7128906 L11.953125,4.4023438 C12.293146,4.2890035 12.647061,4.2324219 13,4.2324219 Z M4.0292969,5.0214844 L3.7519531,5.3515625 L3.8652344,5.203125 C3.9089002,5.1458304 3.9722324,5.0829519 4.0292969,5.0214844 Z M13.013672,18.318359 C13.188265,18.316256 13.363628,18.359231 13.521484,18.449219 L16.052734,19.988281 L13.660156,22.087891 C13.277261,22.424129 12.723488,22.424787 12.339844,22.087891 L9.955078,19.992188 L12.509766,18.460938 C12.665257,18.367643 12.839079,18.320463 13.013672,18.318359 Z',
- ],
-}
-
-/* const fabSteem: any = {
- prefix: 'fab',
- iconName: 'steem',
- icon: [
- 590.95,
- 590.95,
- [],
- 'e001',
- 'M295.47,0C132.29,0,0,132.29,0,295.47s132.29,295.47,295.47,295.47s295.47-132.29,295.47-295.47 S458.66,0,295.47,0z M221.64,397.6l-2.81,2.82c-5.78,5.81-11.97,11.32-18.4,16.39l-7.35,5.79c-0.49,0.39-1.08,0.59-1.67,0.59 c-0.5,0-1-0.14-1.45-0.42c-0.98-0.62-1.45-1.75-1.2-2.88l2.93-13.06c3.19-14.24,2.48-29.1-2.05-42.98l-1.57-4.82 c-1.82-5.58-3.95-11.14-6.33-16.52l-0.01-0.02l-34.16-80.51l-3.66-10.96c-1.13-3.39-1.9-6.91-2.3-10.45l-0.62-5.5 c-1.74-15.48,3.56-30.7,14.55-41.75l2.81-2.82c5.78-5.81,11.97-11.33,18.4-16.39l7.35-5.79c0.91-0.72,2.13-0.78,3.11-0.16 c0.98,0.62,1.45,1.75,1.2,2.88l-2.93,13.06c-3.19,14.24-2.49,29.1,2.05,42.98l1.57,4.82c1.82,5.58,3.95,11.14,6.33,16.52 l34.17,80.52l3.66,10.96c1.13,3.39,1.9,6.91,2.3,10.45l0.62,5.5C237.94,371.34,232.63,386.56,221.64,397.6z M336.99,424.02 l-3.6,3.62c-7.27,7.31-15.07,14.26-23.17,20.64l-9.61,7.57c-0.54,0.42-1.18,0.64-1.82,0.64c-0.54,0-1.09-0.15-1.58-0.46 c-1.07-0.67-1.59-1.91-1.31-3.15l3.79-16.91c4.03-17.99,3.14-36.77-2.59-54.29l-2-6.11c-2.31-7.06-4.99-14.08-7.99-20.86l-0.01-0.02 l-43.09-101.55l-4.61-13.81c-1.42-4.25-2.38-8.65-2.88-13.09l-0.79-7.02c-2.18-19.39,4.46-38.45,18.23-52.28l3.6-3.62 c7.28-7.31,15.07-14.26,23.17-20.64l9.6-7.57c0.99-0.78,2.33-0.86,3.4-0.18c1.07,0.67,1.59,1.91,1.31,3.15l-3.79,16.91 c-4.03,17.99-3.14,36.77,2.59,54.29l2,6.11c2.3,7.05,4.99,14.07,7.99,20.86l43.09,101.56l4.61,13.81c1.41,4.25,2.38,8.65,2.88,13.09 l0.79,7.02C357.39,391.13,350.75,410.19,336.99,424.02z M435.4,397.6l-2.81,2.82c-5.78,5.81-11.97,11.32-18.4,16.39l-7.35,5.79 c-0.49,0.39-1.08,0.59-1.67,0.59c-0.5,0-1-0.14-1.45-0.42c-0.98-0.62-1.45-1.75-1.2-2.88l2.93-13.06 c3.19-14.24,2.48-29.1-2.05-42.98l-1.57-4.82c-1.82-5.58-3.95-11.14-6.33-16.52l-0.01-0.02l-34.16-80.51l-3.66-10.96 c-1.13-3.39-1.9-6.91-2.3-10.45l-0.62-5.5c-1.74-15.48,3.56-30.7,14.55-41.75l2.81-2.82c5.78-5.81,11.97-11.33,18.4-16.39l7.35-5.79 c0.91-0.72,2.13-0.78,3.11-0.16c0.98,0.62,1.45,1.75,1.2,2.88l-2.93,13.06c-3.19,14.24-2.49,29.1,2.05,42.98l1.57,4.82 c1.82,5.58,3.95,11.14,6.33,16.52l34.17,80.52l3.66,10.96c1.13,3.39,1.9,6.91,2.3,10.45l0.62,5.5 C451.69,371.34,446.39,386.56,435.4,397.6z'
- ]
-}
-
-const fabSteemit: any = {
- prefix: 'fab',
- iconName: 'steemit',
- icon: [
- 38,
- 38,
- [],
- 'e002',
- 'M32.7004951,11.3807248 C31.1310771,9.81140963 29.3043776,8.66313021 27.3619013,7.92312792 C28.4939405,4.59311764 32.5075339,3.38104493 32.5075339,3.38104493 C32.5075339,3.38104493 23.1424826,-1.48000457 12.7997611,0.459311764 C9.35218721,1.00793415 6.0461183,3.12587173 3.62767097,5.92001831 C-1.62087426,11.9803819 -0.926213868,21.1028239 5.18422484,26.3083572 C6.1233028,27.1121528 8.22014805,28.3625014 8.2587403,28.4262947 C6.8822836,31.9221676 2.48276772,32.8790671 2.48276772,32.8790671 C2.48276772,32.8790671 8.29733255,36.5152853 16.10583,37.4594261 C18.1769471,37.7145993 20.3767051,37.7783926 22.6536475,37.5359781 C26.2684544,37.2425289 29.8703972,35.3287299 32.6104465,32.6366526 C38.5407881,26.7931863 38.5922444,17.2752258 32.7004951,11.3807248 Z M30.0247661,30.3145765 C27.8121441,32.4835487 24.5060752,33.861484 21.9589871,34.0528639 C20.1580157,34.2314851 18.2284034,34.2570024 16.3759757,34.0273465 C13.6487905,33.6956214 11.680586,32.9428604 9.75097374,32.2156168 C10.7286439,31.271476 11.7063141,29.9700926 12.1051006,28.8473305 C12.3623823,28.1838802 12.3366541,27.4438779 12.0279162,26.7931863 C9.95679906,22.5317938 10.8572848,17.4283297 14.2662664,14.1110781 C16.73617,11.6996913 20.1322875,10.5641706 23.5798614,10.9852064 C26.1140854,11.2914142 28.416756,12.4014176 30.2177274,14.2003887 C34.5915151,18.5893678 34.4371461,26.014908 30.0247661,30.3145765 Z'
- ]
-} */
-
-library.add(
- fabLinkedin,
- fabHive,
- fabYoutube,
- fabFacebook,
- fabQuora,
- fabTwitter,
- fabGitlab,
- fabGithub,
- fabMedium,
- fabChrome,
- fabSafari,
- fabFirefox,
- fabTelegram,
- fabDiscord,
- fabReddit,
- fabAndroid,
- fabLinux,
- fabAppStoreIos,
- fabWindows,
- fabApple,
- fabHive,
- fabBrave,
- fasPuzzlePiece,
- fasGlobe,
- fasExternalLinkAlt,
- fasChevronDown,
- fasTimes,
- fabInstagram,
- fasWallet,
-)
-
-Vue.component('fa-icon', FontAwesomeIcon)
-Vue.component('fa-layer', FontAwesomeLayers)
-Vue.component('fa-text', FontAwesomeLayersText)
-// @ts-ignore
-Vue.prototype.$faBrands = Object.keys(library.definitions.fab)
diff --git a/src/plugins/i18n.config.ts b/src/plugins/i18n.config.ts
deleted file mode 100644
index 9e7f34161df4b4ee916f21ea212d38858eff62fe..0000000000000000000000000000000000000000
--- a/src/plugins/i18n.config.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import en from '../lang/en'
-import de from '../lang/de'
-
-export default {
- locales: ['en', 'de'],
- defaultLocale: 'en',
- strategy: 'no_prefix',
- vueI18n: {
- fallbackLocale: 'en',
- messages: {
- en,
- de,
- },
- },
-}
diff --git a/src/plugins/tippy.ts b/src/plugins/tippy.ts
deleted file mode 100644
index f106e1d390719e86858c9a96ab28c42d8de0c039..0000000000000000000000000000000000000000
--- a/src/plugins/tippy.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import Vue from 'vue'
-import VueTippy, {TippyComponent} from 'vue-tippy'
-
-// Add additional themes.
-/* import 'tippy.js/themes/light.css'
-import 'tippy.js/themes/light-border.css'
-import 'tippy.js/themes/translucent.css' */
-
-Vue.use(VueTippy, {
- directive: 'tippy', // => v-tippy
- flipDuration: 0,
- popperOptions: {
- modifiers: {
- preventOverflow: {
- enabled: true,
- },
- },
- },
-})
-Vue.component('tippy', TippyComponent)
diff --git a/src/plugins/vue-modal.ts b/src/plugins/vue-modal.ts
deleted file mode 100644
index 274fe9b8988f09643926a2225ac5fd6238843d68..0000000000000000000000000000000000000000
--- a/src/plugins/vue-modal.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import Vue from 'vue'
-import VModal from 'vue-js-modal/dist/ssr.index'
-import 'vue-js-modal/dist/styles.css'
-Vue.use(VModal, {
- dialog: true,
- dynamic: true,
- injectModalsContainer: true,
- dynamicDefaults: {},
-})
diff --git a/src/router.js b/src/router.js
deleted file mode 100644
index a3a7ba7269c9bd33538dd7669b55395570d3730b..0000000000000000000000000000000000000000
--- a/src/router.js
+++ /dev/null
@@ -1,174 +0,0 @@
-import Vue from 'vue'
-import Router from 'vue-router'
-
-Vue.use(Router)
-
-const Index = () => import('./pages/index.vue').then((m) => m.default || m)
-const About = () => import('./pages/about.vue').then((m) => m.default || m)
-const Brand = () => import('./pages/brand.vue').then((m) => m.default || m)
-const Eco = () => import('./pages/eco.vue').then((m) => m.default || m)
-const Wallets = () => import('./pages/wallets.vue').then((m) => m.default || m)
-const Developers = () =>
- import('./pages/developers.vue').then((m) => m.default || m)
-const Hbd = () => import('./pages/hbd.vue').then((m) => m.default || m)
-
-export const createRouter = () => {
- const router = new Router({
- mode: 'history',
- base: '/',
- scrollBehavior,
- routes: [
- {
- path: '/',
- component: Index,
- name: 'index',
- meta: {},
- },
- {
- path: '/about',
- component: About,
- name: 'about',
- meta: {},
- },
- {
- path: '/updates',
- component: About,
- name: 'about-updates',
- meta: {},
- },
- {
- path: '/contributors',
- component: About,
- name: 'about-contributors',
- meta: {},
- },
- {
- path: '/brand',
- component: Brand,
- name: 'brand',
- meta: {},
- },
- {
- path: '/eco',
- component: Eco,
- name: 'eco',
- meta: {keepPosition: true, thresholdPosition: 800},
- },
- {
- path: '/eco/:app',
- component: Eco,
- name: 'eco-app',
- meta: {keepPosition: true, thresholdPosition: 800},
- },
- {
- path: '/wallets',
- component: Wallets,
- name: 'wallets',
- meta: {},
- },
- {
- path: '/developers',
- component: Developers,
- name: 'developers',
- meta: {},
- },
- {
- path: '/hbd',
- component: Hbd,
- name: 'hbd',
- meta: {},
- },
- {
- path: '/roadmap',
- component: About,
- name: 'roadmap',
- meta: {},
- },
- ],
- fallback: true,
- })
-
- router.beforeEach((to, from, next) => {
- return next()
- })
-
- return router
-}
-
-if (process.client) {
- if ('scrollRestoration' in window.history) {
- window.history.scrollRestoration = 'manual'
-
- // reset scrollRestoration to auto when leaving page, allowing page reload
- // and back-navigation from other pages to use the browser to restore the
- // scrolling position.
- window.addEventListener('beforeunload', () => {
- // console.log('set restoration auto')
- window.history.scrollRestoration = 'auto'
- })
-
- // Setting scrollRestoration to manual again when returning to this page.
- window.addEventListener('load', () => {
- // console.log('set restoration manual')
- window.history.scrollRestoration = 'manual'
- })
- }
-}
-
-const scrollBehavior = function(to, from, savedPosition) {
- // if the returned position is falsy or an empty object,
- // will retain current scroll position.
- let position = false
-
- if (
- (to.matched.length < 2 && !to.meta.keepPosition) ||
- to.meta.scrollToTop ||
- to.matched.some((r) => r.components.default.options.scrollToTop)
- ) {
- // console.log('Resetting position to 0', to)
- // scroll to the top of the page
- if (
- !to.meta.thresholdPosition ||
- window.pageYOffset > to.meta.thresholdPosition
- )
- position = {x: 0, y: 0}
- }
-
- // console.log('saved position', savedPosition)
-
- // savedPosition is only available for popstate navigations (back button)
- if (savedPosition) {
- position = savedPosition
- // console.log('savedPosition', savedPosition)
- }
-
- return new Promise((resolve) => {
- // wait for the out transition to complete (if necessary)
- window.$nuxt.$once('triggerScroll', () => {
- // coords will be used if no selector is provided,
- // or if the selector didn't match any element.
- if (to.hash) {
- let {hash} = to
- // CSS.escape() is not supported with IE and Edge.
- if (
- typeof window.CSS !== 'undefined' &&
- typeof window.CSS.escape !== 'undefined'
- ) {
- hash = `#${window.CSS.escape(hash.substr(1))}`
- }
- try {
- if (document.querySelector(hash)) {
- // scroll to anchor by returning the selector
- position = {selector: hash}
- }
- } catch (e) {
- // eslint-disable-next-line no-console
- console.warn(
- 'Failed to save scroll position. Please add CSS.escape() polyfill (https://github.com/mathiasbynens/CSS.escape).',
- )
- }
- }
- resolve(position)
- })
- })
-}
diff --git a/src/store/index.ts b/src/store/index.ts
deleted file mode 100644
index c09955c332235e32617052beade0d5d1ea36acb0..0000000000000000000000000000000000000000
--- a/src/store/index.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-// import { Context } from '@nuxt/types'
-import {getterTree, getAccessorType, mutationTree, actionTree} from 'typed-vuex'
-import {IContributor, IEcoItem} from '~/types'
-import {ECOSYSTEM} from '~/helpers/ecosystem'
-import {shuffleArray} from '~/helpers/util'
-import {CONTRIBUTORS} from '~/helpers/var'
-
-// Import all your submodules
-// import * as scheduleModule from '../../schedule'
-
-export const state = () => ({
- test: '',
- preventScroll: false,
- isMobileActive: false,
- activeEco: {} as IEcoItem,
- globalAppsData: null,
- statsAppsData: [] as any[],
- shuffledContributors: [] as IContributor[],
- contributors: [] as IContributor[],
- contributorLabels: [] as any[],
-})
-
-export const getters = getterTree(state, {
- similarEco: (state) => {
- if (!state.activeEco.id) return ECOSYSTEM
- return ECOSYSTEM.filter((e) => {
- // if (e.id === state.activeEco.id) return false
- return e.types.filter((t) => state.activeEco.types.includes(t))[0]
- })
- },
- otherEco: (state) => {
- if (!state.activeEco.id) return ECOSYSTEM
- return ECOSYSTEM.filter((e) => {
- // if (e.id === state.activeEco.id) return false
- return !e.types.filter((t) => state.activeEco.types.includes(t))[0]
- })
- },
-})
-
-export const mutations = mutationTree(state, {
- setIsMobileActive: (state, isMobileActive) => {
- state.isMobileActive = isMobileActive
- state.preventScroll = isMobileActive
- },
- setPreventScroll: (state, preventScroll) => {
- state.preventScroll = preventScroll
- },
- setActiveEco: (state, eco: IEcoItem) => {
- state.activeEco = eco
- },
- resetActiveEco: (state) => {
- state.activeEco = {} as any
- },
- setGlobalAppsData: (state, data) => {
- state.globalAppsData = data
- },
- setStatsAppsData: (state, data) => {
- state.statsAppsData = data
- },
- setShuffledContributors: (state, shuffledContributors) => {
- state.shuffledContributors = shuffledContributors
- },
- setContributors: (state, contributors) => {
- state.contributors = contributors
- },
- setContributorLabels: (state, labels) => {
- state.contributorLabels = labels
- },
-})
-
-export const actions = actionTree(
- {state, getters, mutations},
- {
- // async nuxtServerInit({commit}, {req, app}: any) {
-
- // },
- nuxtClientInit({commit, dispatch}) {
- dispatch('shuffleContributors')
- this.$axios
- .get('https://hivedapps.com/api/global')
- .then((result) => {
- if (result.status === 200) {
- commit('setGlobalAppsData', result.data.data)
- }
- })
- .catch()
-
- this.$axios
- .get('https://hivedapps.com/api/apps')
- .then((result) => {
- if (result.status === 200) {
- commit('setStatsAppsData', result.data.apps)
- }
- })
- .catch()
- },
- shuffleContributors({commit}) {
- commit(
- 'setShuffledContributors',
- shuffleArray(CONTRIBUTORS.filter((e) => !e.inactive)),
- )
- },
- },
-)
-
-// This compiles to nothing and only serves to return the correct type of the accessor
-export const accessorType = getAccessorType({
- state,
- getters,
- mutations,
- // actions,
- modules: {
- // The key (submodule) needs to match the Nuxt namespace (e.g. ~/store/submodule.ts)
- // module
- // schedule: scheduleModule
- },
-})
diff --git a/src/store/useMainStore.ts b/src/store/useMainStore.ts
new file mode 100644
index 0000000000000000000000000000000000000000..fd72ec388a92ce53cd1ddd17da217b3d55d95e0c
--- /dev/null
+++ b/src/store/useMainStore.ts
@@ -0,0 +1,134 @@
+import { create } from 'zustand';
+import type { IContributor, IEcoItem } from '@/types';
+import { ECOSYSTEM } from '@/lib/data/ecosystem';
+import { shuffleArray } from '@/lib/data/util';
+import { CONTRIBUTORS } from '@/lib/data/var';
+
+interface MainStore {
+ // State
+ test: string;
+ preventScroll: boolean;
+ isMobileActive: boolean;
+ activeEco: IEcoItem;
+ globalAppsData: any;
+ statsAppsData: any[];
+ shuffledContributors: IContributor[];
+ contributors: IContributor[];
+ contributorLabels: any[];
+
+ // Actions
+ setIsMobileActive: (isMobileActive: boolean) => void;
+ setPreventScroll: (preventScroll: boolean) => void;
+ setActiveEco: (eco: IEcoItem) => void;
+ resetActiveEco: () => void;
+ setGlobalAppsData: (data: any) => void;
+ setStatsAppsData: (data: any[]) => void;
+ setShuffledContributors: (shuffledContributors: IContributor[]) => void;
+ setContributors: (contributors: IContributor[]) => void;
+ setContributorLabels: (labels: any[]) => void;
+ shuffleContributors: () => void;
+ initializeApp: () => Promise
-
-
-
- {{ $t(`wallets.title`) }}
-- {{ $t(`wallets.text`) }} -
-
-
-