feat(spine): read config from torappu (#46)

MooncellWiki · Sep 17, 2023 · a31aad9 · a31aad9
1 parent 99646b4
commit a31aad9
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 11 deletions.
diff --git a/src/entries/SpineViewer.ts b/src/entries/SpineViewer.ts
@@ -9,15 +9,25 @@ import { Spine } from "../widgets/Spine/spine";
 // @ts-expect-error
 window.SpineApi = Spine;
 window.dispatchEvent(new Event("spine_api_ready"));
+async function main() {
+  const ele = document.getElementById("spine-root");
+  let spineData: Props;
+  if (ele?.dataset.id) {
+    const resp = await fetch(
+      `https://torappu.prts.wiki/assets/charSpine/${ele.dataset.id}/meta.json`,
+    );
+    spineData = await resp.json();
+    //
+  } else {
+    spineData = JSON.parse(document.getElementById("SPINEDATA")!.innerHTML);
+    spineData.prefix = spineData.prefix.replace(
+      "https://static.prts.wiki/spine/",
+      "https://static.prts.wiki/spine38/",
+    );
+  }
 
-const spineData: Props = JSON.parse(
-  document.getElementById("SPINEDATA")!.innerHTML,
-);
-spineData.prefix = spineData.prefix.replace(
-  "https://static.prts.wiki/spine/",
-  "https://static.prts.wiki/spine38/",
-);
+  if (ele && spineData) createApp(SpineVue, { ...spineData }).mount(ele);
+  else console.error("SPINEDATA or ele not found", ele);
+}
 
-const ele = document.getElementById("spine-root");
-if (ele && spineData) createApp(SpineVue, { ...spineData }).mount(ele);
-else console.error("SPINEDATA or ele not found", ele);
+main();
diff --git a/templates/SpineViewer.html b/templates/SpineViewer.html
@@ -1 +1 @@
-<includeonly><span style="display:none" id="SPINEDATA" type="json" class="navigation-not-searchable"><!--{$data}--></span><div id="spine-root"></div>__CSS_CONTENT__<script type="module" src="__SCRIPT_PATH__"></script></includeonly><noinclude>{{Documentation}}[[分类:由机器人维护的小部件]]</noinclude>
+<includeonly><span style="display:none" id="SPINEDATA" type="json" class="navigation-not-searchable"><!--{$data}--></span><div id="spine-root" data-id="<!--{$id}-->"></div>__CSS_CONTENT__<script type="module" src="__SCRIPT_PATH__"></script></includeonly><noinclude>{{Documentation}}[[分类:由机器人维护的小部件]]</noinclude>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<includeonly><span style="display:none" id="SPINEDATA" type="json" class="navigation-not-searchable"><!--{$data}--></span><div id="spine-root"></div>__CSS_CONTENT__<script type="module" src="__SCRIPT_PATH__"></script></includeonly><noinclude>{{Documentation}}[[分类:由机器人维护的小部件]]</noinclude>
		<includeonly><span style="display:none" id="SPINEDATA" type="json" class="navigation-not-searchable"><!--{$data}--></span><div id="spine-root" data-id="<!--{$id}-->"></div>__CSS_CONTENT__<script type="module" src="__SCRIPT_PATH__"></script></includeonly><noinclude>{{Documentation}}[[分类:由机器人维护的小部件]]</noinclude>