From 39e467bec315decd4d7e50abd436b74b94670d5d Mon Sep 17 00:00:00 2001
From: Haoyu Xu <i@halyul.dev>
Date: Tue, 16 Jul 2024 15:18:02 +0800
Subject: [PATCH] feat(directory): handle json skel

---
 directory/src/routes/path/Operator.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/directory/src/routes/path/Operator.jsx b/directory/src/routes/path/Operator.jsx
index 62f174a..0b0bf99 100644
--- a/directory/src/routes/path/Operator.jsx
+++ b/directory/src/routes/path/Operator.jsx
@@ -173,7 +173,7 @@ export default function Operator() {
 
   useEffect(() => {
     if (spineRef.current?.children.length === 0 && spineData && config) {
-      setSpinePlayer(new spine.SpinePlayer(spineRef.current, {
+      const playerConfig = {
         skelUrl: `./assets/${config.filename.replace('#', '%23')}.skel`,
         atlasUrl: `./assets/${config.filename.replace('#', '%23')}.atlas`,
         rawDataURIs: spineData,
@@ -215,7 +215,15 @@ export default function Operator() {
             lastVoiceId = currentVoiceId
           }
         }
-      }))
+      }
+
+      if (config.use_json) {
+        playerConfig.jsonUrl = `./assets/${config.filename.replace('#', '%23')}.json`;
+      } else {
+        playerConfig.skelUrl = `./assets/${config.filename.replace('#', '%23')}.skel`;
+      }
+
+      setSpinePlayer(new spine.SpinePlayer(spineRef.current, playerConfig))
     }
   }, [config, spineData, spineAnimation]);