feat: support chrome extension

.gitignore

@@ -10,6 +10,7 @@ lerna-debug.log*
 node_modules
 dist
 dist-ssr
+/extension
 *.local
 
 # Editor directories and files

package.json

@@ -1,6 +1,6 @@
 {
  "name": "hello-nav",
- "version": "1.0.0-beta.1",
+ "version": "1.0.0",
  "author": "Bener",
  "private": true,
  "license": "MIT",
@@ -12,6 +12,7 @@
  "scripts": {
  "dev": "vite",
  "build": "tsc && vite build",
+ "build:ext": "npm run build && node ./scripts/build-ext.mjs",
  "preview": "vite preview",
  "lint": "prettier --write ."
  },
@@ -31,6 +32,7 @@
  "prettier": "^3.2.5",
  "typescript": "^4.6.3",
  "vite": "^2.9.16",
- "vite-plugin-glob": "^0.3.2"
+ "vite-plugin-glob": "^0.3.2",
+ "zx": "^8.0.2"
  }
 }

public/manifest.json

@@ -1,6 +1,6 @@
 {
- "name": "hello nav",
- "short_name": "nav",
+ "name": "Hello Nav",
+ "short_name": "Hello Nav",
  "icons": [
  {
  "src": "/favicon/favicon-36.png",

scripts/build-ext.mjs

@@ -0,0 +1,18 @@
+import { resolve, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import 'zx/globals'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+
+const extensionDir = resolve(__dirname, '../src/extension')
+const distDir = resolve(__dirname, '../dist')
+const outputDir = resolve(__dirname, '../extension')
+
+await $`mkdir -p ${outputDir}`
+await $`rm -rf ${outputDir}/*`
+
+await $`cp -r ${distDir}/* ${outputDir}`
+await $`cp -rf ${extensionDir}/* ${outputDir}`
+
+console.log('🧩 Extension generation success!')

src/extension/manifest.json

@@ -0,0 +1,14 @@
+{
+ "name": "Hello Nav",
+ "description": "A navigation for developer.",
+ "version": "1.0.0",
+ "chrome_url_overrides": {
+ "newtab": "index.html"
+ },
+ "icons": {
+ "16": "./favicon/favicon-512.png",
+ "48": "./favicon/favicon-512.png",
+ "128": "./favicon/favicon-512.png"
+ },
+ "manifest_version": 3
+}