@dxos/plugin-wnfs 0.8.4-main.f5c0578 → 0.8.4-main.fcfe5033a5

package/dist/lib/browser/markdown-RAGCVYGE.mjs

@@ -1,198 +0,0 @@
-import {
-  getBlobUrl,
-  getPathFromUrl,
-  loadWnfs
-} from "./chunk-D6VTEQIE.mjs";
-import {
-  WnfsCapabilities
-} from "./chunk-KZANQHJY.mjs";
-import "./chunk-VDDGZWAY.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 {
-  _wnfsUrl;
-  _url;
-  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-RAGCVYGE.mjs.map

package/dist/lib/browser/markdown-RAGCVYGE.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/markdown.ts", "../../../src/extensions/image.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PluginContext, contributes } from '@dxos/app-framework';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { image } from '../extensions';\n\nimport { WnfsCapabilities } from './capabilities';\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, type Range, StateField } 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/browser/react-surface-HGWZDLP2.mjs

@@ -1,88 +0,0 @@
-import {
-  FileType,
-  WnfsAction
-} from "./chunk-CW4BENRQ.mjs";
-import {
-  WNFS_PLUGIN
-} from "./chunk-VDDGZWAY.mjs";
-
-// src/capabilities/react-surface.tsx
-import React2, { useCallback as useCallback2 } from "react";
-import { Capabilities, contributes, 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-LTKYOYSO.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-HGWZDLP2.mjs.map

package/dist/lib/browser/react-surface-HGWZDLP2.mjs.map

@@ -1,7 +0,0 @@
-{
-  "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 { Capabilities, contributes, 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,cAAcC,aAAaC,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", "Capabilities", "contributes", "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/types/src/capabilities/capabilities.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"capabilities.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/capabilities.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,MAAM,CAAC;AAGjE,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,YAAY,CAAC;AAI1C,yBAAiB,gBAAgB,CAAC;IACzB,MAAM,UAAU,wFAAuE,CAAC;IAE/F,KAAY,SAAS,GAAG,MAAM,CAAC,OAAO,EAAE;QAAE,SAAS,EAAE,gBAAgB,CAAC;QAAC,MAAM,EAAE,aAAa,CAAA;KAAE,CAAC,CAAC;IACzF,MAAM,SAAS,uDAAqE,CAAC;CAC7F"}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -1,4 +0,0 @@
-import { Capabilities, type PluginContext } from '@dxos/app-framework';
-declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<Capabilities.IntentResolver>;
-export default _default;
-//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAA+B,MAAM,qBAAqB,CAAC;yBAQpF,SAAS,aAAa;AAAtC,wBAoBK"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/FileContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,UAAU,kBAAkB,6BA2BzD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"FileInput.d.ts","sourceRoot":"","sources":["../../../../src/components/FileInput.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,QAAQ,CAAC;AACrC,OAAO,KAAsB,MAAM,OAAO,CAAC;AAU3C,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sBAAsB,cAAc,sBA0B7D,CAAC"}

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type FilePreviewProps = ThemedClassName<{
-    type: string;
-    url: string;
-}>;
-/**
- * File/content preview iframe.
- */
-export declare const FilePreview: ({ type, url, classNames }: FilePreviewProps) => React.JSX.Element;
-//# sourceMappingURL=FilePreview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/components/FilePreview.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,MAAM,MAAM,gBAAgB,GAAG,eAAe,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE9E;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,2BAA2B,gBAAgB,sBAQtE,CAAC"}

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

@@ -1,16 +0,0 @@
-import { Schema } from 'effect';
-declare const FileType_base: import("@dxos/echo-schema").TypedObjectPrototype<import("@dxos/echo-schema").TypedObjectFields<{
-    name: Schema.optional<typeof Schema.String>;
-    type: typeof Schema.String;
-    cid: typeof Schema.String;
-    timestamp: Schema.optional<typeof Schema.String>;
-}, import("@dxos/echo-schema").TypedObjectOptions>, Schema.Struct.Encoded<{
-    name: Schema.optional<typeof Schema.String>;
-    type: typeof Schema.String;
-    cid: typeof Schema.String;
-    timestamp: Schema.optional<typeof Schema.String>;
-}>>;
-export declare class FileType extends FileType_base {
-}
-export {};
-//# sourceMappingURL=file.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../../../src/types/file.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;AAIhC,qBAAa,QAAS,SAAQ,aAQ5B;CAAG"}

package/src/capabilities/intent-resolver.ts

@@ -1,33 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-
-import { upload } from '../helpers';
-import { FileType, WnfsAction } from '../types';
-
-import { WnfsCapabilities } from './capabilities';
-
-export default (context: PluginContext) =>
-  contributes(Capabilities.IntentResolver, [
-    // TODO(wittjosiah): Deleting the object doesn't delete the wnfs blob.
-    //  Consider ways to trigger blob deletion based on object deletion and/or adding file system manager.
-    createResolver({
-      intent: WnfsAction.Create,
-      resolve: ({ name, type, cid }) => ({
-        data: {
-          object: Obj.make(FileType, { name, type, cid }),
-        },
-      }),
-    }),
-    createResolver({
-      intent: WnfsAction.Upload,
-      resolve: async ({ file, space }) => {
-        const blockstore = context.getCapability(WnfsCapabilities.Blockstore);
-        const info = await upload({ file, blockstore, space });
-        return { data: info };
-      },
-    }),
-  ]);

package/src/components/FileContainer.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useEffect, useState } from 'react';
-
-import { useCapability } from '@dxos/app-framework';
-import { invariant } from '@dxos/invariant';
-import { getSpace } from '@dxos/react-client/echo';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { WnfsCapabilities } from '../capabilities';
-import { filePath, getBlobUrl, loadWnfs, wnfsUrl } from '../helpers';
-import { type FileType } from '../types';
-
-import { FilePreview } from './FilePreview';
-
-export type FileContainerProps = {
-  role: string;
-  file: FileType;
-};
-
-export const FileContainer = ({ file }: FileContainerProps) => {
-  const blockstore = useCapability(WnfsCapabilities.Blockstore);
-  const instances = useCapability(WnfsCapabilities.Instances);
-  const [blobUrl, setBlobUrl] = useState<string>();
-
-  useEffect(() => {
-    const timeout = setTimeout(async () => {
-      const space = getSpace(file);
-      invariant(space);
-      const { directory, forest } = await loadWnfs({ blockstore, instances, space });
-      const path = filePath(file.cid.toString(), space);
-      const url = await getBlobUrl({ wnfsUrl: wnfsUrl(path), blockstore, directory, forest, type: file.type });
-      setBlobUrl(url);
-    });
-
-    return () => clearTimeout(timeout);
-  }, [file]);
-
-  if (!blobUrl) {
-    return null;
-  }
-
-  return (
-    <StackItem.Content>
-      <FilePreview type={file.type} url={blobUrl} />
-    </StackItem.Content>
-  );
-};
-
-export default FileContainer;

package/src/components/FilePreview.tsx

@@ -1,23 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type ThemedClassName } from '@dxos/react-ui';
-import { mx } from '@dxos/react-ui-theme';
-
-export type FilePreviewProps = ThemedClassName<{ type: string; url: string }>;
-
-/**
- * File/content preview iframe.
- */
-export const FilePreview = ({ type, url, classNames }: FilePreviewProps) => {
-  if (type.startsWith('image/')) {
-    return <img className={mx('w-full h-full object-contain', classNames)} src={url} />;
-  } else if (type.startsWith('video/')) {
-    return <video className={mx('w-full h-full object-contain', classNames)} src={url} controls />;
-  } else {
-    return <iframe className={mx('w-full h-full overflow-auto', classNames)} src={url} />;
-  }
-};

package/src/types/file.ts

@@ -1,17 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { Schema } from 'effect';
-
-import { TypedObject } from '@dxos/echo-schema';
-
-export class FileType extends TypedObject({
-  typename: 'dxos.org/type/File',
-  version: '0.1.0',
-})({
-  name: Schema.optional(Schema.String),
-  type: Schema.String,
-  cid: Schema.String,
-  timestamp: Schema.optional(Schema.String),
-}) {}