@inpageedit/core 0.5.0 → 0.5.1

package/dist/{index-jKU6cYcH.js → index-BMmKF_kG.js}

@@ -1,14 +1,14 @@
 import { j as i, P as y } from "./index-CvhkVj_L.js";
-import { BasePlugin as S, Inject as q } from "./index.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, I = Object.getOwnPropertyDescriptor, w = (t, e) => (e = Symbol[t]) ? e : Symbol.for("Symbol." + t), k = (t) => {
+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);
-}, B = (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) => B(e, w("metadata"), t[3]), N = (t, e, o, a) => {
+}, 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) && I(r, o));
+  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);
@@ -162,4 +162,4 @@ N(g, 1, v);
 export {
   v as PluginQuickMove
 };
-//# sourceMappingURL=index-jKU6cYcH.js.map
+//# 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-Bh70Udzi.js.map

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