@dxos/plugin-wnfs 0.8.3 → 0.8.4-main.f9ba587

package/dist/lib/node-esm/markdown-R4PBXDJO.mjs

@@ -0,0 +1,197 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  getBlobUrl,
+  getPathFromUrl,
+  loadWnfs
+} from "./chunk-CGW32EZB.mjs";
+import {
+  WnfsCapabilities
+} from "./chunk-YTWL64Z6.mjs";
+import "./chunk-47QYKNA6.mjs";
+
+// src/capabilities/markdown.ts
+import { contributes } from "@dxos/app-framework";
+import { MarkdownCapabilities } from "@dxos/plugin-markdown";
+import { getSpace } from "@dxos/react-client/echo";
+
+// src/extensions/image.tsx
+import { syntaxTree } from "@codemirror/language";
+import { StateField } from "@codemirror/state";
+import { Decoration, EditorView, WidgetType } from "@codemirror/view";
+import React from "react";
+import { createRoot } from "react-dom/client";
+import { Status, ThemeProvider } from "@dxos/react-ui";
+import { focusField } from "@dxos/react-ui-editor";
+import { defaultTx } from "@dxos/react-ui-theme";
+var WAIT_UNTIL_LOADER = 1500;
+var image = (options) => {
+  const blobUrlCache = {};
+  const preloaded = /* @__PURE__ */ new Set();
+  const preload = (url) => {
+    if (!preloaded.has(url)) {
+      const img = document.createElement("img");
+      img.src = url;
+      preloaded.add(url);
+    }
+  };
+  return [
+    StateField.define({
+      create: (state) => {
+        return Decoration.set(buildDecorations({
+          from: 0,
+          to: state.doc.length,
+          state,
+          blobUrlCache,
+          preload,
+          options
+        }));
+      },
+      update: (value, tr) => {
+        if (!tr.docChanged && !tr.selection) {
+          return value;
+        }
+        const cursor = tr.state.selection.main.head;
+        const oldCursor = tr.changes.mapPos(tr.startState.selection.main.head);
+        let from = Math.min(cursor, oldCursor);
+        let to = Math.max(cursor, oldCursor);
+        tr.changes.iterChangedRanges((fromA, toA, fromB, toB) => {
+          from = Math.min(from, fromB);
+          to = Math.max(to, toB);
+        });
+        from = tr.state.doc.lineAt(from).from;
+        to = tr.state.doc.lineAt(to).to;
+        return value.map(tr.changes).update({
+          filterFrom: from,
+          filterTo: to,
+          filter: () => false,
+          add: buildDecorations({
+            from,
+            to,
+            state: tr.state,
+            blobUrlCache,
+            preload,
+            options
+          })
+        });
+      },
+      provide: (field) => EditorView.decorations.from(field)
+    })
+  ];
+};
+var buildDecorations = ({ from, to, state, blobUrlCache, preload, options: { blockstore, instances, space } }) => {
+  const decorations = [];
+  const cursor = state.selection.main.head;
+  syntaxTree(state).iterate({
+    enter: (node) => {
+      if (node.name !== "Image") {
+        return;
+      }
+      const urlNode = node.node.getChild("URL");
+      if (!urlNode) {
+        return;
+      }
+      const hide = state.readOnly || cursor < node.from || cursor > node.to;
+      const wnfsUrl = state.sliceDoc(urlNode.from, urlNode.to);
+      if (!wnfsUrl.startsWith("wnfs://")) {
+        return;
+      }
+      const path = getPathFromUrl(wnfsUrl);
+      const spaceId = path[1];
+      if (spaceId !== space.id) {
+        return;
+      }
+      const blobUrlPromise = (async () => {
+        const { directory, forest } = await loadWnfs({
+          blockstore,
+          instances,
+          space
+        });
+        const url = await getBlobUrl({
+          wnfsUrl,
+          blockstore,
+          directory,
+          forest
+        });
+        blobUrlCache[path.join("/")] = url;
+        preload(url);
+        return url;
+      })();
+      decorations.push(Decoration.replace({
+        block: true,
+        widget: new WnfsImageWidget(wnfsUrl, blobUrlCache[path.join("/")] ?? blobUrlPromise)
+      }).range(hide ? node.from : node.to, node.to));
+    },
+    from,
+    to
+  });
+  return decorations;
+};
+var createImg = (view, url) => {
+  const img = document.createElement("img");
+  img.setAttribute("src", url);
+  img.setAttribute("class", "cm-image-with-loader");
+  if (view.state.field(focusField)) {
+    img.onload = () => img.classList.add("cm-loaded-image");
+  } else {
+    img.classList.add("cm-loaded-image");
+  }
+  return img;
+};
+var WnfsImageWidget = class extends WidgetType {
+  constructor(_wnfsUrl, _url) {
+    super(), this._wnfsUrl = _wnfsUrl, this._url = _url;
+  }
+  eq(other) {
+    return this._wnfsUrl === other._wnfsUrl;
+  }
+  toDOM(view) {
+    if (typeof this._url === "string") {
+      return createImg(view, this._url);
+    }
+    const widget = document.createElement("div");
+    widget.className = "cm-image-wrapper";
+    const loader = document.createElement("div");
+    loader.className = "mx-auto transition-opacity";
+    let loaderAdded = false;
+    const timeout = setTimeout(() => {
+      const root = createRoot(loader);
+      root.render(/* @__PURE__ */ React.createElement(ThemeProvider, {
+        tx: defaultTx
+      }, /* @__PURE__ */ React.createElement(Status, {
+        indeterminate: true
+      })));
+      widget.appendChild(loader);
+      loaderAdded = true;
+    }, WAIT_UNTIL_LOADER);
+    void this._url.then((url) => {
+      clearTimeout(timeout);
+      const img = createImg(view, url);
+      loaderAdded && widget.removeChild(loader);
+      widget.appendChild(img);
+    });
+    return widget;
+  }
+};
+
+// src/capabilities/markdown.ts
+var markdown_default = (context) => contributes(MarkdownCapabilities.Extensions, [
+  ({ document: document2 }) => {
+    const blockstore = context.getCapability(WnfsCapabilities.Blockstore);
+    const instances = context.getCapability(WnfsCapabilities.Instances);
+    if (document2) {
+      const space = getSpace(document2);
+      return space ? [
+        image({
+          blockstore,
+          instances,
+          space
+        })
+      ] : [];
+    }
+    return [];
+  }
+]);
+export {
+  markdown_default as default
+};
+//# sourceMappingURL=markdown-R4PBXDJO.mjs.map

