cf-pages

webees · Sep 16, 2023 · 5c91f20 · 5c91f20
1 parent 83b1170
commit 5c91f20
Show file tree

Hide file tree

Showing 11 changed files with 34 additions and 14 deletions.
diff --git a/.env b/.env
diff --git a/.env.development b/.env.development
@@ -0,0 +1,2 @@
+BASE_URL='/'
+VUE_APP_PUBLIC_PATH='/'
diff --git a/.env.production b/.env.production
@@ -0,0 +1,2 @@
+BASE_URL='/'
+VUE_APP_PUBLIC_PATH='//fastly.jsdelivr.net/gh/webees/tfjs-yolov8@cf-pages/'
diff --git a/.github/workflows/pages.yaml b/.github/workflows/pages.yaml
@@ -32,5 +32,5 @@ jobs:
       - name: Deploy 🚀
         uses: JamesIves/github-pages-deploy-action@v4
         with:
-          BRANCH: gh-pages
+          BRANCH: cf-pages
           FOLDER: dist
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -22,7 +22,8 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "vue-cli-service lint",
-    "taze": "npx taze"
+    "taze": "npx taze",
+    "ubd": "npx update-browserslist-db@latest"
   },
   "dependencies": {
     "@tensorflow/tfjs": "^4.11.0",

diff --git a/public/index.html b/public/index.html
@@ -14,6 +14,8 @@
     <script src="//fastly.jsdelivr.net/npm/vue-i18n@9.4/dist/vue-i18n.global<%= IS_DEV ? '.' : '.prod.' %>js"></script>
     <script src="//fastly.jsdelivr.net/npm/axios@1.5/dist/axios.min.js"></script>
     <script src="//fastly.jsdelivr.net/npm/vant@4.6/lib/vant.min.js"></script>
+    <script src="//fastly.jsdelivr.net/npm/@tensorflow/tfjs@4.11/dist/tf.min.js"></script>
+    <script src="//fastly.jsdelivr.net/npm/@tensorflow/tfjs-backend-webgl@4.11/dist/tf-backend-webgl.min.js"></script>
   </head>
   <body>
     <noscript>

diff --git a/src/registerServiceWorker.ts b/src/registerServiceWorker.ts
@@ -3,7 +3,7 @@
 import { register } from 'register-service-worker'
 
 if (process.env.NODE_ENV === 'production') {
-  register(`${process.env.BASE_URL}service-worker.js`, {
+  register(`/service-worker.js`, {
     ready() {
       console.log('App is being served from cache by a service worker.\n' + 'For more details, visit https://goo.gl/AFskqB')
     },

diff --git a/src/utils/tf.ts b/src/utils/tf.ts
@@ -4,7 +4,7 @@ import { yolo } from '@/vue-pinia'
 
 export function loadModel() {
   tf.ready().then(async () => {
-    const model = await tf.loadGraphModel(`/${yolo().name}_web_model/model.json`, {
+    const model = await tf.loadGraphModel(`${process.env.VUE_APP_PUBLIC_PATH}${yolo().name}_web_model/model.json`, {
       onProgress: progress => {
         console.log('tf.loadGraphModel', progress)
         yolo().loading = progress

diff --git a/src/vue-router.ts b/src/vue-router.ts
@@ -21,7 +21,7 @@ const routes: Array<RouteRecordRaw> = [
 ]
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory('/'),
   routes,
   linkActiveClass: 'active',
   scrollBehavior(to, from, savedPosition) {

diff --git a/vue.config.js b/vue.config.js
@@ -36,7 +36,7 @@ const vueServe = c => {
 }
 
 const vueConfig = {
-  publicPath: IS_DEV ? '/' : '//fastly.jsdelivr.net/gh/webees/tfjs-yolov8@gh-pages/',
+  publicPath: process.env.VUE_APP_PUBLIC_PATH,
   outputDir: 'dist',
   productionSourceMap: IS_DEV,
   integrity: false,
@@ -50,13 +50,23 @@ const vueConfig = {
     open: false,
     proxy: null
   },
+  pwa: {
+    manifestOptions: {
+      start_url: '/'
+    },
+    workboxOptions: {
+      maximumFileSizeToCacheInBytes: 9000000 // <---- increasing the file size to cached 9mb
+    }
+  },
   configureWebpack: {
     externals: {
       'vue-router': 'VueRouter',
       'vue-i18n': 'VueI18n',
       vue: 'Vue',
       axios: 'axios',
-      vant: 'vant'
+      vant: 'vant',
+      '@tensorflow/tfjs': 'tf',
+      '@tensorflow/tfjs-backend-webgl': 'tf.backend'
     },
     plugins: [
       require('unplugin-vue-components/webpack')({