perf: perf icon (#3)

* test: test workflow

* fix: recover branch

Author: wushuangs

.github/workflows/build.yaml

@@ -38,11 +38,23 @@ jobs:
           key: ${{ runner.os }}-node-${{ hashFiles('**/packagge-lock.json')}}
           restore-keys: |
             ${{ runner.os }}-node-
-      - name: Bootstrap
-        run: |
-          npm install
-      - run: npm i -g @quasar/cli
+      - name: Install
+        run: npm i -g @quasar/cli
       - run: npm install
+      - name: Install fonttools
+        run: pip3 install fonttools brotli
+      - name: Download fonttools Files
+        run: |
+          pwd
+          curl -L -o fonttools.zip https://cdn.bttcdn.com/common/fonttools.zip
+          unzip fonttools.zip
+      - name: Python Icon
+        run:  pwd; cd ./fonttools; sudo node python-icon.js
+      - name: subset Icon
+        run: |
+          sudo chmod 755 fonttools
+          cd ./fonttools
+          ./subset_font.sh nyTnjDwKNJ_190FjzaqkNCeE.woff2 unicodes.txt MaterialSymbolsRounded.woff2 ../packages/web/src/assets/fonts
       - name: Build
         run: npm run app:build
       - name: Build and push Docker image

packages/web/quasar.config.js

@@ -39,7 +39,7 @@ module.exports = configure(function (ctx) {
 		boot: ["monacoplugin", "markdown", "axios", "bytetrade-ui"],
 
 		// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
-		css: ["app.scss"],
+		css: ["app.scss", ctx.dev ? "font.dev.scss" : "font.pro.scss"],
 
 		// https://github.com/quasarframework/quasar/tree/dev/extras
 		extras: [
@@ -50,14 +50,13 @@ module.exports = configure(function (ctx) {
 			// 'themify',
 			// 'line-awesome',
 			// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
-
-			"roboto-font", // optional, you are not bound to it
-			"material-icons", // optional, you are not bound to it
-			"bootstrap-icons",
-			"themify",
+			// "roboto-font", // optional, you are not bound to it
+			// "material-icons", // optional, you are not bound to it
+			// "bootstrap-icons",
+			// "themify",
 			"material-icons",
-			"material-symbols-outlined",
-			"material-symbols-rounded",
+			// "material-symbols-outlined",
+			// "material-symbols-rounded",
 		],
 
 		// Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build

packages/web/src/assets/fonts/nyTnjDwKNJ_190FjzaqkNCeE.woff2

@@ -46,7 +46,7 @@
 							/>
 						</q-icon>
 
-						<q-icon rounded clickable name="bi-three-dots" size="18px">
+						<q-icon rounded clickable name="sym_r_more_horiz" size="18px">
 							<PopupMenu
 								:items="oprateMenu"
 								:path="nod.path"

packages/web/src/components/EditComponent.vue

@@ -0,0 +1,7 @@
+@font-face {
+	font-display: block;
+	font-family: 'Material Symbols Rounded';
+	font-style: normal;
+	font-weight: 100 700;
+	src: url('../assets/fonts/nyTnjDwKNJ_190FjzaqkNCeE.woff2') format('woff2');
+}

packages/web/src/css/font.dev.scss

@@ -0,0 +1,7 @@
+@font-face {
+	font-display: block;
+	font-family: 'Material Symbols Rounded';
+	font-style: normal;
+	font-weight: 100 700;
+	src: url('../assets/fonts/MaterialSymbolsRounded.woff2') format('woff2');
+}