@manifest-editor/creators 1.4.2 → 2.0.0

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@manifest-editor/creators",
-  "version": "1.4.2",
+  "version": "2.0.0",
   "type": "module",
   "bugs": "https://github.com/digirati-co-uk/iiif-manifest-editor/issues",
   "repository": {
     "type": "git",
-    "url": "https://github.com/digirati-co-uk/iiif-manifest-editor.git",
+    "url": "git+https://github.com/digirati-co-uk/iiif-manifest-editor.git",
     "directory": "packages/creators"
   },
   "engines": {
@@ -18,58 +18,54 @@
   ],
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/index.d.cts",
   "files": [
     "dist"
   ],
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    }
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "tsup src/index.ts",
-    "dev": "tsup src/index.ts --watch",
+    "build": "tsdown src/index.ts",
+    "dev": "tsdown src/index.ts --watch",
     "lint": "publint",
     "typecheck": "tsc --noEmit",
-    "prepack": "tsup src/index.ts"
+    "prepack": "tsdown src/index.ts"
   },
   "dependencies": {
-    "@atlas-viewer/iiif-image-api": "^2.2.0",
-    "@iiif/helpers": "^1.3.1",
-    "@iiif/parser": "^2.1.8",
+    "@iiif/helpers": "1.5.7",
+    "@iiif/parser": "2.2.8",
     "@iiif/presentation-3": "^2.2.3",
     "@iiif/presentation-3-normalized": "^0.9.7",
-    "@manifest-editor/components": "1.4.2",
-    "@manifest-editor/creator-api": "1.4.2",
-    "@manifest-editor/editor-api": "1.4.0",
-    "@manifest-editor/editors": "1.4.2",
-    "@manifest-editor/iiif-browser": "1.4.1",
-    "@manifest-editor/shell": "1.4.2",
-    "iiif-browser": "^2.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@manifest-editor/components": "2.0.0",
+    "@manifest-editor/creator-api": "2.0.0",
+    "@manifest-editor/editor-api": "2.0.0",
+    "@manifest-editor/editors": "2.0.0",
+    "@manifest-editor/shell": "2.0.0",
+    "iiif-browser": "^2.0.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-error-boundary": "^4.0.13",
-    "react-iiif-vault": "^1.5.6",
+    "react-iiif-vault": "2.0.6",
     "styled-components": "6.1.8"
   },
   "devDependencies": {
-    "@manifest-editor/ui": "1.0.0",
-    "@repo/eslint-config": "workspace:*",
+    "@atlas-viewer/iiif-image-api": "^2.2.0",
+    "@manifest-editor/ui": "2.0.0",
+    "@repo/eslint-config": "",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "postcss-import": "^16.1.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "tiny-invariant": "^1.3.3",
-    "tsup": "^8.0.2"
+    "tsdown": "0.16.4"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7da90acfb83545d53d34ba95b86c8d5492005e81"
+  "gitHead": "0baa971edfd5c47a0c492ccfd3e836fb1345a038"
 }

package/dist/chunk-2B2F7X4A.js

@@ -1,59 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: {
-          type: "custom",
-          format: (resource, parent, vault2) => {
-            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
-            const resources = [];
-            for (const resource2 of resourcesAsArray) {
-              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
-            }
-            return resources;
-          }
-        }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: false,
-      canSelectCanvas: false,
-      canSelectManifest: true,
-      canSelectCollection: true,
-      multiSelect: true
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-5YV7MYAZ.js

@@ -1,60 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: {
-          type: "custom",
-          format: (resource, parent, vault2) => {
-            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
-            const resources = [];
-            for (const resource2 of resourcesAsArray) {
-              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
-            }
-            return resources;
-          }
-        }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: false,
-      canSelectCanvas: false,
-      canSelectManifest: true,
-      canSelectCollection: true,
-      // @todo fix the output so this one works.
-      multiSelect: false
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-7FSKLOVQ.js

@@ -1,33 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { IIIFExplorer } from "@manifest-editor/iiif-browser";
-import { usePreviewVault, usePreviewHistory, PreviewVaultBoundary, HOMEPAGE_COLLECTION } from "@manifest-editor/shell";
-import { Fragment, jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = usePreviewVault();
-  const { addHistory, clearHistory } = usePreviewHistory();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFExplorer,
-    {
-      window: false,
-      hideHeader: true,
-      outputTypes: ["Manifest", "Collection"],
-      vault,
-      output: { type: "content-state" },
-      homepageCollection: HOMEPAGE_COLLECTION,
-      clearHomepageCollection: clearHistory,
-      onHistory: addHistory,
-      outputTargets: [
-        {
-          type: "callback",
-          label: "Select",
-          cb: (resource) => props.runCreate({ output: resource })
-        }
-      ],
-      allowRemoveEntry: true
-    }
-  ) }) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-AVISJS46.js

@@ -1,50 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: { type: "content-state" }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: true,
-      canSelectCanvas: true,
-      canSelectManifest: false,
-      canSelectCollection: false,
-      // @todo fix the output so this one works.
-      multiSelect: false
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-CYVZA2MU.js

