@inpageedit/core 0.4.1 → 0.5.1

package/dist/index-BMmKF_kG.js

@@ -0,0 +1,165 @@
+import { j as i, P as y } from "./index-CvhkVj_L.js";
+import { B as S, a as q } from "./index-CBphMyYJ.js";
+import { T as F } from "./index-Bh70Udzi.js";
+import { C as u, I as j } from "./InputBox-FIzJ-rPN.js";
+var E = Object.create, h = Object.defineProperty, B = Object.getOwnPropertyDescriptor, w = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), k = (t) => {
+  throw TypeError(t);
+}, I = (t, e, o) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, C = (t, e) => h(t, "name", { value: e, configurable: !0 }), T = (t) => [, , , E(t?.[w("metadata")] ?? null)], z = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"], _ = (t) => t !== void 0 && typeof t != "function" ? k("Function expected") : t, D = (t, e, o, a, r) => ({ kind: z[t], name: e, metadata: a, addInitializer: (n) => o._ ? k("Already initialized") : r.push(_(n || null)) }), O = (t, e) => I(e, w("metadata"), t[3]), N = (t, e, o, a) => {
+  for (var r = 0, n = t[e >> 1], s = n && n.length; r < s; r++) n[r].call(o);
+  return a;
+}, Q = (t, e, o, a, r, n) => {
+  var s, c, p, l = e & 7, f = !1, b = 0, P = t[b] || (t[b] = []), d = l && (r = r.prototype, l < 5 && (l > 3 || !f) && B(r, o));
+  C(r, o);
+  for (var m = a.length - 1; m >= 0; m--)
+    p = D(l, o, c = {}, t[3], P), s = (0, a[m])(r, p), c._ = 1, _(s) && (r = s);
+  return O(t, r), d && h(r, o, d), f ? l ^ 4 ? n : d : r;
+}, M, g, x;
+M = [q(["modal", "sitemeta"])];
+class v extends (x = S) {
+  constructor(e) {
+    super(e, {}, "quick-move"), this.ctx = e, e.set("quickMove", this.quickMove.bind(this)), e.set("movePage", this.movePage.bind(this));
+  }
+  start() {
+    this.ctx.inject(["toolbox"], (e) => {
+      this.injectToolbox(e);
+    });
+  }
+  injectToolbox(e) {
+    const o = window.mw?.config.get("wgPageName") || "", a = window.mw?.config.get("wgIsProbablyEditable");
+    e.toolbox.addButton({
+      id: "quick-move",
+      icon: /* @__PURE__ */ i(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "24",
+          height: "24",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          class: "icon icon-tabler icons-tabler-outline icon-tabler-forms",
+          children: [
+            /* @__PURE__ */ i("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+            /* @__PURE__ */ i("path", { d: "M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3" }),
+            /* @__PURE__ */ i("path", { d: "M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3" }),
+            /* @__PURE__ */ i("path", { d: "M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7" }),
+            /* @__PURE__ */ i("path", { d: "M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1" }),
+            /* @__PURE__ */ i("path", { d: "M17 12h.01" }),
+            /* @__PURE__ */ i("path", { d: "M13 12h.01" })
+          ]
+        }
+      ),
+      tooltip: "Quick Move",
+      group: "group2",
+      onClick: () => {
+        this.quickMove(
+          a ? {
+            lockFromField: !0,
+            from: o
+          } : {}
+        );
+      }
+    });
+  }
+  quickMove(e) {
+    const o = this.ctx.modal.createObject({
+      title: "Quick Move",
+      content: /* @__PURE__ */ i(y, {}),
+      className: "quick-move compact-buttons",
+      sizeClass: "medium",
+      center: !0
+    }).init();
+    let a = null;
+    return o.setContent(
+      /* @__PURE__ */ i(
+        "form",
+        {
+          ref: (r) => a = r,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: "1rem"
+          },
+          onSubmit: (r) => {
+            if (r.preventDefault(), a?.checkValidity(), !a?.reportValidity())
+              return;
+            const n = new FormData(a), s = {
+              from: n.get("from")?.toString().trim(),
+              to: n.get("to")?.toString().trim(),
+              reason: n.get("reason") || "",
+              movetalk: n.get("movetalk") === "on",
+              movesubpages: n.get("movesubpages") === "on",
+              noredirect: n.get("noredirect") === "on"
+            };
+            if (!s.from || !s.to) {
+              this.ctx.modal.notify("error", {
+                title: "Failed to move",
+                content: "From and to are required."
+              });
+              return;
+            }
+            o.setLoadingState(!0), this.movePage(s).then(() => {
+              location.reload();
+            }).catch((c) => {
+              o.setLoadingState(!1), this.ctx.modal.notify("error", {
+                title: "Failed to move",
+                content: c instanceof Error ? c.message : String(c)
+              });
+            });
+          },
+          children: [
+            /* @__PURE__ */ i(
+              F,
+              {
+                inputs: [
+                  {
+                    label: "Move from",
+                    name: "from",
+                    value: e?.from,
+                    required: !0
+                  },
+                  {
+                    label: "Move to",
+                    name: "to",
+                    value: e?.to,
+                    required: !0
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(u, { name: "movetalk", id: "movetalk", checked: e?.movetalk, children: "Move talk page" }) }),
+            /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(u, { name: "movesubpages", id: "movesubpages", checked: e?.movesubpages, children: "Move subpage(s) (up to 100)" }) }),
+            this.ctx.sitemeta.hasRight("suppressredirect") && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(u, { name: "noredirect", id: "noredirect", checked: e?.noredirect, children: "Move without leaving a redirect" }) }),
+            /* @__PURE__ */ i(j, { label: "Reason", id: "reason", name: "reason", value: e?.reason })
+          ]
+        }
+      )
+    ), o.setButtons([
+      {
+        label: "Move",
+        className: "is-primary is-ghost",
+        method: () => {
+          a?.dispatchEvent(new Event("submit"));
+        }
+      }
+    ]), o.show();
+  }
+  async movePage(e) {
+    const { from: o, to: a, reason: r = "", ...n } = e;
+    if (!o || !a)
+      throw new Error("From and to titles are required.");
+    if (o === a)
+      throw new Error("From and to titles cannot be the same.");
+    return (await this.ctx.wikiPage.newFromTitle(o)).moveTo(a, r, n);
+  }
+}
+g = T(x);
+v = Q(g, 0, "PluginQuickMove", M, v);
+N(g, 1, v);
+export {
+  v as PluginQuickMove
+};
+//# sourceMappingURL=index-BMmKF_kG.js.map

