@manifest-editor/creators 1.3.1 → 1.4.0

package/README.md

@@ -0,0 +1,49 @@
+# Creators
+
+## API Design
+
+The current API is a pain to use. Its lacking types.
+
+Essentially this is the current creator hook/API (with no types!).
+
+```ts
+creator.create("@manifest-editor/image-url-creator", newThumbnail, {
+  targetType: "ContentResource",
+  parent: {
+    property: "thumbnail",
+    resource: {
+      id: collection!.id,
+      type: "Collection",
+    },
+  },
+  initialData: {},
+});
+```
+
+Ideally something like this would work, and be type-safe.
+
+```tsx
+
+const resource = { id: ..., type: 'Manifest' }; // Maybe from props or something.
+const createImage = useCreator(
+  // Resource will have a type.
+  resource,
+  // This should be inferred from the resource type + supported fields.
+  "thumbnail",
+  // This should be inferred from the resource type + property supported type.
+  "@manifest-editor/image-url-creator"
+);
+
+// ...
+createImage({ url: 'https://example.org/image.jpg' });
+```
+
+The same thing, but on the editor API.
+
+```ts
+const manifestEditor = useManifestEditor();
+
+await manifestEditor.descriptive.thumbnail.create("@manifest-editor/image-url-creator", {
+  url: "https://example.org/image.jpg",
+});
+```

package/dist/chunk-AVISJS46.js

@@ -0,0 +1,50 @@
+// 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-ES62IRNT.js

@@ -0,0 +1,50 @@
+// 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-PFQB3PNW.js

@@ -0,0 +1,47 @@
+// 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

@@ -0,0 +1,50 @@
+// 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/iiif-browser-form.lazy-3INAWCE5.js

@@ -0,0 +1,54 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "custom",
+          format: (resource, parent, vault2) => {
+            console.log({ resource, parent });
+            return { resource: vault2.get(resource), parent };
+          }
+        }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-5TF74M2Q.js

@@ -0,0 +1,48 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "custom", format: (resource, parent, vault2) => ({ resource: vault2.get(resource), parent }) }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-BHX6TGDY.js

@@ -0,0 +1,58 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "custom",
+          format: (resource, parent, vault2) => {
+            const resourcesAsArray = Array.isArray(resource) ? resource : [resource];
+            const resources = [];
+            for (const resource2 of resourcesAsArray) {
+              resources.push({ resource: vault2.get(resource2), parent: resource2.parent });
+            }
+            return { resources };
+          }
+        }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-DKKTAIO5.js

@@ -0,0 +1,59 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "custom",
+          format: (resource, parent, vault2) => {
+            console.log({ resource });
+            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: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-DPRO7R2W.js

@@ -0,0 +1,59 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "custom",
+          format: (resource, parent, vault2) => {
+            console.log({ resource });
+            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: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-EREIP6PZ.js

@@ -0,0 +1,58 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "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 resource;
+          }
+        }
+      }
+    ];
+  }, [props.runCreate]);
+  const navigationOptions = useMemo(() => {
+    return {
+      canCropImage: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};

package/dist/iiif-browser-form.lazy-FQDZQ3UW.js

@@ -0,0 +1,58 @@
+// src/ContentResource/IIIFBrowserCreator/iiif-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 IIIFBrowserCreatorForm(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: "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: true,
+      canSelectCanvas: true,
+      canSelectManifest: false,
+      canSelectCollection: false,
+      // @todo fix the output so this one works.
+      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,
+    {
+      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 {
+  IIIFBrowserCreatorForm as default
+};