@fiduswriter/image-manager 0.1.13 → 0.1.16

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiduswriter/image-manager",
-  "version": "0.1.13",
+  "version": "0.1.16",
   "description": "Fidus Writer image/media manager",
   "repository": {
     "type": "git",
@@ -69,13 +69,15 @@
     "lint:fix": "eslint src --fix",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --config jest.config.js"
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js --config jest.config.js",
+    "install-hooks": "husky"
   },
   "dependencies": {
     "bibliojson": "^4.0.3",
     "cropperjs": "^1.6.2",
     "fast-deep-equal": "^3.1.3",
-    "fwtoolkit": "^0.1.9"
+    "fwtoolkit": "^0.2.1",
+    "simple-datatables": "^10.2.0"
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
@@ -88,7 +90,9 @@
     "ts-jest": "^29.4.11",
     "ts-jest-resolver": "^2.0.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.62.0"
+    "typescript-eslint": "^8.62.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^17.0.8"
   },
   "lint-staged": {
     "*.{ts,js,mjs,css,md,json,html}": [

package/src/copyright_dialog/index.ts

@@ -1,211 +1,202 @@
-import {edtfParse} from "bibliojson"
-import deepEqual from "fast-deep-equal"
-import {Dialog, InputList, TypeSwitch, escapeText} from "fwtoolkit"
-import type {InputListItemRenderResult} from "fwtoolkit"
+import { edtfParse } from "bibliojson";
+import deepEqual from "fast-deep-equal";
+import { Dialog, InputList, TypeSwitch, escapeText } from "fwtoolkit";
+import type { InputListItemRenderResult } from "fwtoolkit";
 
 import {
-    copyrightTemplate,
-    licenseInputTemplate,
-    licenseSelectTemplate
-} from "./templates.js"
-import type {Copyright, License} from "../types.js"
+  copyrightTemplate,
+  licenseInputTemplate,
+  licenseSelectTemplate,
+} from "./templates.js";
+import type { Copyright, License } from "../types.js";
 
 export const LICENSE_URLS = [
-    ["CC BY 4.0", "https://creativecommons.org/licenses/by/4.0/"],
-    ["CC BY-SA 4.0", "https://creativecommons.org/licenses/by-sa/4.0/"],
-    ["CC BY-ND 4.0", "https://creativecommons.org/licenses/by-nd/4.0/"],
-    ["CC BY-NC 4.0", "https://creativecommons.org/licenses/by-nc/4.0/"],
-    ["CC BY-NC-SA 4.0", "https://creativecommons.org/licenses/by-nc-sa/4.0/"],
-    ["CC BY-NC-ND 4.0", "https://creativecommons.org/licenses/by-nc-nd/4.0/"],
-    ["CC0", "https://creativecommons.org/publicdomain/zero/1.0/"]
-] as [string, string][]
+  ["CC BY 4.0", "https://creativecommons.org/licenses/by/4.0/"],
+  ["CC BY-SA 4.0", "https://creativecommons.org/licenses/by-sa/4.0/"],
+  ["CC BY-ND 4.0", "https://creativecommons.org/licenses/by-nd/4.0/"],
+  ["CC BY-NC 4.0", "https://creativecommons.org/licenses/by-nc/4.0/"],
+  ["CC BY-NC-SA 4.0", "https://creativecommons.org/licenses/by-nc-sa/4.0/"],
+  ["CC BY-NC-ND 4.0", "https://creativecommons.org/licenses/by-nc-nd/4.0/"],
+  ["CC0", "https://creativecommons.org/publicdomain/zero/1.0/"],
+] as [string, string][];
 
 function getLicenseTitle(url: string): string {
-    const license = LICENSE_URLS.find(license => license[1] === url)
-    return license ? license[0] : ""
+  const license = LICENSE_URLS.find((license) => license[1] === url);
+  return license ? license[0] : "";
 }
 
 export class CopyrightDialog {
-    copyright: Copyright
+  copyright: Copyright;
 
-    origCopyright: Copyright
+  origCopyright: Copyright;
 
-    dialog: Dialog | false = false
+  dialog: Dialog | false = false;
 
-    licensesList!: InputList<License>
+  licensesList!: InputList<License>;
 
-    constructor(copyright: Copyright) {
-        this.copyright = copyright
-        this.origCopyright = copyright
-        this.dialog = false
-    }
+  constructor(copyright: Copyright) {
+    this.copyright = copyright;
+    this.origCopyright = copyright;
+    this.dialog = false;
+  }
 
-    getCurrentValue(): void {
-        if (!this.dialog) {
-            return
-        }
-        const dialogEl = this.dialog.dialogEl
-        this.copyright = {} as Copyright
-        const holder = (
-            dialogEl.querySelector(".holder") as HTMLInputElement
-        ).value
-        this.copyright.holder = holder.length ? holder : false
-        const year = (
-            dialogEl.querySelector(".year") as HTMLInputElement
-        ).value
-        this.copyright.year = year.length
-            ? Math.max(0, Math.min(Number.parseInt(year) || 0, 2100))
-            : false
-        this.copyright.freeToRead = dialogEl.querySelector(
-            ".free-to-read:checked"
-        )
-            ? true
-            : false
-        const licenseStartDates = Array.from(
-            dialogEl.querySelectorAll(".license-start")
-        ).map(el => (el as HTMLInputElement).value)
-        this.copyright.licenses = this.licensesList.values
-            .map((license, index) => {
-                if (!license.url.length) {
-                    return false
-                }
-                const returnValue: License = {
-                    url: license.url,
-                    title: license.title
-                }
-                const startDate = edtfParse(licenseStartDates[index])
-                if (
-                    startDate.valid &&
-                    (startDate.type === "Date" ||
-                        startDate.type === "YearMonth" ||
-                        startDate.type === "Year") &&
-                    !startDate.uncertain &&
-                    !startDate.approximate
-                ) {
-                    returnValue.start = startDate.cleanedString
-                }
-                return returnValue
-            })
-            .filter((license): license is License => license !== false)
+  getCurrentValue(): void {
+    if (!this.dialog) {
+      return;
     }
+    const dialogEl = this.dialog.dialogEl;
+    this.copyright = {} as Copyright;
+    const holder = (dialogEl.querySelector(".holder") as HTMLInputElement)
+      .value;
+    this.copyright.holder = holder.length ? holder : false;
+    const year = (dialogEl.querySelector(".year") as HTMLInputElement).value;
+    this.copyright.year = year.length
+      ? Math.max(0, Math.min(Number.parseInt(year) || 0, 2100))
+      : false;
+    this.copyright.freeToRead = dialogEl.querySelector(".free-to-read:checked")
+      ? true
+      : false;
+    const licenseStartDates = Array.from(
+      dialogEl.querySelectorAll(".license-start"),
+    ).map((el) => (el as HTMLInputElement).value);
+    this.copyright.licenses = this.licensesList.values
+      .map((license, index) => {
+        if (!license.url.length) {
+          return false;
+        }
+        const returnValue: License = {
+          url: license.url,
+          title: license.title,
+        };
+        const startDate = edtfParse(licenseStartDates[index]);
+        if (
+          startDate.valid &&
+          (startDate.type === "Date" ||
+            startDate.type === "YearMonth" ||
+            startDate.type === "Year") &&
+          !startDate.uncertain &&
+          !startDate.approximate
+        ) {
+          returnValue.start = startDate.cleanedString;
+        }
+        return returnValue;
+      })
+      .filter((license): license is License => license !== false);
+  }
 
-    init(): Promise<Copyright | false> {
-        return new Promise(resolve => {
-            const buttons = []
-            buttons.push({
-                text: gettext("Change"),
-                classes: "fw-dark",
-                click: () => {
-                    dialog.close()
-                    this.getCurrentValue()
-                    if (deepEqual(this.copyright, this.origCopyright)) {
-                        // No change.
-                        resolve(false)
-                    }
-                    resolve(this.copyright)
-                }
-            })
+  init(): Promise<Copyright | false> {
+    return new Promise((resolve) => {
+      const buttons = [];
+      buttons.push({
+        text: gettext("Change"),
+        classes: "fw-dark",
+        click: () => {
+          dialog.close();
+          this.getCurrentValue();
+          if (deepEqual(this.copyright, this.origCopyright)) {
+            // No change.
+            resolve(false);
+          }
+          resolve(this.copyright);
+        },
+      });
 
-            buttons.push({
-                type: "cancel" as const
-            })
+      buttons.push({
+        type: "cancel" as const,
+      });
 
-            const dialog = new Dialog({
-                width: 940,
-                height: 300,
-                id: "configure-copyright",
-                title: gettext("Set copyright information"),
-                body: copyrightTemplate(this.copyright),
-                buttons
-            })
-            this.dialog = dialog
+      const dialog = new Dialog({
+        width: 940,
+        height: 300,
+        id: "configure-copyright",
+        title: gettext("Set copyright information"),
+        body: copyrightTemplate(this.copyright),
+        buttons,
+      });
+      this.dialog = dialog;
 
-            dialog.open()
-            this.bind()
-        })
-    }
+      dialog.open();
+      this.bind();
+    });
+  }
 
-    bind(): void {
-        if (!this.dialog) {
-            return
-        }
-        const dialogEl = this.dialog.dialogEl
-        this.licensesList = new InputList<License>({
-            dom: dialogEl.querySelector(
-                ".copyright-licenses-list"
-            ) as HTMLElement,
-            initialValues: this.copyright.licenses || [],
-            emptyValue: {url: "", title: "", start: false},
-            renderItem: (license): InputListItemRenderResult<License> => ({
-                html: `<div class="copyright-license-switch"></div>
+  bind(): void {
+    if (!this.dialog) {
+      return;
+    }
+    const dialogEl = this.dialog.dialogEl;
+    this.licensesList = new InputList<License>({
+      dom: dialogEl.querySelector(".copyright-licenses-list") as HTMLElement,
+      initialValues: this.copyright.licenses || [],
+      emptyValue: { url: "", title: "", start: false },
+      renderItem: (license): InputListItemRenderResult<License> => ({
+        html: `<div class="copyright-license-switch"></div>
                     <div class="field-part field-part-small">
                         <input type="text" class="license-start" value="${license.start ? escapeText(license.start) : ""}" placeholder="${gettext("Start date")}">
                     </div>`,
-                bind: el => {
-                    const licenseContainer = el.closest("tr") as HTMLElement
-                    const startInput =
-                        licenseContainer.querySelector(".license-start")
-                    if (license.start && startInput) {
-                        ;(startInput as HTMLInputElement).value = license.start
-                    }
+        bind: (el) => {
+          const licenseContainer = el.closest("tr") as HTMLElement;
+          const startInput = licenseContainer.querySelector(".license-start");
+          if (license.start && startInput) {
+            (startInput as HTMLInputElement).value = license.start;
+          }
 
-                    const mode =
-                        license.url === "" ||
-                        LICENSE_URLS.find(
-                            licenseUrl => licenseUrl[1] === license.url
-                        )
-                            ? 1
-                            : 2
-                    new TypeSwitch({
-                        dom: el.querySelector(
-                            ".copyright-license-switch"
-                        ) as HTMLElement,
-                        label1: gettext("From list"),
-                        label2: gettext("Custom"),
-                        initialMode: mode as 1 | 2,
-                        render1: () => licenseSelectTemplate({url: license.url}),
-                        render2: () =>
-                            licenseInputTemplate({
-                                url: license.url,
-                                title: license.title
-                            }),
-                        onChange: () => {
-                            // Restore focus to the license input after switching.
-                            const focusable = el.querySelector(
-                                ".fw-type-switch-input-inner input, .fw-type-switch-input-inner select"
-                            )
-                            if (focusable) {
-                                ;(focusable as HTMLElement).focus()
-                            }
-                        }
-                    })
-                }
-            }),
-            getValue: el => {
-                const licenseInput = el.querySelector(
-                    ".fw-type-switch-input-inner"
-                ) as HTMLElement
-                const selectEl = licenseInput.querySelector("select.license")
-                let url: string, title: string
-                if (selectEl) {
-                    url = (selectEl as HTMLSelectElement).value
-                    title = getLicenseTitle(url)
-                } else {
-                    url = (licenseInput.querySelector("input.license") as HTMLInputElement).value
-                    title = (licenseInput.querySelector(
-                        "input.license-title"
-                    ) as HTMLInputElement).value
-                }
-                const start =
-                    (el.closest("tr") as HTMLElement).querySelector(
-                        ".license-start"
-                    )
-                return {
-                    url,
-                    title,
-                    start: start ? (start as HTMLInputElement).value || false : false
-                }
-            }
-        })
-    }
+          const mode =
+            license.url === "" ||
+            LICENSE_URLS.find((licenseUrl) => licenseUrl[1] === license.url)
+              ? 1
+              : 2;
+          new TypeSwitch({
+            dom: el.querySelector(".copyright-license-switch") as HTMLElement,
+            label1: gettext("From list"),
+            label2: gettext("Custom"),
+            initialMode: mode as 1 | 2,
+            render1: () => licenseSelectTemplate({ url: license.url }),
+            render2: () =>
+              licenseInputTemplate({
+                url: license.url,
+                title: license.title,
+              }),
+            onChange: () => {
+              // Restore focus to the license input after switching.
+              const focusable = el.querySelector(
+                ".fw-type-switch-input-inner input, .fw-type-switch-input-inner select",
+              );
+              if (focusable) {
+                (focusable as HTMLElement).focus();
+              }
+            },
+          });
+        },
+      }),
+      getValue: (el) => {
+        const licenseInput = el.querySelector(
+          ".fw-type-switch-input-inner",
+        ) as HTMLElement;
+        const selectEl = licenseInput.querySelector("select.license");
+        let url: string, title: string;
+        if (selectEl) {
+          url = (selectEl as HTMLSelectElement).value;
+          title = getLicenseTitle(url);
+        } else {
+          url = (
+            licenseInput.querySelector("input.license") as HTMLInputElement
+          ).value;
+          title = (
+            licenseInput.querySelector(
+              "input.license-title",
+            ) as HTMLInputElement
+          ).value;
+        }
+        const start = (el.closest("tr") as HTMLElement).querySelector(
+          ".license-start",
+        );
+        return {
+          url,
+          title,
+          start: start ? (start as HTMLInputElement).value || false : false,
+        };
+      },
+    });
+  }
 }

package/src/copyright_dialog/templates.ts

@@ -1,42 +1,49 @@
-import {escapeText} from "fwtoolkit"
+import { escapeText } from "fwtoolkit";
 
-import {LICENSE_URLS} from "./index.js"
+import { LICENSE_URLS } from "./index.js";
 
 interface LicenseSelectTemplateData {
-    url: string
+  url: string;
 }
 
 interface LicenseInputTemplateData {
-    url: string
-    title: string
+  url: string;
+  title: string;
 }
 
 interface CopyrightTemplateData {
-    holder?: string | false
-    year?: number | false
-    freeToRead: boolean
+  holder?: string | false;
+  year?: number | false;
+  freeToRead: boolean;
 }
 
-export const licenseSelectTemplate = ({url}: LicenseSelectTemplateData) =>
-    `<select class="license">
+export const licenseSelectTemplate = ({ url }: LicenseSelectTemplateData) =>
+  `<select class="license">
         <option value=""></option>
         ${LICENSE_URLS.map(
-            licenseUrl =>
-                `<option value="${licenseUrl[1]}"${url === licenseUrl[1] ? " selected" : ""}>${licenseUrl[0]}</option>`
+          (licenseUrl) =>
+            `<option value="${licenseUrl[1]}"${url === licenseUrl[1] ? " selected" : ""}>${licenseUrl[0]}</option>`,
         ).join("")}
     </select>
-    <div class="fw-select-arrow fa fa-caret-down"></div>`
+    <div class="fw-select-arrow fa fa-caret-down"></div>`;
 
-export const licenseInputTemplate = ({url, title}: LicenseInputTemplateData) =>
-    `<div class="field-part field-part-huge">
+export const licenseInputTemplate = ({
+  url,
+  title,
+}: LicenseInputTemplateData) =>
+  `<div class="field-part field-part-huge">
         <input type='text' class='license' value="${escapeText(url)}" placeholder="${gettext("License URL")}">
     </div>
     <div class="field-part field-part-huge">
         <input type='text' class='license-title' value="${escapeText(title)}" placeholder="${gettext("License Title")}">
-    </div>`
+    </div>`;
 
-export const copyrightTemplate = ({holder, year, freeToRead}: CopyrightTemplateData) =>
-    `<table class="fw-dialog-table">
+export const copyrightTemplate = ({
+  holder,
+  year,
+  freeToRead,
+}: CopyrightTemplateData) =>
+  `<table class="fw-dialog-table">
         <tbody>
             <tr>
                 <th><h4 class="fw-tablerow-title fw-wtooltip">
@@ -69,4 +76,4 @@ export const copyrightTemplate = ({holder, year, freeToRead}: CopyrightTemplateD
                 </td>
             </tr>
         </tbody>
-    </table>`
+    </table>`;