package/dist/index-BMmKF_kG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BMmKF_kG.js","sources":["../src/plugins/quick-move/index.tsx"],"sourcesContent":["import { Inject, InPageEdit } from '@/InPageEdit'\r\n\r\ndeclare module '@/InPageEdit' {\r\n  interface InPageEdit {\r\n    quickMove: PluginQuickMove['quickMove']\r\n    movePage: PluginQuickMove['movePage']\r\n  }\r\n}\r\n\r\nexport interface MovePageOptions {\r\n  from: string\r\n  to: string\r\n  reason?: string\r\n  movetalk?: boolean\r\n  movesubpages?: boolean\r\n  noredirect?: boolean\r\n}\r\nexport interface QuickMoveOptions extends Partial<MovePageOptions> {\r\n  lockFromField?: boolean\r\n  lockToField?: boolean\r\n}\r\n\r\n@Inject(['modal', 'sitemeta'])\r\nexport class PluginQuickMove extends BasePlugin {\r\n  constructor(public ctx: InPageEdit) {\r\n    super(ctx, {}, 'quick-move')\r\n    ctx.set('quickMove', this.quickMove.bind(this))\r\n    ctx.set('movePage', this.movePage.bind(this))\r\n  }\r\n\r\n  protected start(): Promise<void> | void {\r\n    this.ctx.inject(['toolbox'], (ctx) => {\r\n      this.injectToolbox(ctx)\r\n    })\r\n  }\r\n\r\n  private injectToolbox(ctx: InPageEdit) {\r\n    const curPageName = window.mw?.config.get('wgPageName') || ''\r\n    const canEdit = window.mw?.config.get('wgIsProbablyEditable')\r\n    ctx.toolbox.addButton({\r\n      id: 'quick-move',\r\n      icon: (\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"24\"\r\n          height=\"24\"\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          class=\"icon icon-tabler icons-tabler-outline icon-tabler-forms\"\r\n        >\r\n          <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n          <path d=\"M12 3a3 3 0 0 0 -3 3v12a3 3 0 0 0 3 3\" />\r\n          <path d=\"M6 3a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3\" />\r\n          <path d=\"M13 7h7a1 1 0 0 1 1 1v8a1 1 0 0 1 -1 1h-7\" />\r\n          <path d=\"M5 7h-1a1 1 0 0 0 -1 1v8a1 1 0 0 0 1 1h1\" />\r\n          <path d=\"M17 12h.01\" />\r\n          <path d=\"M13 12h.01\" />\r\n        </svg>\r\n      ),\r\n      tooltip: 'Quick Move',\r\n      group: 'group2',\r\n      onClick: () => {\r\n        this.quickMove(\r\n          canEdit\r\n            ? {\r\n                lockFromField: true,\r\n                from: curPageName,\r\n              }\r\n            : {}\r\n        )\r\n      },\r\n    })\r\n  }\r\n\r\n  quickMove(options?: Partial<QuickMoveOptions>) {\r\n    const modal = this.ctx.modal\r\n      .createObject({\r\n        title: 'Quick Move',\r\n        content: (<ProgressBar />) as HTMLElement,\r\n        className: 'quick-move compact-buttons',\r\n        sizeClass: 'medium',\r\n        center: true,\r\n      })\r\n      .init()\r\n\r\n    let formRef: HTMLFormElement | null = null\r\n    modal.setContent(\r\n      (\r\n        <form\r\n          ref={(el) => (formRef = el)}\r\n          style={{\r\n            display: 'flex',\r\n            flexDirection: 'column',\r\n            gap: '1rem',\r\n          }}\r\n          onSubmit={(e) => {\r\n            e.preventDefault()\r\n            formRef?.checkValidity()\r\n            if (!formRef?.reportValidity()) {\r\n              return\r\n            }\r\n            const formData = new FormData(formRef!)\r\n            const options = {\r\n              from: formData.get('from')?.toString().trim()!,\r\n              to: formData.get('to')?.toString().trim()!,\r\n              reason: (formData.get('reason') as string) || '',\r\n              movetalk: formData.get('movetalk') === 'on',\r\n              movesubpages: formData.get('movesubpages') === 'on',\r\n              noredirect: formData.get('noredirect') === 'on',\r\n            }\r\n            if (!options.from || !options.to) {\r\n              this.ctx.modal.notify('error', {\r\n                title: 'Failed to move',\r\n                content: 'From and to are required.',\r\n              })\r\n              return\r\n            }\r\n            modal.setLoadingState(true)\r\n            this.movePage(options)\r\n              .then(() => {\r\n                location.reload()\r\n              })\r\n              .catch((error) => {\r\n                modal.setLoadingState(false)\r\n                this.ctx.modal.notify('error', {\r\n                  title: 'Failed to move',\r\n                  content: error instanceof Error ? error.message : String(error),\r\n                })\r\n              })\r\n          }}\r\n        >\r\n          <TwinSwapInput\r\n            inputs={[\r\n              {\r\n                label: 'Move from',\r\n                name: 'from',\r\n                value: options?.from,\r\n                required: true,\r\n              },\r\n              {\r\n                label: 'Move to',\r\n                name: 'to',\r\n                value: options?.to,\r\n                required: true,\r\n              },\r\n            ]}\r\n          />\r\n          <div>\r\n            <CheckBox name=\"movetalk\" id=\"movetalk\" checked={options?.movetalk}>\r\n              Move talk page\r\n            </CheckBox>\r\n          </div>\r\n          <div>\r\n            <CheckBox name=\"movesubpages\" id=\"movesubpages\" checked={options?.movesubpages}>\r\n              Move subpage(s) (up to 100)\r\n            </CheckBox>\r\n          </div>\r\n          {this.ctx.sitemeta.hasRight('suppressredirect') && (\r\n            <div>\r\n              <CheckBox name=\"noredirect\" id=\"noredirect\" checked={options?.noredirect}>\r\n                Move without leaving a redirect\r\n              </CheckBox>\r\n            </div>\r\n          )}\r\n          <InputBox label=\"Reason\" id=\"reason\" name=\"reason\" value={options?.reason} />\r\n        </form>\r\n      ) as HTMLElement\r\n    )\r\n\r\n    modal.setButtons([\r\n      {\r\n        label: 'Move',\r\n        className: 'is-primary is-ghost',\r\n        method: () => {\r\n          formRef?.dispatchEvent(new Event('submit'))\r\n        },\r\n      },\r\n    ])\r\n\r\n    return modal.show()\r\n  }\r\n\r\n  async movePage(options: MovePageOptions) {\r\n    const { from, to, reason = '', ...rest } = options\r\n\r\n    if (!from || !to) {\r\n      throw new Error('From and to titles are required.')\r\n    }\r\n    if (from === to) {\r\n      throw new Error('From and to titles cannot be the same.')\r\n    }\r\n\r\n    const wikiPage = await this.ctx.wikiPage.newFromTitle(from)\r\n    return wikiPage.moveTo(to, reason, rest)\r\n  }\r\n}\r\n"],"names":["_PluginQuickMove_decorators","_init","_a","Inject","PluginQuickMove","BasePlugin","ctx","curPageName","canEdit","jsxs","jsx","options","modal","ProgressBar","formRef","el","e","formData","error","TwinSwapInput","CheckBox","InputBox","from","to","reason","rest","__decoratorStart","__decorateElement","__runInitializers"],"mappings":"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"}

package/dist/{index-BPsDFq9U.js → index-Bh70Udzi.js}

@@ -1,11 +1,11 @@
 import { j as n } from "./index-CvhkVj_L.js";
-const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLeft_1gdgl_27", W = "_inputRight_1gdgl_30", $ = "_swapButton_1gdgl_46", i = {
-  twinSwapInput: x,
-  inputWrapper: y,
-  inputLeft: L,
-  inputRight: W,
-  swapButton: $
-}, C = (f) => {
+const y = "_twinSwapInput_1gdgl_9", L = "_inputWrapper_1gdgl_23", W = "_inputLeft_1gdgl_27", $ = "_inputRight_1gdgl_30", j = "_swapButton_1gdgl_46", i = {
+  twinSwapInput: y,
+  inputWrapper: L,
+  inputLeft: W,
+  inputRight: $,
+  swapButton: j
+}, M = (f) => {
   const { inputs: l, enableSwap: b = !0, ...v } = f, _ = l?.length === 2 ? l : [l?.[0] ?? {}, l?.[1] ?? {}], s = [null, null];
   let c = 0, o = null, p = null;
   const d = () => s.some((t) => t && t.disabled), w = () => {
@@ -50,23 +50,24 @@ const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLef
     }
   ), r = /* @__PURE__ */ n("div", { className: `twin-swap-input ${i.twinSwapInput}`, ...v, children: [
     _.map((t, e) => {
-      const { label: a, id: u, name: h, value: S, disabled: k, inputProps: B } = t, E = e === 0, g = u || h;
+      const { label: a, id: u, name: h, value: S, disabled: k, required: B, inputProps: E } = t, R = e === 0, g = u || h;
       return /* @__PURE__ */ n(
         "div",
         {
-          className: `${i.inputWrapper} ${E ? i.inputLeft : i.inputRight}`,
+          className: `${i.inputWrapper} ${R ? i.inputLeft : i.inputRight}`,
           children: [
             a && /* @__PURE__ */ n("label", { htmlFor: g, children: a }),
             /* @__PURE__ */ n(
               "input",
               {
-                ref: (R) => s[e] = R,
+                ref: (x) => s[e] = x,
                 type: "text",
                 id: g,
                 name: h,
                 value: S,
                 disabled: k,
-                ...B
+                required: B,
+                ...E
               }
             )
           ]
@@ -78,6 +79,6 @@ const x = "_twinSwapInput_1gdgl_9", y = "_inputWrapper_1gdgl_23", L = "_inputLef
   return r.swap = w, r.toggleEnableSwap = m, r;
 };
 export {
-  C as T
+  M as T
 };
-//# sourceMappingURL=index-BPsDFq9U.js.map
+//# sourceMappingURL=index-Bh70Udzi.js.map

package/dist/index-Bh70Udzi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Bh70Udzi.js","sources":["../src/components/TwinSwapInput/index.tsx"],"sourcesContent":["import { JSX } from 'jsx-dom/jsx-runtime'\r\nimport styles from './styles.module.sass'\r\n\r\nexport type TwinSwapInputProps = {\r\n  inputs: [TwinSwapInputInput, TwinSwapInputInput]\r\n  enableSwap?: boolean\r\n} & JSX.IntrinsicElements['div']\r\n\r\nexport interface TwinSwapInputInput {\r\n  label?: string\r\n  id?: string\r\n  name: string\r\n  value?: string\r\n  disabled?: boolean\r\n  required?: boolean\r\n  inputProps?: Omit<JSX.IntrinsicElements['input'], 'name' | 'value'>\r\n}\r\n\r\nexport type TwinSwapElement = HTMLDivElement & {\r\n  swap: () => void\r\n  toggleEnableSwap: (enable?: boolean) => void\r\n}\r\n\r\nexport const TwinSwapInput = (props: TwinSwapInputProps) => {\r\n  const { inputs, enableSwap = true, ...rest } = props\r\n\r\n  const normalizedInputs =\r\n    inputs?.length === 2\r\n      ? inputs\r\n      : ([inputs?.[0] ?? {}, inputs?.[1] ?? {}] as [TwinSwapInputInput, TwinSwapInputInput])\r\n\r\n  // 内部稳定引用\r\n  const inputRefs: [HTMLInputElement | null, HTMLInputElement | null] = [null, null]\r\n\r\n  let swapCount = 0\r\n  let swapBtnRef: HTMLButtonElement | null = null\r\n  let svgRef: SVGElement | null = null\r\n\r\n  const checkIfInputDisabled = () => inputRefs.some((el) => el && el.disabled)\r\n\r\n  const swap = () => {\r\n    if (!inputRefs[0] || !inputRefs[1]) return\r\n    if (checkIfInputDisabled()) return\r\n\r\n    const a = inputRefs[0]\r\n    const b = inputRefs[1]\r\n    const va = a.value\r\n    const vb = b.value\r\n    a.value = vb\r\n    b.value = va\r\n\r\n    // 与原实现一致：派发 change（不冒泡）\r\n    a.dispatchEvent(new Event('change'))\r\n    b.dispatchEvent(new Event('change'))\r\n\r\n    swapCount++\r\n    if (svgRef) {\r\n      svgRef.style.transform = `rotateY(${swapCount * -180}deg)`\r\n      svgRef.style.transition = 'transform 200ms ease'\r\n    }\r\n  }\r\n\r\n  const toggleEnableSwap = (enable?: boolean) => {\r\n    if (!swapBtnRef) return\r\n    const next = enable ?? !swapBtnRef.disabled\r\n    swapBtnRef.disabled = !next\r\n    if (next) {\r\n      // 与原实现一致：开启时把 inputs 解禁\r\n      inputRefs.forEach((el) => {\r\n        if (el) el.disabled = false\r\n      })\r\n    }\r\n  }\r\n\r\n  const swapButton = (\r\n    <button\r\n      type=\"button\"\r\n      aria-label=\"Swap values\"\r\n      onClick={swap}\r\n      disabled={checkIfInputDisabled() || !enableSwap}\r\n      ref={(el) => (swapBtnRef = el as HTMLButtonElement)}\r\n    >\r\n      <svg\r\n        ref={(el) => (svgRef = el as unknown as SVGElement)}\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"2\"\r\n        stroke-linecap=\"round\"\r\n        stroke-linejoin=\"round\"\r\n        class=\"icon-tabler icons-tabler-outline icon-tabler-transfer\"\r\n      >\r\n        <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\r\n        <path d=\"M20 10h-16l5.5 -6\" />\r\n        <path d=\"M4 14h16l-5.5 6\" />\r\n      </svg>\r\n    </button>\r\n  ) as HTMLButtonElement\r\n\r\n  const container = (\r\n    <div className={`twin-swap-input ${styles.twinSwapInput}`} {...rest}>\r\n      {normalizedInputs.map((input, index) => {\r\n        const { label, id, name, value, disabled, required, inputProps } = input\r\n        const isLeft = index === 0\r\n        const inputId = id || name\r\n\r\n        return (\r\n          <div\r\n            className={`${styles.inputWrapper} ${isLeft ? styles.inputLeft : styles.inputRight}`}\r\n          >\r\n            {label && <label htmlFor={inputId}>{label}</label>}\r\n            <input\r\n              ref={(el) => (inputRefs[index] = el as HTMLInputElement)}\r\n              type=\"text\"\r\n              id={inputId}\r\n              name={name}\r\n              value={value}\r\n              disabled={disabled}\r\n              required={required}\r\n              {...inputProps}\r\n            />\r\n          </div>\r\n        )\r\n      })}\r\n\r\n      <div className={styles.swapButton}>{swapButton}</div>\r\n    </div>\r\n  ) as TwinSwapElement\r\n\r\n  container.swap = swap\r\n  container.toggleEnableSwap = toggleEnableSwap\r\n\r\n  return container\r\n}\r\n"],"names":["TwinSwapInput","props","inputs","enableSwap","rest","normalizedInputs","inputRefs","swapCount","swapBtnRef","svgRef","checkIfInputDisabled","el","swap","a","b","va","vb","toggleEnableSwap","enable","next","swapButton","jsx","jsxs","container","styles","input","index","label","id","name","value","disabled","required","inputProps","isLeft","inputId"],"mappings":"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"}