feat: add left bottom button and control panel menu, and move most ac…

…tions to it.

.github/workflows/publish.yml

@@ -14,11 +14,11 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v4
       - name: Use Node.js
-        uses: actions/setup-node@v1
+        uses: actions/setup-node@v4
         with:
-          node-version: '16.x' # You might need to adjust this value to your own version
+          node-version: '20.x' # You might need to adjust this value to your own version
       - name: Build
         id: build
         run: |

CHANGELOG.md

@@ -2,11 +2,11 @@
 
 ## 0.4.2
 
-- fix: add 3 toolbar buttons
 - fix: adjust save to svg
-- fix: adjust save to png
 - chore: refactor code
+- chore: change ui to shadcn-vue
 - feat: add blur switch setting
+- feat: add left bottom button and control panel menu, and move most actions to it.
 
 ## 0.4.1
 

components.d.ts

@@ -7,7 +7,15 @@ export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    ElDialog: typeof import('element-plus/es')['ElDialog']
+    Dialog: typeof import('./src/components/ui/dialog/Dialog.vue')['default']
+    DialogClose: typeof import('./src/components/ui/dialog/DialogClose.vue')['default']
+    DialogContent: typeof import('./src/components/ui/dialog/DialogContent.vue')['default']
+    DialogDescription: typeof import('./src/components/ui/dialog/DialogDescription.vue')['default']
+    DialogFooter: typeof import('./src/components/ui/dialog/DialogFooter.vue')['default']
+    DialogHeader: typeof import('./src/components/ui/dialog/DialogHeader.vue')['default']
+    DialogScrollContent: typeof import('./src/components/ui/dialog/DialogScrollContent.vue')['default']
+    DialogTitle: typeof import('./src/components/ui/dialog/DialogTitle.vue')['default']
+    DialogTrigger: typeof import('./src/components/ui/dialog/DialogTrigger.vue')['default']
     Help: typeof import('./src/components/Help.vue')['default']
     Markmap: typeof import('./src/components/Markmap.vue')['default']
     Pen: typeof import('./src/components/Pen.vue')['default']

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://shadcn-vue.com/schema.json",
+  "style": "default",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/assets/index.css",
+    "baseColor": "slate",
+    "cssVariables": false
+  },
+  "framework": "vite",
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package.json

@@ -15,38 +15,42 @@
     "lint:fix": "npm run lint -- --fix",
     "prettier": "prettier -c .",
     "prettier:fix": "npm run prettier -- --write",
-    "dev": "vite",
-    "build": "vite build && cp LICENSE icon.png package.json dist/"
+    "dev": "VITE_CJS_IGNORE_WARNING=true vite",
+    "build": "VITE_CJS_IGNORE_WARNING=true vite build && cp LICENSE icon.png package.json dist/"
   },
   "dependencies": {
     "@logseq/libs": "^0.0.14",
-    "alpinejs": "^3.10.5",
     "cheerio": "^1.0.0-rc.12",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.1",
     "d3": "^7.8.0",
     "date-fns": "^2.29.3",
     "drauu": "^0.3.2",
-    "element-plus": "^2.2.28",
     "hotkeys-js": "^3.10.1",
     "html2canvas": "^1.4.1",
     "is-uuid": "^1.0.2",
     "jquery": "^3.6.3",
     "lightbox2": "^2.11.3",
+    "lucide-vue-next": "^0.377.0",
     "markmap-common": "^0.14.2",
     "markmap-lib": "^0.14.3",
     "markmap-toolbar": "^0.14.3",
     "markmap-view": "^0.14.3",
     "org": "^0.2.0",
-    "pinia": "^2.0.28",
+    "pinia": "^2.1.7",
+    "radix-vue": "^1.7.3",
     "string-replace-async": "^3.0.2",
+    "tailwind-merge": "^2.3.0",
+    "tailwindcss-animate": "^1.0.7",
     "text-ellipsis": "^1.0.3",
     "turndown": "^7.1.1",
-    "vue": "^3.2.45"
+    "vue": "^3.4.26"
   },
   "devDependencies": {
     "@types/node": "^18.11.18",
     "@typescript-eslint/eslint-plugin": "^5.48.1",
     "@typescript-eslint/parser": "^5.48.1",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@vitejs/plugin-vue": "^5.0.4",
     "autoprefixer": "^10.4.13",
     "eslint": "^8.31.0",
     "eslint-config-prettier": "^8.6.0",
@@ -57,7 +61,6 @@
     "typescript": "^4.9.4",
     "unplugin-auto-import": "^0.12.1",
     "unplugin-vue-components": "^0.22.12",
-    "vite": "^4.0.4",
-    "vite-plugin-cdn-externals": "^1.1.5"
+    "vite": "^5.2.11"
   }
 }