Merge pull request #246 from yamadashy/feat/website-demo

feat(website): Add online demo functionality

biome.json

@@ -5,13 +5,22 @@
       "./bin/**",
       "./src/**",
       "./tests/**",
+      "./website/**",
+      "./.devcontainer/**",
+      "./.github/**",
       "package.json",
       "biome.json",
       ".secretlintrc.json",
       "tsconfig.json",
       "tsconfig.build.json",
       "vite.config.ts",
       "repomix.config.json"
+    ],
+    "ignore": [
+      "website/client/.vitepress/.temp",
+      "website/client/.vitepress/dist",
+      "website/client/.vitepress/cache",
+      "website/server/dist"
     ]
   },
   "organizeImports": {

website/client/.gitignore

@@ -1,3 +1,3 @@
-.vitepress/cache/
-.vitepress/dist/
-node_modules/
+.vitepress/cache
+.vitepress/dist
+node_modules

website/client/.vitepress/config.mts

@@ -1,33 +1,49 @@
-import { defineConfig } from 'vitepress'
+import { defineConfig } from 'vitepress';
+
+const googleAnalyticsTag = 'G-7PTT4PLC69';
 
 export default defineConfig({
-  title: "Repomix",
-  description: "Packs your entire repository into AI-friendly formats",
+  title: 'Repomix',
+  description: 'Packs your entire repository into AI-friendly formats',
   lastUpdated: true,
   metaChunk: true,
   sitemap: {
-    hostname: 'http://repomix.com/'
+    hostname: 'http://repomix.com/',
   },
   themeConfig: {
-    logo: { src: '/repomix-logo.svg', width: 24, height: 24 },
-    nav: [
-      { text: 'GitHub', link: 'https://github.com/yamadashy/repomix' }
-    ],
+    logo: { src: '/images/repomix-logo.svg', width: 24, height: 24 },
+    nav: [{ text: 'GitHub', link: 'https://github.com/yamadashy/repomix' }],
+    socialLinks: [{ icon: 'discord', link: 'https://discord.gg/wNYzTwZFku' }],
     footer: {
       message: 'Released under the MIT License.',
-      copyright: 'Copyright © 2024 Kazuki Yamada'
-    }
+      copyright: 'Copyright © 2024 Kazuki Yamada',
+    },
   },
   head: [
-    ['link', { rel: 'icon', href: '/repomix-logo.svg' }],
+    ['link', { rel: 'icon', href: '/images/repomix-logo.svg' }],
     ['meta', { property: 'og:type', content: 'website' }],
     ['meta', { property: 'og:locale', content: 'en' }],
     ['meta', { property: 'og:title', content: 'Repomix' }],
     ['meta', { property: 'og:site_name', content: 'Repomix' }],
-    ['meta', { property: 'og:image', content: 'http://repomix.com/og-image.png' }],
+    ['meta', { property: 'og:image', content: 'http://repomix.com/images/og-image.png' }],
     ['meta', { property: 'og:url', content: 'http://repomix.com/' }],
     ['meta', { property: 'og:description', content: 'Packs your entire repository into AI-friendly formats' }],
     ['link', { rel: 'icon', type: 'image/png', href: '/favicon/favicon-96x96.png', sizes: '96x96' }],
     ['meta', { name: 'theme-color', content: '#f97316' }],
+    [
+      'script',
+      {
+        async: true,
+        src: `https://www.googletagmanager.com/gtag/js?id=${googleAnalyticsTag}`,
+      },
+    ],
+    [
+      'script',
+      {},
+      `window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${googleAnalyticsTag}');`,
+    ],
   ],
-})
+});

website/client/.vitepress/theme/component.d.ts

@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue';
+  // biome-ignore lint lint/suspicious/noExplicitAny: Vue component
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

website/client/.vitepress/theme/components/Hero.vue

@@ -1,8 +1,7 @@
-<!-- website/client/.vitepress/theme/components/Hero.vue -->
 <script setup>
-import { useData } from 'vitepress'
+import { useData } from 'vitepress';
 
-const { site } = useData()
+const { site } = useData();
 </script>
 
 <template>
@@ -29,7 +28,7 @@ const { site } = useData()
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 24px;
-  background: -webkit-linear-gradient(315deg, #f97316 25%, #fb923c);
+  background: -webkit-linear-gradient(0deg, #f97316 30%, #ffb25c);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

website/client/.vitepress/theme/components/Home.vue

@@ -1,6 +1,6 @@
 <script setup>
-import Hero from './Hero.vue'
-import TryIt from './TryIt.vue'
+import Hero from './Hero.vue';
+import TryIt from './TryIt.vue';
 </script>
 
 <template>