feat(options): enhance ux and options page

Author: EINDEX

.github/workflows/build.yml

@@ -45,6 +45,8 @@ jobs:
         run: pnpm install
 
       - name: Build application
+        env:
+          NODE_ENV: production
         run: pnpm build
 
       - name: Release

build.mjs

@@ -1,21 +1,21 @@
-import archiver from 'archiver'
-import autoprefixer from 'autoprefixer'
-import * as dotenv from 'dotenv'
-import esbuild from 'esbuild'
-import postcssPlugin from 'esbuild-style-plugin'
-import fs from 'fs-extra'
-import process from 'node:process'
-import tailwindcss from 'tailwindcss'
-import  getManifest  from "./src/manifest.json.cjs"
+import archiver from 'archiver';
+import autoprefixer from 'autoprefixer';
+import * as dotenv from 'dotenv';
+import esbuild from 'esbuild';
+import postcssPlugin from 'esbuild-style-plugin';
+import fs from 'fs-extra';
+import process from 'node:process';
+import tailwindcss from 'tailwindcss';
+import getManifest from './src/manifest.json.cjs';
 
-dotenv.config()
+dotenv.config();
 
-const outdir = 'build'
+const outdir = 'build';
 
 const env = JSON.stringify(process.env.NODE_ENV || 'production');
 
 async function deleteOldDir() {
-  await fs.remove(outdir)
+  await fs.remove(outdir);
 }
 
 async function runEsbuild() {
@@ -28,11 +28,13 @@ async function runEsbuild() {
     bundle: true,
     outdir: outdir,
     treeShaking: true,
-    minify: env === 'production'? true: false,
+    minify: env === 'production' ? true : false,
     legalComments: 'none',
     define: {
       'process.env.NODE_ENV': env,
-      'process.env.AXIOM_TOKEN': JSON.stringify(process.env.AXIOM_TOKEN || 'UNDEFINED'),
+      'process.env.AXIOM_TOKEN': JSON.stringify(
+        process.env.AXIOM_TOKEN || 'UNDEFINED',
+      ),
     },
     jsxFragment: 'Fragment',
     jsx: 'automatic',
@@ -46,31 +48,31 @@ async function runEsbuild() {
         },
       }),
     ],
-  })
+  });
 }
 
 async function zipFolder(dir) {
-  const output = fs.createWriteStream(`${dir}.zip`)
+  const output = fs.createWriteStream(`${dir}.zip`);
   const archive = archiver('zip', {
     zlib: { level: 9 },
-  })
-  archive.pipe(output)
-  archive.directory(dir, false)
-  await archive.finalize()
+  });
+  archive.pipe(output);
+  archive.directory(dir, false);
+  await archive.finalize();
 }
 
 async function copyFiles(entryPoints, targetDir) {
-  await fs.ensureDir(targetDir)
+  await fs.ensureDir(targetDir);
   await Promise.all(
     entryPoints.map(async (entryPoint) => {
-      await fs.copy(entryPoint.src, `${targetDir}/${entryPoint.dst}`)
+      await fs.copy(entryPoint.src, `${targetDir}/${entryPoint.dst}`);
     }),
-  )
+  );
 }
 
 async function build() {
-  await deleteOldDir()
-  await runEsbuild()
+  await deleteOldDir();
+  await runEsbuild();
 
   const commonFiles = [
     { src: 'build/content/index.js', dst: 'content-script.js' },
@@ -80,25 +82,25 @@ async function build() {
     { src: 'build/options/index.css', dst: 'options.css' },
     { src: 'src/pages/options/index.html', dst: 'options.html' },
     { src: 'src/assets', dst: 'assets' },
-  ]
+  ];
 
   // chromium
-  await copyFiles(
-    [...commonFiles],
-    `./${outdir}/chrome`,
-    )
-  await fs.writeFile(`./${outdir}/chrome/manifest.json`, JSON.stringify(getManifest('chrome')))
-  await zipFolder(`./${outdir}/chrome`)
+  await copyFiles([...commonFiles], `./${outdir}/chrome`);
+  await fs.writeFile(
+    `./${outdir}/chrome/manifest.json`,
+    JSON.stringify(getManifest('chrome')),
+  );
+  await zipFolder(`./${outdir}/chrome`);
 
   // edge
-  await copyFiles(
-    [...commonFiles],
-    `./${outdir}/edge`,
-    )
-  await fs.writeFile(`./${outdir}/edge/manifest.json`, JSON.stringify(getManifest('edge')))
-  await zipFolder(`./${outdir}/edge`)
+  await copyFiles([...commonFiles], `./${outdir}/edge`);
+  await fs.writeFile(
+    `./${outdir}/edge/manifest.json`,
+    JSON.stringify(getManifest('edge')),
+  );
+  await zipFolder(`./${outdir}/edge`);
 
-  console.log('Build success.')
+  console.log('Build success.');
 }
 
-build()
+build();

package.json

@@ -1,6 +1,6 @@
 {
   "name": "logseq-copliot",
-  "version": "0.0.1",
+  "version": "0.0.5",
   "description": "Logseq Copilot, Connect with you logseq API server, bring your information when you browsing.",
   "license": "MIT",
   "repository": {
@@ -15,8 +15,8 @@
   },
   "dependencies": {
     "@chakra-ui/react": "^2.4.9",
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
     "@tailwindcss/typography": "^0.5.9",
     "@types/marked": "^4.0.8",
     "axios": "^1.3.2",
@@ -67,4 +67,4 @@
     "type-fest": "^3.5.2",
     "typescript": "^4.9.4"
   }
-}
+}