package/dist/lib/node-esm/markdown-R4PBXDJO.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/markdown.ts", "../../../src/extensions/image.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { contributes, type PluginContext } from '@dxos/app-framework';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { WnfsCapabilities } from './capabilities';\nimport { image } from '../extensions';\n\nexport default (context: PluginContext) =>\n  contributes(MarkdownCapabilities.Extensions, [\n    ({ document }) => {\n      const blockstore = context.getCapability(WnfsCapabilities.Blockstore);\n      const instances = context.getCapability(WnfsCapabilities.Instances);\n\n      if (document) {\n        const space = getSpace(document);\n        return space ? [image({ blockstore, instances, space })] : [];\n      }\n\n      return [];\n    },\n  ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { syntaxTree } from '@codemirror/language';\nimport { type EditorState, type Extension, StateField, type Range } from '@codemirror/state';\nimport { Decoration, EditorView, WidgetType } from '@codemirror/view';\nimport type { Blockstore } from 'interface-blockstore';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport { type Space } from '@dxos/react-client/echo';\nimport { Status, ThemeProvider } from '@dxos/react-ui';\nimport { focusField } from '@dxos/react-ui-editor';\nimport { defaultTx } from '@dxos/react-ui-theme';\nimport { type MaybePromise } from '@dxos/util';\n\nimport { type WnfsCapabilities } from '../capabilities';\nimport { getBlobUrl, getPathFromUrl, loadWnfs } from '../helpers';\n\nconst WAIT_UNTIL_LOADER = 1500;\n\nexport type ImageOptions = {\n  blockstore: Blockstore;\n  instances: WnfsCapabilities.Instances;\n  space: Space;\n};\n\n/**\n * Create WNFS image decorations.\n */\nexport const image = (options: ImageOptions): Extension[] => {\n  const blobUrlCache: Record<string, string> = {};\n  const preloaded = new Set<string>();\n\n  const preload = (url: string) => {\n    if (!preloaded.has(url)) {\n      const img = document.createElement('img');\n      img.src = url;\n      preloaded.add(url);\n    }\n  };\n\n  return [\n    StateField.define({\n      create: (state) => {\n        return Decoration.set(\n          buildDecorations({ from: 0, to: state.doc.length, state, blobUrlCache, preload, options }),\n        );\n      },\n      update: (value, tr) => {\n        if (!tr.docChanged && !tr.selection) {\n          return value;\n        }\n\n        // Find range of changes and cursor changes.\n        const cursor = tr.state.selection.main.head;\n        const oldCursor = tr.changes.mapPos(tr.startState.selection.main.head);\n        let from = Math.min(cursor, oldCursor);\n        let to = Math.max(cursor, oldCursor);\n        tr.changes.iterChangedRanges((fromA, toA, fromB, toB) => {\n          from = Math.min(from, fromB);\n          to = Math.max(to, toB);\n        });\n\n        // Expand to cover lines.\n        from = tr.state.doc.lineAt(from).from;\n        to = tr.state.doc.lineAt(to).to;\n\n        return value.map(tr.changes).update({\n          filterFrom: from,\n          filterTo: to,\n          filter: () => false,\n          add: buildDecorations({ from, to, state: tr.state, blobUrlCache, preload, options }),\n        });\n      },\n      provide: (field) => EditorView.decorations.from(field),\n    }),\n  ];\n};\n\nconst buildDecorations = ({\n  from,\n  to,\n  state,\n  blobUrlCache,\n  preload,\n  options: { blockstore, instances, space },\n}: {\n  from: number;\n  to: number;\n  state: EditorState;\n  blobUrlCache: Record<string, string>;\n  preload: (url: string) => void;\n  options: ImageOptions;\n}) => {\n  const decorations: Range<Decoration>[] = [];\n  const cursor = state.selection.main.head;\n  syntaxTree(state).iterate({\n    enter: (node) => {\n      if (node.name !== 'Image') {\n        return;\n      }\n\n      const urlNode = node.node.getChild('URL');\n      if (!urlNode) {\n        return;\n      }\n\n      const hide = state.readOnly || cursor < node.from || cursor > node.to;\n      const wnfsUrl = state.sliceDoc(urlNode.from, urlNode.to);\n      if (!wnfsUrl.startsWith('wnfs://')) {\n        return;\n      }\n\n      const path = getPathFromUrl(wnfsUrl);\n\n      // Cannot load images from other spaces\n      const spaceId = path[1];\n      if (spaceId !== space.id) {\n        return;\n      }\n\n      // Load image contents into memory blob\n      const blobUrlPromise = (async () => {\n        const { directory, forest } = await loadWnfs({ blockstore, instances, space });\n        const url = await getBlobUrl({ wnfsUrl, blockstore, directory, forest });\n        blobUrlCache[path.join('/')] = url;\n        preload(url);\n        return url;\n      })();\n\n      decorations.push(\n        Decoration.replace({\n          block: true, // Prevent cursor from entering.\n          widget: new WnfsImageWidget(wnfsUrl, blobUrlCache[path.join('/')] ?? blobUrlPromise),\n        }).range(hide ? node.from : node.to, node.to),\n      );\n    },\n    from,\n    to,\n  });\n\n  return decorations;\n};\n\nconst createImg = (view: EditorView, url: string) => {\n  const img = document.createElement('img');\n  img.setAttribute('src', url);\n  img.setAttribute('class', 'cm-image-with-loader');\n  // If focused, hide image until successfully loaded to avoid flickering effects.\n  if (view.state.field(focusField)) {\n    img.onload = () => img.classList.add('cm-loaded-image');\n  } else {\n    img.classList.add('cm-loaded-image');\n  }\n  return img;\n};\n\nclass WnfsImageWidget extends WidgetType {\n  constructor(\n    readonly _wnfsUrl: string,\n    readonly _url: MaybePromise<string>,\n  ) {\n    super();\n  }\n\n  override eq(other: this): boolean {\n    return this._wnfsUrl === (other as any as WnfsImageWidget)._wnfsUrl;\n  }\n\n  override toDOM(view: EditorView): HTMLDivElement {\n    if (typeof this._url === 'string') {\n      return createImg(view, this._url);\n    }\n\n    const widget = document.createElement('div');\n    widget.className = 'cm-image-wrapper';\n    const loader = document.createElement('div');\n    loader.className = 'mx-auto transition-opacity';\n    let loaderAdded = false;\n\n    const timeout = setTimeout(() => {\n      const root = createRoot(loader);\n      root.render(\n        <ThemeProvider tx={defaultTx}>\n          <Status indeterminate />\n        </ThemeProvider>,\n      );\n      widget.appendChild(loader);\n      loaderAdded = true;\n    }, WAIT_UNTIL_LOADER);\n\n    void this._url.then((url) => {\n      clearTimeout(timeout);\n      const img = createImg(view, url);\n      loaderAdded && widget.removeChild(loader);\n      widget.appendChild(img);\n    });\n\n    return widget;\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["contributes", "MarkdownCapabilities", "getSpace", "syntaxTree", "StateField", "Decoration", "EditorView", "WidgetType", "React", "createRoot", "Status", "ThemeProvider", "focusField", "defaultTx", "WAIT_UNTIL_LOADER", "image", "options", "blobUrlCache", "preloaded", "Set", "preload", "url", "has", "img", "document", "createElement", "src", "add", "StateField", "define", "create", "state", "Decoration", "set", "buildDecorations", "from", "to", "doc", "length", "update", "value", "tr", "docChanged", "selection", "cursor", "main", "head", "oldCursor", "changes", "mapPos", "startState", "Math", "min", "max", "iterChangedRanges", "fromA", "toA", "fromB", "toB", "lineAt", "map", "filterFrom", "filterTo", "filter", "provide", "field", "EditorView", "decorations", "blockstore", "instances", "space", "syntaxTree", "iterate", "enter", "node", "name", "urlNode", "getChild", "hide", "readOnly", "wnfsUrl", "sliceDoc", "startsWith", "path", "getPathFromUrl", "spaceId", "id", "blobUrlPromise", "directory", "forest", "loadWnfs", "getBlobUrl", "join", "push", "replace", "block", "widget", "WnfsImageWidget", "range", "createImg", "view", "setAttribute", "focusField", "onload", "classList", "WidgetType", "_wnfsUrl", "_url", "eq", "other", "toDOM", "className", "loader", "loaderAdded", "timeout", "setTimeout", "root", "createRoot", "render", "ThemeProvider", "tx", "defaultTx", "Status", "indeterminate", "appendChild", "then", "clearTimeout", "removeChild", "context", "contributes", "MarkdownCapabilities", "Extensions", "document", "blockstore", "getCapability", "WnfsCapabilities", "Blockstore", "instances", "Instances", "space", "getSpace", "image"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/meta.ts":{"bytes":1450,"imports":[],"format":"esm"},"src/capabilities/capabilities.ts":{"bytes":1924,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/helpers/common.ts":{"bytes":7602,"imports":[{"path":"multiformats/cid","kind":"import-statement","external":true},{"path":"multiformats/hashes/sha2","kind":"import-statement","external":true},{"path":"@dxos/crypto","kind":"import-statement","external":true}],"format":"esm"},"src/helpers/load.ts":{"bytes":8920,"imports":[{"path":"multiformats","kind":"import-statement","external":true},{"path":"uint8arrays","kind":"import-statement","external":true},{"path":"wnfs","kind":"import-statement","external":true},{"path":"src/helpers/common.ts","kind":"import-statement","original":"./common"}],"format":"esm"},"src/helpers/wnfs-url.ts":{"bytes":3325,"imports":[{"path":"src/helpers/common.ts","kind":"import-statement","original":"./common"}],"format":"esm"},"src/helpers/upload.ts":{"bytes":6683,"imports":[{"path":"multiformats","kind":"import-statement","external":true},{"path":"multiformats/codecs/raw","kind":"import-statement","external":true},{"path":"multiformats/hashes/sha2","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"src/helpers/common.ts","kind":"import-statement","original":"./common"},{"path":"src/helpers/load.ts","kind":"import-statement","original":"./load"},{"path":"src/helpers/wnfs-url.ts","kind":"import-statement","original":"./wnfs-url"}],"format":"esm"},"src/helpers/index.ts":{"bytes":711,"imports":[{"path":"src/helpers/common.ts","kind":"import-statement","original":"./common"},{"path":"src/helpers/load.ts","kind":"import-statement","original":"./load"},{"path":"src/helpers/upload.ts","kind":"import-statement","original":"./upload"},{"path":"src/helpers/wnfs-url.ts","kind":"import-statement","original":"./wnfs-url"}],"format":"esm"},"src/blockstore.ts":{"bytes":19247,"imports":[{"path":"@ipld/car","kind":"import-statement","external":true},{"path":"blockstore-core","kind":"import-statement","external":true},{"path":"blockstore-idb","kind":"import-statement","external":true},{"path":"debounce","kind":"import-statement","external":true},{"path":"idb-keyval","kind":"import-statement","external":true},{"path":"it-all","kind":"import-statement","external":true},{"path":"multiformats","kind":"import-statement","external":true},{"path":"uint8arrays","kind":"import-statement","external":true},{"path":"src/helpers/index.ts","kind":"import-statement","original":"./helpers"}],"format":"esm"},"src/capabilities/blockstore.ts":{"bytes":2513,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/capabilities/capabilities.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/blockstore.ts","kind":"import-statement","original":"../blockstore"}],"format":"esm"},"src/types/file.ts":{"bytes":1640,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/types.ts":{"bytes":4896,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"src/types/file.ts","kind":"import-statement","original":"./file"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"src/types/index.ts":{"bytes":534,"imports":[{"path":"src/types/file.ts","kind":"import-statement","original":"./file"},{"path":"src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/capabilities/file-uploader.ts":{"bytes":3379,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":4458,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/capabilities/capabilities.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/helpers/index.ts","kind":"import-statement","original":"../helpers"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/extensions/image.tsx":{"bytes":21191,"imports":[{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom/client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/helpers/index.ts","kind":"import-statement","original":"../helpers"}],"format":"esm"},"src/extensions/index.ts":{"bytes":459,"imports":[{"path":"src/extensions/image.tsx","kind":"import-statement","original":"./image"}],"format":"esm"},"src/capabilities/markdown.ts":{"bytes":3121,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"src/capabilities/capabilities.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/extensions/index.ts","kind":"import-statement","original":"../extensions"}],"format":"esm"},"src/components/FileInput.tsx":{"bytes":5185,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dropzone","kind":"import-statement","external":true},{"path":"@dxos/effect","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/components/FilePreview.tsx":{"bytes":3096,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/FileContainer.tsx":{"bytes":6373,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"src/components/FilePreview.tsx","kind":"import-statement","original":"./FilePreview"},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"../capabilities"},{"path":"src/helpers/index.ts","kind":"import-statement","original":"../helpers"}],"format":"esm"},"src/components/index.ts":{"bytes":839,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/components/FileInput.tsx","kind":"import-statement","original":"./FileInput"},{"path":"src/components/FileContainer.tsx","kind":"dynamic-import","original":"./FileContainer"}],"format":"esm"},"src/capabilities/react-surface.tsx":{"bytes":5909,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/effect","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../components"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1819,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/capabilities.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/capabilities/blockstore.ts","kind":"dynamic-import","original":"./blockstore"},{"path":"src/capabilities/file-uploader.ts","kind":"dynamic-import","original":"./file-uploader"},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"},{"path":"src/capabilities/markdown.ts","kind":"dynamic-import","original":"./markdown"},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2001,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/WnfsPlugin.tsx":{"bytes":10988,"imports":[{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":724,"imports":[{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/WnfsPlugin.tsx","kind":"import-statement","original":"./WnfsPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6292},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-DWYM7FD7.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YTWL64Z6.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-BM37ZAHF.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"exports":["WNFS_PLUGIN","WnfsCapabilities","WnfsPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/WnfsPlugin.tsx":{"bytesInOutput":2372},"src/translations.ts":{"bytesInOutput":351}},"bytes":3289},"dist/lib/node-esm/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/node-esm/types/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-BM37ZAHF.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"}],"exports":["FileType","WnfsAction"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":262},"dist/lib/node-esm/blockstore-7KQTFHK5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":10740},"dist/lib/node-esm/blockstore-7KQTFHK5.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-CGW32EZB.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YTWL64Z6.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@ipld/car","kind":"import-statement","external":true},{"path":"blockstore-core","kind":"import-statement","external":true},{"path":"blockstore-idb","kind":"import-statement","external":true},{"path":"debounce","kind":"import-statement","external":true},{"path":"idb-keyval","kind":"import-statement","external":true},{"path":"it-all","kind":"import-statement","external":true},{"path":"multiformats","kind":"import-statement","external":true},{"path":"uint8arrays","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/blockstore.ts","inputs":{"src/capabilities/blockstore.ts":{"bytesInOutput":449},"src/blockstore.ts":{"bytesInOutput":4273}},"bytes":5141},"dist/lib/node-esm/file-uploader-WGDG2YV5.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1830},"dist/lib/node-esm/file-uploader-WGDG2YV5.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-BM37ZAHF.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/file-uploader.ts","inputs":{"src/capabilities/file-uploader.ts":{"bytesInOutput":742}},"bytes":1055},"dist/lib/node-esm/intent-resolver-5QOT2SLD.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2096},"dist/lib/node-esm/intent-resolver-5QOT2SLD.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-CGW32EZB.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YTWL64Z6.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-BM37ZAHF.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":918}},"bytes":1357},"dist/lib/node-esm/markdown-R4PBXDJO.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":12476},"dist/lib/node-esm/markdown-R4PBXDJO.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-CGW32EZB.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YTWL64Z6.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-markdown","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@codemirror/language","kind":"import-statement","external":true},{"path":"@codemirror/state","kind":"import-statement","external":true},{"path":"@codemirror/view","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dom/client","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-editor","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/markdown.ts","inputs":{"src/capabilities/markdown.ts":{"bytesInOutput":643},"src/extensions/image.tsx":{"bytesInOutput":4786},"src/extensions/index.ts":{"bytesInOutput":0}},"bytes":5878},"dist/lib/node-esm/FileContainer-22IPNDDA.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4411},"dist/lib/node-esm/FileContainer-22IPNDDA.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-DWYM7FD7.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-CGW32EZB.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-YTWL64Z6.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/invariant","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"exports":["FileContainer","default"],"entryPoint":"src/components/FileContainer.tsx","inputs":{"src/components/FileContainer.tsx":{"bytesInOutput":1754},"src/components/FilePreview.tsx":{"bytesInOutput":863}},"bytes":3143},"dist/lib/node-esm/chunk-DWYM7FD7.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":911},"dist/lib/node-esm/chunk-DWYM7FD7.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/blockstore-7KQTFHK5.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/file-uploader-WGDG2YV5.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/intent-resolver-5QOT2SLD.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/markdown-R4PBXDJO.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/react-surface-HAOUJUXJ.mjs","kind":"dynamic-import"}],"exports":["Blockstore","FileUploader","IntentResolver","Markdown","ReactSurface"],"inputs":{"src/capabilities/index.ts":{"bytesInOutput":389}},"bytes":643},"dist/lib/node-esm/chunk-CGW32EZB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":13385},"dist/lib/node-esm/chunk-CGW32EZB.mjs":{"imports":[{"path":"multiformats/cid","kind":"import-statement","external":true},{"path":"multiformats/hashes/sha2","kind":"import-statement","external":true},{"path":"@dxos/crypto","kind":"import-statement","external":true},{"path":"multiformats","kind":"import-statement","external":true},{"path":"uint8arrays","kind":"import-statement","external":true},{"path":"wnfs","kind":"import-statement","external":true},{"path":"multiformats","kind":"import-statement","external":true},{"path":"multiformats/codecs/raw","kind":"import-statement","external":true},{"path":"multiformats/hashes/sha2","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"exports":["filePath","getBlobUrl","getPathFromUrl","loadWnfs","storeName","upload","wnfsUrl"],"inputs":{"src/helpers/common.ts":{"bytesInOutput":1077},"src/helpers/load.ts":{"bytesInOutput":1918},"src/helpers/wnfs-url.ts":{"bytesInOutput":567},"src/helpers/upload.ts":{"bytesInOutput":1268},"src/helpers/index.ts":{"bytesInOutput":0}},"bytes":5172},"dist/lib/node-esm/chunk-YTWL64Z6.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1041},"dist/lib/node-esm/chunk-YTWL64Z6.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true}],"exports":["WnfsCapabilities"],"inputs":{"src/capabilities/capabilities.ts":{"bytesInOutput":338}},"bytes":597},"dist/lib/node-esm/react-surface-HAOUJUXJ.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5916},"dist/lib/node-esm/react-surface-HAOUJUXJ.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-BM37ZAHF.mjs","kind":"import-statement"},{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react-dropzone","kind":"import-statement","external":true},{"path":"@dxos/effect","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/FileContainer-22IPNDDA.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":1243},"src/components/index.ts":{"bytesInOutput":102},"src/components/FileInput.tsx":{"bytesInOutput":1320}},"bytes":3142},"dist/lib/node-esm/chunk-BM37ZAHF.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3267},"dist/lib/node-esm/chunk-BM37ZAHF.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-47QYKNA6.mjs","kind":"import-statement"},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/echo-schema","kind":"import-statement","external":true},{"path":"effect","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true}],"exports":["FileType","WnfsAction"],"inputs":{"src/types/file.ts":{"bytesInOutput":320},"src/types/index.ts":{"bytesInOutput":0},"src/types/types.ts":{"bytesInOutput":1197}},"bytes":1790},"dist/lib/node-esm/chunk-47QYKNA6.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":713},"dist/lib/node-esm/chunk-47QYKNA6.mjs":{"imports":[],"exports":["WNFS_PLUGIN","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":292}},"bytes":479}}}

package/dist/lib/node-esm/react-surface-HAOUJUXJ.mjs

@@ -0,0 +1,89 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  FileType,
+  WnfsAction
+} from "./chunk-BM37ZAHF.mjs";
+import {
+  WNFS_PLUGIN
+} from "./chunk-47QYKNA6.mjs";
+
+// src/capabilities/react-surface.tsx
+import React2, { useCallback as useCallback2 } from "react";
+import { contributes, Capabilities, createSurface } from "@dxos/app-framework";
+import { Obj } from "@dxos/echo";
+import { findAnnotation as findAnnotation2 } from "@dxos/effect";
+
+// src/components/index.ts
+import { lazy } from "react";
+
+// src/components/FileInput.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useCallback } from "react";
+import { useDropzone } from "react-dropzone";
+import { findAnnotation } from "@dxos/effect";
+import { useTranslation } from "@dxos/react-ui";
+import { mx } from "@dxos/react-ui-theme";
+var FileInput = ({ schema, onChange }) => {
+  var _effect = _useSignals();
+  try {
+    const { t } = useTranslation(WNFS_PLUGIN);
+    const accept = findAnnotation(schema.ast, WnfsAction.UploadAnnotationId);
+    const onDropAccepted = useCallback((files) => onChange?.(files[0]), [
+      onChange
+    ]);
+    const { acceptedFiles, getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone({
+      multiple: false,
+      accept,
+      onDropAccepted
+    });
+    return /* @__PURE__ */ React.createElement("div", {
+      ...getRootProps(),
+      className: mx("flex flex-col items-center p-8 border border-separator", isFocused && "focus-ring", isDragAccept && "bg-attention", isDragReject && "border-error")
+    }, /* @__PURE__ */ React.createElement("input", getInputProps()), acceptedFiles[0] ? /* @__PURE__ */ React.createElement("p", null, acceptedFiles[0].name) : /* @__PURE__ */ React.createElement("p", null, t("file input placeholder")));
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/components/index.ts
+var FileContainer = lazy(() => import("./FileContainer-22IPNDDA.mjs"));
+
+// src/capabilities/react-surface.tsx
+var react_surface_default = () => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: `${WNFS_PLUGIN}/article`,
+    role: [
+      "article",
+      "section",
+      "slide"
+    ],
+    filter: (data) => Obj.instanceOf(FileType, data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React2.createElement(FileContainer, {
+      role,
+      file: data.subject
+    })
+  }),
+  createSurface({
+    id: `${WNFS_PLUGIN}/create-form`,
+    role: "form-input",
+    filter: (data) => {
+      const annotation = findAnnotation2(data.schema.ast, WnfsAction.UploadAnnotationId);
+      return !!annotation;
+    },
+    component: ({ data: { prop, schema }, ...props }) => {
+      const inputProps = props;
+      const handleChange = useCallback2((file) => inputProps.onValueChange?.("object", file), [
+        prop,
+        inputProps.onValueChange
+      ]);
+      return /* @__PURE__ */ React2.createElement(FileInput, {
+        schema,
+        onChange: handleChange
+      });
+    }
+  })
+]);
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-HAOUJUXJ.mjs.map

package/dist/lib/node-esm/react-surface-HAOUJUXJ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/index.ts", "../../../src/components/FileInput.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Schema } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport { contributes, Capabilities, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { findAnnotation } from '@dxos/effect';\nimport { type InputProps } from '@dxos/react-ui-form';\n\nimport { FileContainer, FileInput } from '../components';\nimport { WNFS_PLUGIN } from '../meta';\nimport { FileType, WnfsAction } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${WNFS_PLUGIN}/article`,\n      role: ['article', 'section', 'slide'],\n      filter: (data): data is { subject: FileType } => Obj.instanceOf(FileType, data.subject),\n      component: ({ data, role }) => <FileContainer role={role} file={data.subject} />,\n    }),\n    createSurface({\n      id: `${WNFS_PLUGIN}/create-form`,\n      role: 'form-input',\n      filter: (data): data is { prop: string; schema: Schema.Schema.Any } => {\n        const annotation = findAnnotation<boolean>(\n          (data.schema as Schema.Schema.All).ast,\n          WnfsAction.UploadAnnotationId,\n        );\n        return !!annotation;\n      },\n      component: ({ data: { prop, schema }, ...props }) => {\n        const inputProps = props as unknown as InputProps;\n        const handleChange = useCallback(\n          (file: File) => inputProps.onValueChange?.('object', file),\n          [prop, inputProps.onValueChange],\n        );\n\n        return <FileInput schema={schema} onChange={handleChange} />;\n      },\n    }),\n  ]);\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const FileContainer = lazy(() => import('./FileContainer'));\n\nexport * from './FileInput';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Schema } from 'effect';\nimport React, { useCallback } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { findAnnotation } from '@dxos/effect';\nimport { useTranslation } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { WNFS_PLUGIN } from '../meta';\nimport { WnfsAction } from '../types';\n\nexport type FileInputProps = {\n  schema: Schema.Schema.Any;\n  onChange: (file: File) => void;\n};\n\nexport const FileInput = ({ schema, onChange }: FileInputProps) => {\n  const { t } = useTranslation(WNFS_PLUGIN);\n  const accept = findAnnotation<Record<string, string[]>>(schema.ast, WnfsAction.UploadAnnotationId);\n\n  const onDropAccepted = useCallback((files: File[]) => onChange?.(files[0]), [onChange]);\n\n  const { acceptedFiles, getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone({\n    multiple: false,\n    accept,\n    onDropAccepted,\n  });\n\n  return (\n    <div\n      {...getRootProps()}\n      className={mx(\n        'flex flex-col items-center p-8 border border-separator',\n        isFocused && 'focus-ring',\n        isDragAccept && 'bg-attention',\n        isDragReject && 'border-error',\n      )}\n    >\n      <input {...getInputProps()} />\n      {acceptedFiles[0] ? <p>{acceptedFiles[0].name}</p> : <p>{t('file input placeholder')}</p>}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;AAKA,OAAOA,UAASC,eAAAA,oBAAmB;AAEnC,SAASC,aAAaC,cAAcC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,kBAAAA,uBAAsB;;;ACL/B,SAASC,YAAY;;;;ACCrB,OAAOC,SAASC,mBAAmB;AACnC,SAASC,mBAAmB;AAE5B,SAASC,sBAAsB;AAC/B,SAASC,sBAAsB;AAC/B,SAASC,UAAU;AAUZ,IAAMC,YAAY,CAAC,EAAEC,QAAQC,SAAQ,MAAkB;;;AAC5D,UAAM,EAAEC,EAAC,IAAKC,eAAeC,WAAAA;AAC7B,UAAMC,SAASC,eAAyCN,OAAOO,KAAKC,WAAWC,kBAAkB;AAEjG,UAAMC,iBAAiBC,YAAY,CAACC,UAAkBX,WAAWW,MAAM,CAAA,CAAE,GAAG;MAACX;KAAS;AAEtF,UAAM,EAAEY,eAAeC,cAAcC,eAAeC,WAAWC,cAAcC,aAAY,IAAKC,YAAY;MACxGC,UAAU;MACVf;MACAK;IACF,CAAA;AAEA,WACE,sBAAA,cAACW,OAAAA;MACE,GAAGP,aAAAA;MACJQ,WAAWC,GACT,0DACAP,aAAa,cACbC,gBAAgB,gBAChBC,gBAAgB,cAAA;OAGlB,sBAAA,cAACM,SAAUT,cAAAA,CAAAA,GACVF,cAAc,CAAA,IAAK,sBAAA,cAACY,KAAAA,MAAGZ,cAAc,CAAA,EAAGa,IAAI,IAAQ,sBAAA,cAACD,KAAAA,MAAGvB,EAAE,wBAAA,CAAA,CAAA;;;;AAGjE;;;ADxCO,IAAMyB,gBAAgBC,KAAK,MAAM,OAAO,8BAAA,CAAA;;;ADU/C,IAAA,wBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAI,GAAGC,WAAAA;IACPC,MAAM;MAAC;MAAW;MAAW;;IAC7BC,QAAQ,CAACC,SAAwCC,IAAIC,WAAWC,UAAUH,KAAKI,OAAO;IACtFC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,gBAAAQ,OAAA,cAACC,eAAAA;MAAcT;MAAYU,MAAMR,KAAKI;;EACvE,CAAA;EACAT,cAAc;IACZC,IAAI,GAAGC,WAAAA;IACPC,MAAM;IACNC,QAAQ,CAACC,SAAAA;AACP,YAAMS,aAAaC,gBAChBV,KAAKW,OAA6BC,KACnCC,WAAWC,kBAAkB;AAE/B,aAAO,CAAC,CAACL;IACX;IACAJ,WAAW,CAAC,EAAEL,MAAM,EAAEe,MAAMJ,OAAM,GAAI,GAAGK,MAAAA,MAAO;AAC9C,YAAMC,aAAaD;AACnB,YAAME,eAAeC,aACnB,CAACX,SAAeS,WAAWG,gBAAgB,UAAUZ,IAAAA,GACrD;QAACO;QAAME,WAAWG;OAAc;AAGlC,aAAO,gBAAAd,OAAA,cAACe,WAAAA;QAAUV;QAAgBW,UAAUJ;;IAC9C;EACF,CAAA;CACD;",
+  "names": ["React", "useCallback", "contributes", "Capabilities", "createSurface", "Obj", "findAnnotation", "lazy", "React", "useCallback", "useDropzone", "findAnnotation", "useTranslation", "mx", "FileInput", "schema", "onChange", "t", "useTranslation", "WNFS_PLUGIN", "accept", "findAnnotation", "ast", "WnfsAction", "UploadAnnotationId", "onDropAccepted", "useCallback", "files", "acceptedFiles", "getRootProps", "getInputProps", "isFocused", "isDragAccept", "isDragReject", "useDropzone", "multiple", "div", "className", "mx", "input", "p", "name", "FileContainer", "lazy", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "WNFS_PLUGIN", "role", "filter", "data", "Obj", "instanceOf", "FileType", "subject", "component", "React", "FileContainer", "file", "annotation", "findAnnotation", "schema", "ast", "WnfsAction", "UploadAnnotationId", "prop", "props", "inputProps", "handleChange", "useCallback", "onValueChange", "FileInput", "onChange"]
+}

package/dist/lib/node-esm/types/index.mjs

@@ -0,0 +1,11 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  FileType,
+  WnfsAction
+} from "../chunk-BM37ZAHF.mjs";
+import "../chunk-47QYKNA6.mjs";
+export {
+  FileType,
+  WnfsAction
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/types/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/types/src/components/FileContainer.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
 import { type FileType } from '../types';
-declare const FileContainer: ({ file, role }: {
-    file: FileType;
+export type FileContainerProps = {
     role: string;
-}) => React.JSX.Element | null;
+    file: FileType;
+};
+export declare const FileContainer: ({ role, file }: FileContainerProps) => React.JSX.Element | null;
 export default FileContainer;
 //# sourceMappingURL=FileContainer.d.ts.map

package/dist/types/src/components/FileContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/FileContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,QAAA,MAAM,aAAa,GAAI,gBAAgB;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,6BA2BtE,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"FileContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/FileContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,gBAAgB,kBAAkB,6BA2B/D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/types/src/components/index.d.ts

@@ -1,6 +1,3 @@
-export declare const FileContainer: import("react").LazyExoticComponent<({ file, role }: {
-    file: import("../types").FileType;
-    role: string;
-}) => import("react").JSX.Element | null>;
+export declare const FileContainer: import("react").LazyExoticComponent<({ role, file }: import("./FileContainer").FileContainerProps) => import("react").JSX.Element | null>;
 export * from './FileInput';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa;;;yCAAwC,CAAC;AAEnE,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,2IAAwC,CAAC;AAEnE,cAAc,aAAa,CAAC"}

package/dist/types/src/translations.d.ts

@@ -1,16 +1,16 @@
+import { meta } from './meta';
 import { FileType } from './types';
-declare const _default: {
-    'en-US': {
-        [FileType.typename]: {
-            'typename label': string;
-            'object name placeholder': string;
+export declare const translations: [{
+    readonly 'en-US': {
+        readonly [FileType.typename]: {
+            readonly 'typename label': "File";
+            readonly 'object name placeholder': "New file";
         };
-        "dxos.org/plugin/wnfs": {
-            'plugin name': string;
-            'delete object label': string;
-            'file input placeholder': string;
+        readonly [meta.id]: {
+            readonly 'plugin name': "Files";
+            readonly 'delete object label': "Delete";
+            readonly 'file input placeholder': "Drop a file here, or click to select a file";
         };
     };
-}[];
-export default _default;
+}];
 //# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;;;QAK7B,CAAC,QAAQ,CAAC,QAAQ,CAAC;;;UAGlB;;;;;;;;AANP,wBAcE"}
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,eAAO,MAAM,YAAY;;QAGnB,SAAA,CAAC,QAAQ,CAAC,QAAQ,CAAC;;;UAGlB;QACD,SAAA,CAAC,IAAI,CAAC,EAAE,CAAC;;;;UAIR;;EAGwB,CAAC"}