feat: insight update

aklive2d.js

@@ -166,6 +166,10 @@ async function main() {
 
     const envPath = path.join(OPERATOR_SOURCE_FOLDER, OPERATOR_NAME, '.env')
     writeSync((new EnvGenerator()).generate([
+      {
+        key: "insight_id",
+        value: __config.insight_id
+      },
       {
         key: "link",
         value: __config.operators[OPERATOR_NAME].link
@@ -236,7 +240,7 @@ async function main() {
     const assetsProcessor = new AssetsProcessor(OPERATOR_NAME, OPERATOR_SHARE_FOLDER)
     const assetContent = await assetsProcessor.process(EXTRACTED_FOLDER)
     write(JSON.stringify(assetContent.assetsJson, null), path.join(OPERATOR_SOURCE_FOLDER, OPERATOR_NAME, `assets.json`))
-    
+
     // copy remaining files
     const filesToCopy = [
       ...background.getFilesToCopy(SHOWCASE_PUBLIC_ASSSETS_FOLDER),

config.yaml

@@ -1,6 +1,7 @@
 akassets: 
   project_name: akassets
   url: https://akassets.halyul.dev
+insight_id: aklive2d
 folder:
   auto_update_data: ./data/auto_update
   operator_data: ./data/operator/

directory/src/routes/path/Operator.jsx

@@ -74,7 +74,7 @@ export default function Operator() {
   const [config, setConfig] = useState(null)
   const [spineData, setSpineData] = useState(null)
   // eslint-disable-next-line no-unused-vars
-  const _trackEvt = useInsight(key)
+  const _trackEvt = useInsight(`/${key}`)
   const spineRef = useRef(null)
   const [spineAnimationName, setSpineAnimationName] = useState(defaultSpineAnimationName)
   const { i18n } = useI18n()

directory/src/state/insight.js

@@ -1,17 +1,17 @@
 import React from 'react';
 
-export default (key = null, websiteId = "directory", skipPageView = false) => {
+export default (path = null, skipPageView = false) => {
   React.useEffect(() => {
     if (!skipPageView && import.meta.env.MODE !== 'development') {
       try {
         window.counterscale = {
-          q: [["set", "siteId", `aklive2d-${websiteId}`], ["trackPageview"]],
+          q: [["set", "siteId", import.meta.env.VITE_INSIGHT_ID], ["trackPageview", {path}]],
         };
         window.counterscaleOnDemandTrack()
       } catch (err) {
         console.warn && console.warn(err.message)
       }
     }
-  }, [websiteId, skipPageView, key])
+  }, [path, skipPageView])
 
 }

libs/directory.js

@@ -41,6 +41,10 @@ export default function (dataDir, { backgrounds, musicMapping }) {
   })
 
   writeSync((new EnvGenerator()).generate([
+    {
+      key: "insight_id",
+      value: __config.insight_id
+    },
     {
       key: "app_title",
       value: __config.directory.title

showcase/src/components/settings.js

@@ -79,13 +79,13 @@ export default class Settings {
 
   insight(isWallpaperEngine, doNotTrack) {
     this.isWallpaperEngine = isWallpaperEngine
-    if (this.#isInsightInited || import.meta.env.MODE === 'development') return
+    if (this.#isInsightInited) return
     this.#isInsightInited = true
     this.#doNotTrack = doNotTrack
     if (this.#doNotTrack) return
     try {
       window.counterscale = {
-        q: [["set", "siteId", `aklive2d-${import.meta.env.VITE_LINK}`], ["trackPageview"]],
+        q: [["set", "siteId", import.meta.env.VITE_INSIGHT_ID], ["trackPageview", {path: `/${import.meta.env.VITE_LINK}`}]],
       };
       window.counterscaleOnDemandTrack();
     } catch(e) {