@inkweave/plugins 1.0.0 → 1.1.2

package/dist/index.js

@@ -1,23 +1,86 @@
-var E = Object.defineProperty;
-var F = (e, t, s) => t in e ? E(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var r = (e, t, s) => F(e, typeof t != "symbol" ? t + "" : t, s);
-import { Patches as c, Tags as h, createSelectors as T, contentsStore as O, choicesStore as k, ChoiceParser as w } from "@inkweave/core";
-import { create as _ } from "zustand";
-import { persist as A } from "zustand/middleware";
-import { jsx as m } from "react/jsx-runtime";
-import { memo as y, useState as b, useCallback as S, useRef as M, useEffect as P } from "react";
-import { ChoiceComponents as L } from "@inkweave/react";
-const D = {
+import { Tags as p, Patches as d, ChoiceParser as O, createSelectors as U, contentsStore as j, choicesStore as B } from "@inkweave/core";
+import { choiceStyles as C, ChoiceRegistry as R, useStory as q } from "@inkweave/react";
+import { jsx as f } from "react/jsx-runtime";
+import { memo as I, useRef as y, useEffect as v, useState as x, useCallback as w } from "react";
+import { create as $ } from "zustand";
+import { persist as K } from "zustand/middleware";
+const o = class o {
+  static get sound() {
+    return o._sound;
+  }
+  static get music() {
+    return o._music;
+  }
+  static get sound_handler() {
+    return o._sound_handler;
+  }
+  static get music_handler() {
+    return o._music_handler;
+  }
+  static set_music(t) {
+    o._music = new Audio(t), o._music.loop = !0, o._music_handler = () => {
+      var n;
+      (n = o._music) == null || n.play();
+    }, o._music.addEventListener("canplaythrough", o._music_handler);
+  }
+  static set_sound(t) {
+    o._sound = new Audio(t), o._sound_handler = () => {
+      var n;
+      (n = o._sound) == null || n.play();
+    }, o._sound.addEventListener("canplaythrough", o._sound_handler);
+  }
+  static cleanupSound() {
+    o._sound && (o._sound.pause(), o._sound.currentTime = 0, o._sound.removeEventListener("canplaythrough", o._sound_handler), o._sound.src = ""), o._sound = null, o._sound_handler = () => {
+    };
+  }
+  static cleanupMusic() {
+    o._music && (o._music.pause(), o._music.currentTime = 0, o._music.removeEventListener("canplaythrough", o._music_handler), o._music.src = ""), o._music = null, o._music_handler = () => {
+    };
+  }
+};
+o._sound = null, o._music = null, o._sound_handler = () => {
+}, o._music_handler = () => {
+};
+let c = o;
+const E = (e, t) => t && "resolveFilename" in t ? t.resolveFilename(e) : e, _t = () => {
+  p.add("sound", (e, t) => {
+    e ? (c.cleanupSound(), c.set_sound(E(e, t.options.fileHandler))) : c.cleanupSound();
+  }), p.add("music", (e, t) => {
+    e ? (c.cleanupMusic(), c.set_music(E(e, t.options.fileHandler))) : c.cleanupMusic();
+  }), d.add(function() {
+    this.audio = c, this.cleanups.push(() => {
+      c.cleanupSound(), c.cleanupMusic();
+    });
+  }, {});
+}, z = ({
+  choice: e,
+  onClick: t,
+  className: n = "",
+  children: s
+}) => {
+  const a = y(null), r = y(t), i = parseFloat(e.val || "0");
+  r.current = t, v(() => {
+    if (!(i <= 0))
+      return a.current = setInterval(() => {
+        r.current();
+      }, i * 1e3), () => {
+        a.current && clearInterval(a.current);
+      };
+  }, [i]);
+  const m = `${C.button} ${n}`.trim();
+  return /* @__PURE__ */ f("a", { className: m, style: { display: "none" }, children: s });
+}, G = I(z), Ct = () => {
+  O.add("auto", (e, t) => {
+    e.type = "auto", e.val = t;
+  }), R.register("auto", G), d.add(null, {});
+}, H = {
   local: localStorage,
   session: sessionStorage
 };
-let $ = "local";
-const f = () => D[$];
-class J {
+let D = "local";
+const _ = () => H[D];
+class Q {
   constructor(t) {
-    r(this, "data");
-    r(this, "timestamp");
-    r(this, "meta");
     this.data = JSON.stringify(t), this.timestamp = new Intl.DateTimeFormat(void 0, {
       month: "short",
       day: "numeric",
@@ -26,177 +89,129 @@ class J {
     }).format(Date.now()), this.meta = "autogenerated";
   }
 }
-const v = _()(
-  A(
+const b = $()(
+  K(
     (e, t) => ({
       storage: /* @__PURE__ */ new Map(),
-      setStorage: (s, o, n) => {
-        const i = new Map(t().storage), u = [...i.get(s) || []];
-        u[o] = new J(n), i.set(s, u), e({ storage: i });
+      setStorage: (n, s, a) => {
+        const r = new Map(t().storage), i = [...r.get(n) || []];
+        i[s] = new Q(a), r.set(n, i), e({ storage: r });
       },
-      changeFormat: (s) => {
-        $ = s;
+      changeFormat: (n) => {
+        D = n;
       }
     }),
     {
       name: "inkStory",
       storage: {
         getItem: (e) => {
-          const t = f().getItem(e);
+          const t = _().getItem(e);
           if (!t) return null;
           try {
-            const { state: s } = JSON.parse(t);
+            const { state: n } = JSON.parse(t);
             return {
               state: {
-                ...s,
-                storage: new Map(s.storage)
+                ...n,
+                storage: new Map(n.storage)
               }
             };
-          } catch (s) {
-            return console.error("InkWeave: Failed to parse storage data:", s), null;
+          } catch (n) {
+            return console.error("InkWeave: Failed to parse storage data:", n), null;
           }
         },
         setItem: (e, t) => {
-          const s = JSON.stringify({
+          const n = JSON.stringify({
             state: {
               ...t.state,
-              storage: Array.from(
-                t.state.storage.entries()
-              )
+              storage: Array.from(t.state.storage.entries())
             }
           });
-          f().setItem(e, s);
+          _().setItem(e, n);
         },
         removeItem: (e) => {
-          f().removeItem(e);
+          _().removeItem(e);
         }
       }
     }
   )
-);
-let C = {
+), N = {
   memory_format: "local"
-};
-const R = (e) => v((t) => t.storage.get(e) || null), W = (e, t) => {
-  const s = {
+}, X = (e) => b((t) => t.storage.get(e) || null), Y = (e, t) => {
+  const n = {
     state: t.story.state.toJson()
   };
-  t.save_label.forEach((o) => {
-    const n = t[o];
-    o in t && n !== void 0 && (typeof n == "string" || typeof n == "number" || typeof n == "boolean" || Array.isArray(n)) && (s[o] = n);
-  }), v.getState().setStorage(t.title, e, s);
-}, N = (e, t) => {
-  let s = null;
+  t.save_label.forEach((s) => {
+    const a = t[s];
+    s in t && a !== void 0 && (typeof a == "string" || typeof a == "number" || typeof a == "boolean" || Array.isArray(a)) && (n[s] = a);
+  }), b.getState().setStorage(t.title, e, n);
+}, Z = (e, t) => {
+  let n = null;
   try {
-    s = JSON.parse(e);
-  } catch (o) {
-    console.error("InkWeave: Failed to parse save data:", o);
+    n = JSON.parse(e);
+  } catch (s) {
+    console.error("InkWeave: Failed to parse save data:", s);
     return;
   }
-  s && (t.story.state.LoadJson(s.state), t.clear(), t.save_label.forEach((o) => {
-    o in t && typeof t[o] < "u" && o in s && (t[o] = s[o]);
+  n && (t.story.state.LoadJson(n.state), t.clear(), t.save_label.forEach((s) => {
+    s in t && typeof t[s] < "u" && s in n && (t[s] = n[s]);
   }), t.continue());
-}, nt = () => {
-  c.add(function() {
-    v.getState().changeFormat(C.memory_format);
-  }, C);
-}, j = { save: W, load: N, show: R }, x = ({ className: e = "", fallback: t = null }) => {
-  const s = d((g) => g.image), [o, n] = b(!1), i = S(() => {
-    n(!0), console.warn(`InkWeave: Failed to load image: ${s}`);
-  }, [s]), u = S(() => {
-    n(!1);
-  }, []);
-  return s ? o ? t ? /* @__PURE__ */ m("div", { id: "inkweave-image", className: e, children: t }) : null : /* @__PURE__ */ m("div", { id: "inkweave-image", className: e, children: /* @__PURE__ */ m("img", { src: s, alt: "", onError: i, onLoad: u }) }) : null;
-}, at = y(x), d = _((e) => ({
-  image: "",
-  setImage: (t) => e({ image: t })
-})), B = (e, t) => t && "resolveFilename" in t ? t.resolveFilename(e) : e, it = () => {
-  h.add("image", (e, t) => {
-    e ? d.getState().setImage(B(e, t.options.fileHandler)) : d.getState().setImage("");
-  }), c.add(function() {
-    Object.defineProperty(this, "image", {
-      get() {
-        return d.getState().image;
-      },
-      set(e) {
-        d.getState().setImage(e);
-      }
-    }), this.save_label.push("image"), this.clears.push(() => {
-      this.image = "";
-    });
-  }, {});
-};
-class a {
-  static get sound() {
-    return this._sound;
-  }
-  static get music() {
-    return this._music;
-  }
-  static get sound_handler() {
-    return this._sound_handler;
-  }
-  static get music_handler() {
-    return this._music_handler;
-  }
-  static set_music(t) {
-    this._music = new Audio(t), this._music.loop = !0, this._music_handler = () => {
-      var s;
-      (s = this._music) == null || s.play();
-    }, this._music.addEventListener("canplaythrough", this._music_handler);
-  }
-  static set_sound(t) {
-    this._sound = new Audio(t), this._sound_handler = () => {
-      var s;
-      (s = this._sound) == null || s.play();
-    }, this._sound.addEventListener("canplaythrough", this._sound_handler);
-  }
-  static cleanupSound() {
-    this._sound && (this._sound.pause(), this._sound.currentTime = 0, this._sound.removeEventListener(
-      "canplaythrough",
-      this._sound_handler
-    ), this._sound.src = ""), this._sound = null, this._sound_handler = () => {
-    };
-  }
-  static cleanupMusic() {
-    this._music && (this._music.pause(), this._music.currentTime = 0, this._music.removeEventListener(
-      "canplaythrough",
-      this._music_handler
-    ), this._music.src = ""), this._music = null, this._music_handler = () => {
-    };
-  }
+}, wt = () => {
+  d.add(() => {
+    b.getState().changeFormat(N.memory_format);
+  }, N);
+}, V = { save: Y, load: Z, show: X }, tt = {
+  autosave_enabled: !0
+}, It = () => {
+  p.add("autosave", (e, t) => {
+    t.options.autosave_enabled && V.save(1, t);
+  }), d.add(null, tt);
+}, L = /* @__PURE__ */ new Map();
+function et(e) {
+  return `${e.type}_${e.text}_${e.val || ""}`;
 }
-r(a, "_sound", null), r(a, "_music", null), r(a, "_sound_handler", () => {
-}), r(a, "_music_handler", () => {
-});
-const I = (e, t) => t && "resolveFilename" in t ? t.resolveFilename(e) : e, rt = () => {
-  h.add("sound", (e, t) => {
-    e ? (a.cleanupSound(), a.set_sound(I(e, t.options.fileHandler))) : a.cleanupSound();
-  }), h.add("music", (e, t) => {
-    e ? (a.cleanupMusic(), a.set_music(I(e, t.options.fileHandler))) : a.cleanupMusic();
-  }), c.add(function() {
-    this.audio = a, this.cleanups.push(() => {
-      a.cleanupSound(), a.cleanupMusic();
-    });
-  }, {});
-}, U = `
-#inkweave-contents div,
-#inkweave-choices {
-  opacity: 0;
-  animation: inkFadeIn 0.5s forwards;
-  animation-delay: var(--delay, 0s);
+function nt(e) {
+  const t = L.get(e) || 0;
+  return Date.now() < t;
 }
-@keyframes inkFadeIn {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
+function ot(e) {
+  const t = L.get(e) || 0, n = Math.max(0, t - Date.now());
+  return Math.ceil(n / 1e3);
 }
-`, q = {
+function st(e, t) {
+  L.set(e, Date.now() + t * 1e3);
+}
+const at = ({
+  choice: e,
+  onClick: t,
+  className: n = "",
+  children: s
+}) => {
+  var M, F;
+  const a = parseFloat(e.val || "0"), r = et(e), i = q(), [, m] = x(0), g = y(!0), u = nt(r), T = ot(r);
+  v(() => () => {
+    g.current = !1;
+  }, []), v(() => {
+    if (!u) return;
+    const S = setInterval(() => {
+      g.current && m((k) => k + 1);
+    }, 1e3);
+    return () => clearInterval(S);
+  }, [u]);
+  const P = w(() => {
+    u || (t(), st(r, a), m((S) => S + 1));
+  }, [u, a, t, r]), A = `${((M = C) == null ? void 0 : M.button) || ""} ${n} ${u && ((F = C) == null ? void 0 : F.disabled) || ""}`.trim(), J = i.options.cdTemplate || "{text} ({time})", W = u && T > 0 ? J.replace("{text}", String(s)).replace("{time}", String(T)) : s;
+  return /* @__PURE__ */ f("a", { className: A, onClick: P, children: W });
+}, rt = I(at), ct = {
+  cdTemplate: "{text} ({time})"
+}, $t = () => {
+  O.add("cd", (e, t) => {
+    e.type = "cd", e.val = t;
+  }), R.register("cd", rt), d.add(null, ct);
+}, it = {
+  // 控制文字显示延迟速度（秒），可通过初始化时传入 linedelay 参数修改
+  // 或在 Ink 中使用 #linedelay:0.2 动态调整
   linedelay: 0.05
-}, l = _((e) => ({
+}, l = $((e) => ({
   contentComplete: !0,
   last_content: "",
   setContentComplete: (t) => e({ contentComplete: t }),
@@ -205,67 +220,88 @@ const I = (e, t) => t && "resolveFilename" in t ? t.resolveFilename(e) : e, rt =
       e({ last_content: "" });
       return;
     }
-    const s = t[t.length - 1];
-    e({ last_content: s });
+    const n = t[t.length - 1];
+    e({ last_content: n });
   }
-}));
-let p = null;
-const ct = () => {
-  p || (p = document.createElement("style"), p.textContent = U, document.head.appendChild(p)), c.add(function() {
+})), bt = () => {
+  p.add("linedelay", (e, t) => {
+    if (e != null) {
+      const n = parseFloat(e);
+      Number.isNaN(n) || (t.options.linedelay = n, n === 0 && l.getState().setContentComplete(!0));
+    }
+  }), d.add(function() {
     const e = this.choose, t = this;
-    this.choose = function(n) {
-      return t.options.linedelay != 0 && (l.getState().setContentComplete(!1), l.getState().setLastContent(t.contents)), e.call(t, n);
-    }, Object.defineProperty(this, "visibleLines", {
+    this.choose = (a) => (t.options.linedelay !== 0 && (l.getState().setContentComplete(!1), l.getState().setLastContent(t.contents)), e.call(t, a)), Object.defineProperty(this, "visibleLines", {
       get() {
-        const n = l.getState().last_content;
-        return t.contents.lastIndexOf(n);
+        const a = l.getState().last_content;
+        return a ? t.contents.lastIndexOf(a) : -1;
       }
     }), Object.defineProperty(this, "choicesCanShow", {
       get() {
-        return T(l).use.contentComplete();
+        return U(l).use.contentComplete();
       }
     });
-    let s = null;
-    const o = O.subscribe(() => {
-      t.options.linedelay != 0 && (s && clearTimeout(s), s = setTimeout(() => {
+    let n = null;
+    const s = j.subscribe(() => {
+      if (n && clearTimeout(n), t.options.linedelay === 0) {
         l.getState().setContentComplete(!0);
-      }, (t.contents.length - t.visibleLines) * t.options.linedelay * 1e3));
+        return;
+      }
+      n = setTimeout(
+        () => {
+          l.getState().setContentComplete(!0);
+        },
+        Math.max(
+          0,
+          (t.contents.length - t.visibleLines) * t.options.linedelay * 1e3
+        )
+      );
     });
     this.cleanups.push(() => {
-      o(), s && clearTimeout(s);
+      s(), n && clearTimeout(n);
     }), this.clears.push(() => {
-      t.options.linedelay != 0 && l.getState().setContentComplete(!1), l.getState().setLastContent([]);
-    });
-  }, q);
-}, lt = () => {
-  c.add(function() {
-    let e = null;
-    const t = k.subscribe(() => {
-      e && clearTimeout(e), e = setTimeout(() => {
-        const s = document.querySelector(
-          "ul#inkweave-choices > li:last-child"
-        );
-        if (s) {
-          const o = document.querySelector(
-            "#inkweave-story"
-          );
-          o == null || o.scrollTo({
-            top: s.offsetTop,
-            behavior: "smooth"
-          });
-        }
-      }, 0);
+      t.options.linedelay !== 0 && l.getState().setContentComplete(!1), l.getState().setLastContent([]);
     });
-    this.cleanups.push(() => {
-      t(), e && clearTimeout(e);
+  }, it);
+}, lt = "_container_1a16a_1", ut = {
+  container: lt
+}, dt = ({ className: e = "", fallback: t = null }) => {
+  const n = h((u) => u.image), [s, a] = x(!1);
+  v(() => {
+    a(!1);
+  }, []);
+  const r = y(n);
+  r.current = n;
+  const i = w(() => {
+    a(!0), console.warn(`InkWeave: Failed to load image: ${r.current}`);
+  }, []), m = w(() => {
+    a(!1);
+  }, []), g = `${ut.container} ${e}`.trim();
+  return n ? s ? t ? /* @__PURE__ */ f("div", { className: g, children: t }) : null : /* @__PURE__ */ f("div", { className: g, children: /* @__PURE__ */ f("img", { src: n, alt: "", onError: i, onLoad: m }) }) : null;
+}, Lt = I(dt), h = $((e) => ({
+  image: "",
+  setImage: (t) => e({ image: t })
+})), mt = (e, t) => t && "resolveFilename" in t ? t.resolveFilename(e) : e, Tt = () => {
+  p.add("image", (e, t) => {
+    e ? h.getState().setImage(mt(e, t.options.fileHandler)) : h.getState().setImage("");
+  }), d.add(function() {
+    Object.defineProperty(this, "image", {
+      get() {
+        return h.getState().image;
+      },
+      set(e) {
+        h.getState().setImage(e);
+      }
+    }), this.save_label.push("image"), this.clears.push(() => {
+      this.image = "";
     });
   }, {});
-}, z = ["http:", "https:"], ut = () => {
-  h.add("linkopen", (e) => {
+}, pt = ["http:", "https:"], Mt = () => {
+  p.add("linkopen", (e) => {
     if (e) {
       try {
         const t = new URL(e);
-        if (!z.includes(t.protocol)) {
+        if (!pt.includes(t.protocol)) {
           console.warn("InkWeave: Blocked unsafe URL protocol:", t.protocol);
           return;
         }
@@ -276,67 +312,40 @@ const ct = () => {
       window.open(e, "_blank", "noopener,noreferrer");
     }
   });
-}, G = ({
-  val: e,
-  onClick: t,
-  className: s = "",
-  children: o
-}) => {
-  const n = M(null), i = parseFloat(e || "0");
-  return P(() => {
-    if (!(i <= 0))
-      return n.current = setInterval(() => {
-        t();
-      }, i * 1e3), () => {
-        n.current && clearInterval(n.current);
-      };
-  }, [i, t]), /* @__PURE__ */ m("a", { className: `inkweave-btn ${s}`, style: { display: "none" }, children: o });
-}, H = y(G), dt = () => {
-  w.add("auto", (e, t) => {
-    e.type = "auto", e.val = t;
-  }), L.register("auto", H), c.add(null, {});
-}, K = ({
-  val: e,
-  onClick: t,
-  className: s = "",
-  children: o
-}) => {
-  const [n, i] = b(!1), u = parseFloat(e || "0"), g = () => {
-    n || (t(), i(!0), setTimeout(() => {
-      i(!1);
-    }, u * 1e3));
-  };
-  return /* @__PURE__ */ m(
-    "a",
-    {
-      className: `inkweave-btn ${s} ${n ? "disabled" : ""}`,
-      onClick: g,
-      children: o
-    }
-  );
-}, Q = y(K), mt = () => {
-  w.add("cd", (e, t) => {
-    e.type = "cd", e.val = t;
-  }), L.register("cd", Q), c.add(null, {});
-}, X = {
-  autosave_enabled: !0
-}, ht = () => {
-  h.add("autosave", (e, t) => {
-    t.options.autosave_enabled && j.save(2, t);
-  }), c.add(null, X);
+}, Ft = () => {
+  d.add(function() {
+    let e = null;
+    const t = B.subscribe(() => {
+      e && clearTimeout(e), e = setTimeout(() => {
+        const n = document.querySelector(
+          '[data-inkweave="choices"] > li:last-child'
+        );
+        if (n) {
+          const s = document.querySelector('[data-inkweave="story"]');
+          s == null || s.scrollTo({
+            top: n.offsetTop,
+            behavior: "smooth"
+          });
+        }
+      }, 0);
+    });
+    this.cleanups.push(() => {
+      t(), e && clearTimeout(e);
+    });
+  }, {});
 };
 export {
-  at as Image,
-  rt as loadAudio,
-  dt as loadAutoButton,
-  ht as loadAutosave,
-  mt as loadCdButton,
-  ct as loadFadeEffect,
-  it as loadImage,
-  ut as loadLinkopen,
-  nt as loadMemory,
-  lt as loadScrollafterchoice,
-  j as memory,
-  d as useStoryImage
+  Lt as Image,
+  _t as loadAudio,
+  Ct as loadAutoButton,
+  It as loadAutosave,
+  $t as loadCdButton,
+  bt as loadFadeEffect,
+  Tt as loadImage,
+  Mt as loadLinkopen,
+  wt as loadMemory,
+  Ft as loadScrollafterchoice,
+  V as memory,
+  h as useStoryImage
 };
 //# sourceMappingURL=index.js.map