@@ -1,59 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection", "ManifestList", "CollectionList", "CollectionItemList"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: {
-          type: "custom",
-          format: (resource, parent, vault2) => {
-            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
-            const resources = [];
-            for (const resource2 of resourcesAsArray) {
-              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
-            }
-            return resources;
-          }
-        }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: false,
-      canSelectCanvas: false,
-      canSelectManifest: true,
-      canSelectCollection: true,
-      multiSelect: true
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-ES62IRNT.js

@@ -1,50 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Canvas", "CanvasList", "CanvasRegion", "ImageService", "ImageServiceRegion"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: { type: "content-state" }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: true,
-      canSelectCanvas: true,
-      canSelectManifest: false,
-      canSelectCollection: false,
-      // @todo fix the output so this one works.
-      multiSelect: false
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-KLSWX2QF.js

@@ -1,38 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { IIIFExplorer } from "@manifest-editor/iiif-browser";
-import {
-  usePreviewVault,
-  usePreviewHistory,
-  PreviewVaultBoundary,
-  HOMEPAGE_COLLECTION
-} from "@manifest-editor/shell";
-import { Fragment, jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = usePreviewVault();
-  const { addHistory, clearHistory } = usePreviewHistory();
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFExplorer,
-    {
-      window: false,
-      hideHeader: true,
-      outputTypes: ["Manifest", "Collection"],
-      vault,
-      output: { type: "content-state" },
-      homepageCollection: HOMEPAGE_COLLECTION,
-      clearHomepageCollection: clearHistory,
-      onHistory: addHistory,
-      outputTargets: [
-        {
-          type: "callback",
-          label: "Select",
-          cb: (resource) => props.runCreate({ output: resource })
-        }
-      ],
-      allowRemoveEntry: true
-    }
-  ) }) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-PFQB3PNW.js

@@ -1,47 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Canvas", "CanvasList", "CanvasRegion", "ImageService", "ImageServiceRegion"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: { type: "content-state" }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: true,
-      canSelectCanvas: true,
-      canSelectManifest: false,
-      canSelectCollection: false,
-      // @todo fix the output so this one works.
-      multiSelect: false
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-S3JO5Y3Z.js

@@ -1,50 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: { type: "content-state" }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: false,
-      canSelectCanvas: false,
-      canSelectManifest: true,
-      canSelectCollection: true,
-      // @todo fix the output so this one works.
-      multiSelect: false
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/chunk-W4PYM3PN.js

@@ -1,59 +0,0 @@
-// src/Manifest/ManifestBrowserCreator/manifest-browser-form.lazy.tsx
-import { Vault } from "@iiif/helpers";
-import { PreviewVaultBoundary } from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-function ManifestBrowserCreatorForm(props) {
-  const vault = useMemo(() => new Vault(), []);
-  const output = useMemo(() => {
-    return [
-      {
-        type: "callback",
-        label: "Select",
-        supportedTypes: ["Manifest", "Collection", "CollectionItemList"],
-        cb: (resource) => props.runCreate({ output: resource }),
-        format: {
-          type: "custom",
-          format: (resource, parent, vault2) => {
-            const resourcesAsArray = Array.isArray(resource) ? resource : [{ ...resource, parent }];
-            const resources = [];
-            for (const resource2 of resourcesAsArray) {
-              resources.push({ resource: vault2.get(resource2), parent: resource2.parent, selector: resource2.selector });
-            }
-            return resources;
-          }
-        }
-      }
-    ];
-  }, [props.runCreate]);
-  const navigationOptions = useMemo(() => {
-    return {
-      canCropImage: false,
-      canSelectCanvas: false,
-      canSelectManifest: true,
-      canSelectCollection: true,
-      multiSelect: true
-    };
-  }, []);
-  const uiOptions = useMemo(() => {
-    return {
-      buttonClassName: "bg-me-primary-500 text-white hover:bg-me-primary-600"
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      debug: true,
-      ui: uiOptions,
-      vault,
-      className: "iiif-browser border-none border-t rounded-none h-[70vh] min-h-[60vh] max-h-full max-w-full",
-      output,
-      navigation: navigationOptions
-    }
-  ) });
-}
-
-export {
-  ManifestBrowserCreatorForm
-};

package/dist/iiif-browser-form.lazy-3EZNJN4M.js

@@ -1,21 +0,0 @@
-// src/ContentResource/IIIFBrowserCreator/iiif-browser-form.lazy.tsx
-import {
-  PreviewVaultBoundary,
-  usePreviewHistory,
-  usePreviewVault
-} from "@manifest-editor/shell";
-import { IIIFBrowser } from "iiif-browser";
-import { jsx } from "react/jsx-runtime";
-function IIIFBrowserCreatorForm(props) {
-  const vault = usePreviewVault();
-  const { addHistory, clearHistory } = usePreviewHistory();
-  return /* @__PURE__ */ jsx(PreviewVaultBoundary, { children: /* @__PURE__ */ jsx(
-    IIIFBrowser,
-    {
-      className: "border-none border-t rounded-none h-[70vh] max-h-full"
-    }
-  ) });
-}
-export {
-  IIIFBrowserCreatorForm as default
-};