@dxos/plugin-wnfs 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-wnfs",
-  "version": "0.8.4-main.406dc2a",
+  "version": "0.8.4-main.548089c",
   "description": "WNFS file management plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -48,39 +48,39 @@
     "react-dropzone": "^14.2.3",
     "uint8arrays": "^5.1.0",
     "wnfs": "0.2.2",
-    "@dxos/app-framework": "0.8.4-main.406dc2a",
-    "@dxos/echo": "0.8.4-main.406dc2a",
-    "@dxos/effect": "0.8.4-main.406dc2a",
-    "@dxos/invariant": "0.8.4-main.406dc2a",
-    "@dxos/log": "0.8.4-main.406dc2a",
-    "@dxos/plugin-client": "0.8.4-main.406dc2a",
-    "@dxos/local-storage": "0.8.4-main.406dc2a",
-    "@dxos/react-client": "0.8.4-main.406dc2a",
-    "@dxos/plugin-space": "0.8.4-main.406dc2a",
-    "@dxos/react-ui": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-editor": "0.8.4-main.406dc2a",
-    "@dxos/crypto": "0.8.4-main.406dc2a",
-    "@dxos/plugin-markdown": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-stack": "0.8.4-main.406dc2a",
-    "@dxos/util": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-form": "0.8.4-main.406dc2a"
+    "@dxos/app-framework": "0.8.4-main.548089c",
+    "@dxos/crypto": "0.8.4-main.548089c",
+    "@dxos/echo": "0.8.4-main.548089c",
+    "@dxos/invariant": "0.8.4-main.548089c",
+    "@dxos/effect": "0.8.4-main.548089c",
+    "@dxos/log": "0.8.4-main.548089c",
+    "@dxos/local-storage": "0.8.4-main.548089c",
+    "@dxos/plugin-markdown": "0.8.4-main.548089c",
+    "@dxos/plugin-client": "0.8.4-main.548089c",
+    "@dxos/plugin-space": "0.8.4-main.548089c",
+    "@dxos/react-client": "0.8.4-main.548089c",
+    "@dxos/react-ui": "0.8.4-main.548089c",
+    "@dxos/react-ui-editor": "0.8.4-main.548089c",
+    "@dxos/react-ui-form": "0.8.4-main.548089c",
+    "@dxos/react-ui-stack": "0.8.4-main.548089c",
+    "@dxos/util": "0.8.4-main.548089c"
   },
   "devDependencies": {
     "@types/react": "~19.2.2",
-    "@types/react-dom": "~19.2.1",
+    "@types/react-dom": "~19.2.2",
     "react": "~19.2.0",
     "react-dom": "~19.2.0",
     "vite": "7.1.9",
-    "@dxos/random": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-theme": "0.8.4-main.406dc2a",
-    "@dxos/storybook-utils": "0.8.4-main.406dc2a"
+    "@dxos/random": "0.8.4-main.548089c",
+    "@dxos/react-ui-theme": "0.8.4-main.548089c",
+    "@dxos/storybook-utils": "0.8.4-main.548089c"
   },
   "peerDependencies": {
     "effect": "^3.13.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@dxos/react-ui": "0.8.4-main.406dc2a",
-    "@dxos/react-ui-theme": "0.8.4-main.406dc2a"
+    "@dxos/react-ui": "0.8.4-main.548089c",
+    "@dxos/react-ui-theme": "0.8.4-main.548089c"
   },
   "publishConfig": {
     "access": "public"

package/src/WnfsPlugin.tsx

@@ -21,7 +21,7 @@ import { defineObjectForm } from '@dxos/plugin-space/types';
 import { Blockstore, FileUploader, IntentResolver, Markdown, ReactSurface, WnfsCapabilities } from './capabilities';
 import { meta } from './meta';
 import { translations } from './translations';
-import { FileType, WnfsAction } from './types';
+import { WnfsAction, WnfsFile } from './types';
 
 export const WnfsPlugin = definePlugin(meta, () => [
   defineModule({
@@ -47,11 +47,11 @@ export const WnfsPlugin = definePlugin(meta, () => [
     activatesOn: Events.SetupMetadata,
     activate: () =>
       contributes(Capabilities.Metadata, {
-        id: FileType.typename,
+        id: WnfsFile.File.typename,
         metadata: {
-          label: (object: any) => (object instanceof FileType ? object.name : undefined),
           // TODO(wittjosiah): Would be nice if icon could change based on the type of the file.
           icon: 'ph--file--regular',
+          iconHue: 'teal',
         },
       }),
   }),
@@ -62,7 +62,7 @@ export const WnfsPlugin = definePlugin(meta, () => [
       contributes(
         SpaceCapabilities.ObjectForm,
         defineObjectForm({
-          objectSchema: FileType,
+          objectSchema: WnfsFile.File,
           formSchema: WnfsAction.UploadFileSchema,
           getIntent: (props, options) =>
             Function.pipe(

package/src/capabilities/file-uploader.ts

@@ -11,14 +11,14 @@ import { SpaceAction } from '@dxos/plugin-space/types';
 import { WnfsAction } from '../types';
 
 export default (context: PluginContext) => {
-  return contributes(Capabilities.FileUploader, (file, space) => {
+  return contributes(Capabilities.FileUploader, (space, file) => {
     const { dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-
     const program = Effect.gen(function* () {
-      const fileInfo = yield* dispatch(createIntent(WnfsAction.Upload, { file, space }));
+      const fileInfo = yield* dispatch(createIntent(WnfsAction.Upload, { space, file }));
       yield* dispatch(
         Function.pipe(createIntent(WnfsAction.Create, fileInfo), chain(SpaceAction.AddObject, { target: space })),
       );
+
       return fileInfo;
     });
 

package/src/capabilities/intent-resolver.ts

@@ -3,10 +3,9 @@
 //
 
 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 { WnfsAction, WnfsFile } from '../types';
 
 import { WnfsCapabilities } from './capabilities';
 
@@ -18,7 +17,7 @@ export default (context: PluginContext) =>
       intent: WnfsAction.Create,
       resolve: ({ name, type, cid }) => ({
         data: {
-          object: Obj.make(FileType, { name, type, cid }),
+          object: WnfsFile.make({ name, type, cid }),
         },
       }),
     }),

package/src/capabilities/react-surface.tsx

@@ -12,14 +12,14 @@ import { type InputProps } from '@dxos/react-ui-form';
 
 import { FileContainer, FileInput } from '../components';
 import { meta } from '../meta';
-import { FileType, WnfsAction } from '../types';
+import { WnfsAction, WnfsFile } from '../types';
 
 export default () =>
   contributes(Capabilities.ReactSurface, [
     createSurface({
       id: `${meta.id}/article`,
       role: ['article', 'section', 'slide'],
-      filter: (data): data is { subject: FileType } => Obj.instanceOf(FileType, data.subject),
+      filter: (data): data is { subject: WnfsFile.File } => Obj.instanceOf(WnfsFile.File, data.subject),
       component: ({ data, role }) => <FileContainer role={role} file={data.subject} />,
     }),
     createSurface({

package/src/components/FileContainer.tsx

@@ -4,7 +4,7 @@
 
 import React, { useState } from 'react';
 
-import { useCapability } from '@dxos/app-framework';
+import { useCapability } from '@dxos/app-framework/react';
 import { invariant } from '@dxos/invariant';
 import { getSpace } from '@dxos/react-client/echo';
 import { useAsyncEffect } from '@dxos/react-ui';
@@ -12,13 +12,13 @@ import { StackItem } from '@dxos/react-ui-stack';
 
 import { WnfsCapabilities } from '../capabilities';
 import { filePath, getBlobUrl, loadWnfs, wnfsUrl } from '../helpers';
-import { type FileType } from '../types';
+import { type WnfsFile } from '../types';
 
 import { FilePreview } from './FilePreview';
 
 export type FileContainerProps = {
   role: string;
-  file: FileType;
+  file: WnfsFile.File;
 };
 
 export const FileContainer = ({ file }: FileContainerProps) => {
@@ -29,9 +29,19 @@ export const FileContainer = ({ file }: FileContainerProps) => {
   useAsyncEffect(async () => {
     const space = getSpace(file);
     invariant(space);
-    const { directory, forest } = await loadWnfs({ blockstore, instances, 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 });
+    const url = await getBlobUrl({
+      wnfsUrl: wnfsUrl(path),
+      blockstore,
+      directory,
+      forest,
+      type: file.type,
+    });
     setBlobUrl(url);
   }, [file]);
 

package/src/components/FilePreview.tsx

@@ -14,10 +14,10 @@ export type FilePreviewProps = ThemedClassName<{ type: string; url: string }>;
  */
 export const FilePreview = ({ type, url, classNames }: FilePreviewProps) => {
   if (type.startsWith('image/')) {
-    return <img className={mx('w-full h-full object-contain', classNames)} src={url} />;
+    return <img className={mx('is-full bs-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 />;
+    return <video className={mx('is-full bs-full object-contain', classNames)} src={url} controls />;
   } else {
-    return <iframe className={mx('w-full h-full overflow-auto', classNames)} src={url} />;
+    return <iframe className={mx('is-full bs-full overflow-auto', classNames)} src={url} />;
   }
 };

package/src/extensions/image.tsx

@@ -165,11 +165,11 @@ class WnfsImageWidget extends WidgetType {
     super();
   }
 
-  override eq(other: this): boolean {
-    return this._wnfsUrl === (other as any as WnfsImageWidget)._wnfsUrl;
+  override eq(other: this) {
+    return this._wnfsUrl === other._wnfsUrl;
   }
 
-  override toDOM(view: EditorView): HTMLDivElement {
+  override toDOM(view: EditorView) {
     if (typeof this._url === 'string') {
       return createImg(view, this._url);
     }

package/src/meta.ts

@@ -3,11 +3,16 @@
 //
 
 import { type PluginMeta } from '@dxos/app-framework';
+import { trim } from '@dxos/util';
 
 export const meta: PluginMeta = {
   id: 'dxos.org/plugin/wnfs',
   name: 'WNFS',
-  description: 'Manage and view files with via the Web Native File System (WNFS).',
+  description: trim`
+    Decentralized file storage using the Web Native File System protocol.
+    Store and sync files with end-to-end encryption across devices without central servers.
+  `,
   icon: 'ph--file-cloud--regular',
+  iconHue: 'teal',
   source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-wnfs',
 };

package/src/translations.ts

@@ -5,12 +5,12 @@
 import { type Resource } from '@dxos/react-ui';
 
 import { meta } from './meta';
-import { FileType } from './types';
+import { WnfsFile } from './types';
 
 export const translations = [
   {
     'en-US': {
-      [FileType.typename]: {
+      [WnfsFile.File.typename]: {
         'typename label': 'File',
         'object name placeholder': 'New file',
         'rename object label': 'Rename file',

package/src/types/File.ts

@@ -0,0 +1,24 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import * as Schema from 'effect/Schema';
+
+import { Obj, Type } from '@dxos/echo';
+import { FormAnnotation } from '@dxos/echo/internal';
+
+export const File = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  type: Schema.String.pipe(FormAnnotation.set(false)),
+  cid: Schema.String.pipe(FormAnnotation.set(false)),
+  timestamp: Schema.String.pipe(FormAnnotation.set(false), Schema.optional),
+}).pipe(
+  Type.Obj({
+    typename: 'dxos.org/type/File',
+    version: '0.1.0',
+  }),
+);
+
+export type File = Schema.Schema.Type<typeof File>;
+
+export const make = (props: Obj.MakeProps<typeof File>) => Obj.make(File, props);

package/src/types/index.ts

@@ -2,5 +2,5 @@
 // Copyright 2024 DXOS.org
 //
 
-export * from './file';
+export * as WnfsFile from './File';
 export * from './types';

package/src/types/types.ts

@@ -9,20 +9,20 @@ import { SpaceSchema } from '@dxos/react-client/echo';
 
 import { meta } from '../meta';
 
-import { FileType } from './file';
+import * as File from './File';
 
 export namespace WnfsAction {
   export class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {
     input: FileInfoSchema.pick('name', 'type', 'cid').pipe(Schema.required),
     output: Schema.Struct({
-      object: FileType,
+      object: File.File,
     }),
   }) {}
 
   export const UploadAnnotationId = Symbol.for(`${meta.id}/annotation/upload`);
 
   export const UploadFileSchema = Schema.Struct({
-    file: Schema.instanceOf(File).annotations({
+    file: Schema.instanceOf(File.File).annotations({
       [UploadAnnotationId]: {
         // Accept file types.
         'image/*': ['.jpg', '.jpeg', '.png', '.gif'],

package/dist/lib/browser/FileContainer-A4OJVMVS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/FileContainer.tsx", "../../../src/components/FilePreview.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useState } from 'react';\n\nimport { useCapability } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { useAsyncEffect } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { WnfsCapabilities } from '../capabilities';\nimport { filePath, getBlobUrl, loadWnfs, wnfsUrl } from '../helpers';\nimport { type FileType } from '../types';\n\nimport { FilePreview } from './FilePreview';\n\nexport type FileContainerProps = {\n  role: string;\n  file: FileType;\n};\n\nexport const FileContainer = ({ file }: FileContainerProps) => {\n  const blockstore = useCapability(WnfsCapabilities.Blockstore);\n  const instances = useCapability(WnfsCapabilities.Instances);\n  const [blobUrl, setBlobUrl] = useState<string>();\n\n  useAsyncEffect(async () => {\n    const space = getSpace(file);\n    invariant(space);\n    const { directory, forest } = await loadWnfs({ blockstore, instances, space });\n    const path = filePath(file.cid.toString(), space);\n    const url = await getBlobUrl({ wnfsUrl: wnfsUrl(path), blockstore, directory, forest, type: file.type });\n    setBlobUrl(url);\n  }, [file]);\n\n  if (!blobUrl) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content>\n      <FilePreview type={file.type} url={blobUrl} />\n    </StackItem.Content>\n  );\n};\n\nexport default FileContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nexport type FilePreviewProps = ThemedClassName<{ type: string; url: string }>;\n\n/**\n * File/content preview iframe.\n */\nexport const FilePreview = ({ type, url, classNames }: FilePreviewProps) => {\n  if (type.startsWith('image/')) {\n    return <img className={mx('w-full h-full object-contain', classNames)} src={url} />;\n  } else if (type.startsWith('video/')) {\n    return <video className={mx('w-full h-full object-contain', classNames)} src={url} controls />;\n  } else {\n    return <iframe className={mx('w-full h-full overflow-auto', classNames)} src={url} />;\n  }\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;AAIA,OAAOA,UAASC,gBAAgB;AAEhC,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;;;;ACN1B,OAAOC,WAAW;AAGlB,SAASC,UAAU;AAOZ,IAAMC,cAAc,CAAC,EAAEC,MAAMC,KAAKC,WAAU,MAAoB;;;AACrE,QAAIF,KAAKG,WAAW,QAAA,GAAW;AAC7B,aAAO,sBAAA,cAACC,OAAAA;QAAIC,WAAWC,GAAG,gCAAgCJ,UAAAA;QAAaK,KAAKN;;IAC9E,WAAWD,KAAKG,WAAW,QAAA,GAAW;AACpC,aAAO,sBAAA,cAACK,SAAAA;QAAMH,WAAWC,GAAG,gCAAgCJ,UAAAA;QAAaK,KAAKN;QAAKQ,UAAAA;;IACrF,OAAO;AACL,aAAO,sBAAA,cAACC,UAAAA;QAAOL,WAAWC,GAAG,+BAA+BJ,UAAAA;QAAaK,KAAKN;;IAChF;;;;AACF;;;;ADCO,IAAMU,gBAAgB,CAAC,EAAEC,KAAI,MAAsB;;;AACxD,UAAMC,aAAaC,cAAcC,iBAAiBC,UAAU;AAC5D,UAAMC,YAAYH,cAAcC,iBAAiBG,SAAS;AAC1D,UAAM,CAACC,SAASC,UAAAA,IAAcC,SAAAA;AAE9BC,mBAAe,YAAA;AACb,YAAMC,QAAQC,SAASZ,IAAAA;AACvBa,gBAAUF,OAAAA,QAAAA;;;;;;;;;AACV,YAAM,EAAEG,WAAWC,OAAM,IAAK,MAAMC,SAAS;QAAEf;QAAYI;QAAWM;MAAM,CAAA;AAC5E,YAAMM,OAAOC,SAASlB,KAAKmB,IAAIC,SAAQ,GAAIT,KAAAA;AAC3C,YAAMU,MAAM,MAAMC,WAAW;QAAEC,SAASA,QAAQN,IAAAA;QAAOhB;QAAYa;QAAWC;QAAQS,MAAMxB,KAAKwB;MAAK,CAAA;AACtGhB,iBAAWa,GAAAA;IACb,GAAG;MAACrB;KAAK;AAET,QAAI,CAACO,SAAS;AACZ,aAAO;IACT;AAEA,WACE,gBAAAkB,OAAA,cAACC,UAAUC,SAAO,MAChB,gBAAAF,OAAA,cAACG,aAAAA;MAAYJ,MAAMxB,KAAKwB;MAAMH,KAAKd;;;;;AAGzC;AAEA,IAAA,wBAAeR;",
-  "names": ["React", "useState", "useCapability", "invariant", "getSpace", "useAsyncEffect", "StackItem", "React", "mx", "FilePreview", "type", "url", "classNames", "startsWith", "img", "className", "mx", "src", "video", "controls", "iframe", "FileContainer", "file", "blockstore", "useCapability", "WnfsCapabilities", "Blockstore", "instances", "Instances", "blobUrl", "setBlobUrl", "useState", "useAsyncEffect", "space", "getSpace", "invariant", "directory", "forest", "loadWnfs", "path", "filePath", "cid", "toString", "url", "getBlobUrl", "wnfsUrl", "type", "React", "StackItem", "Content", "FilePreview"]
-}

package/dist/lib/browser/blockstore-HK4IYHJJ.mjs

@@ -1,273 +0,0 @@
-import {
-  storeName
-} from "./chunk-D6VTEQIE.mjs";
-import {
-  WnfsCapabilities
-} from "./chunk-PAIK4SJ3.mjs";
-import "./chunk-FYRZOKHG.mjs";
-
-// src/capabilities/blockstore.ts
-import { contributes } from "@dxos/app-framework";
-import { ClientCapabilities } from "@dxos/plugin-client";
-
-// src/blockstore.ts
-import { CarWriter } from "@ipld/car";
-import { BaseBlockstore } from "blockstore-core";
-import { IDBBlockstore } from "blockstore-idb";
-import debounce from "debounce";
-import * as IDB from "idb-keyval";
-import all from "it-all";
-import { CID } from "multiformats";
-import * as Uint8Arrays from "uint8arrays";
-function _check_private_redeclaration(obj, privateCollection) {
-  if (privateCollection.has(obj)) {
-    throw new TypeError("Cannot initialize the same private elements twice on an object");
-  }
-}
-function _class_apply_descriptor_get(receiver, descriptor) {
-  if (descriptor.get) {
-    return descriptor.get.call(receiver);
-  }
-  return descriptor.value;
-}
-function _class_apply_descriptor_set(receiver, descriptor, value) {
-  if (descriptor.set) {
-    descriptor.set.call(receiver, value);
-  } else {
-    if (!descriptor.writable) {
-      throw new TypeError("attempted to set read only private field");
-    }
-    descriptor.value = value;
-  }
-}
-function _class_extract_field_descriptor(receiver, privateMap, action) {
-  if (!privateMap.has(receiver)) {
-    throw new TypeError("attempted to " + action + " private field on non-instance");
-  }
-  return privateMap.get(receiver);
-}
-function _class_private_field_get(receiver, privateMap) {
-  var descriptor = _class_extract_field_descriptor(receiver, privateMap, "get");
-  return _class_apply_descriptor_get(receiver, descriptor);
-}
-function _class_private_field_init(obj, privateMap, value) {
-  _check_private_redeclaration(obj, privateMap);
-  privateMap.set(obj, value);
-}
-function _class_private_field_set(receiver, privateMap, value) {
-  var descriptor = _class_extract_field_descriptor(receiver, privateMap, "set");
-  _class_apply_descriptor_set(receiver, descriptor, value);
-  return value;
-}
-function _class_private_method_get(receiver, privateSet, fn) {
-  if (!privateSet.has(receiver)) {
-    throw new TypeError("attempted to get private field on non-instance");
-  }
-  return fn;
-}
-function _class_private_method_init(obj, privateSet) {
-  _check_private_redeclaration(obj, privateSet);
-  privateSet.add(obj);
-}
-function _define_property(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var create = (apiHost) => {
-  return new MixedBlockstore(apiHost);
-};
-var _apiHost = /* @__PURE__ */ new WeakMap();
-var _localStore = /* @__PURE__ */ new WeakMap();
-var _isConnected = /* @__PURE__ */ new WeakMap();
-var _flushQueue = /* @__PURE__ */ new WeakMap();
-var _queue = /* @__PURE__ */ new WeakMap();
-var _addToQueue = /* @__PURE__ */ new WeakSet();
-var _flushQueueInt = /* @__PURE__ */ new WeakSet();
-var _restoreQueue = /* @__PURE__ */ new WeakSet();
-var _saveQueue = /* @__PURE__ */ new WeakSet();
-var _createCar = /* @__PURE__ */ new WeakSet();
-var MixedBlockstore = class extends BaseBlockstore {
-  async open() {
-    await _class_private_field_get(this, _localStore).open();
-    await _class_private_method_get(this, _restoreQueue, restoreQueue).call(this);
-    window.addEventListener("offline", async () => {
-      _class_private_field_set(this, _isConnected, false);
-    });
-    window.addEventListener("online", async () => {
-      _class_private_field_set(this, _isConnected, true);
-      _class_private_field_get(this, _flushQueue).call(this);
-    });
-  }
-  url(apiHost, cid) {
-    const path = cid ? cid.toString() : "";
-    return `${apiHost}/api/file${path.length ? "/" + path : ""}`;
-  }
-  // BLOCKSTORE IMPLEMENTATION
-  async delete(key) {
-    await _class_private_field_get(this, _localStore).delete(key);
-    if (_class_private_field_get(this, _isConnected) && _class_private_field_get(this, _apiHost)) {
-      await fetch(this.url(_class_private_field_get(this, _apiHost), key), {
-        method: "DELETE"
-      });
-    }
-  }
-  async get(key) {
-    if (await _class_private_field_get(this, _localStore).has(key)) {
-      return await _class_private_field_get(this, _localStore).get(key);
-    }
-    if (_class_private_field_get(this, _isConnected) && _class_private_field_get(this, _apiHost)) {
-      const block = await fetch(this.url(_class_private_field_get(this, _apiHost), key), {
-        method: "GET"
-      }).then((r) => r.arrayBuffer()).then((r) => new Uint8Array(r));
-      await _class_private_field_get(this, _localStore).put(key, block);
-      return block;
-    }
-    return await _class_private_field_get(this, _localStore).get(key);
-  }
-  async has(key) {
-    if (await _class_private_field_get(this, _localStore).has(key)) {
-      return true;
-    }
-    if (_class_private_field_get(this, _isConnected) && _class_private_field_get(this, _apiHost)) {
-      return await fetch(this.url(_class_private_field_get(this, _apiHost), key), {
-        method: "HEAD"
-      }).then((r) => r.ok);
-    }
-    return false;
-  }
-  async put(key, val) {
-    await _class_private_field_get(this, _localStore).put(key, val);
-    await _class_private_method_get(this, _addToQueue, addToQueue).call(this, key);
-    _class_private_field_get(this, _flushQueue).call(this);
-    return key;
-  }
-  async destroy() {
-    await _class_private_field_get(this, _localStore).destroy();
-  }
-  // REMOTE
-  async putRemote(key, val) {
-    if (_class_private_field_get(this, _apiHost)) {
-      await fetch(this.url(_class_private_field_get(this, _apiHost), key), {
-        method: "POST",
-        body: val
-      });
-    }
-  }
-  async putCarRemote(car) {
-    if (_class_private_field_get(this, _apiHost)) {
-      await fetch(this.url(_class_private_field_get(this, _apiHost)), {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/vnd.ipld.car"
-        },
-        body: car
-      });
-    }
-  }
-  constructor(apiHost) {
-    super(), _class_private_method_init(this, _addToQueue), _class_private_method_init(this, _flushQueueInt), _class_private_method_init(this, _restoreQueue), _class_private_method_init(this, _saveQueue), // 🛠️
-    _class_private_method_init(this, _createCar), _class_private_field_init(this, _apiHost, {
-      writable: true,
-      value: void 0
-    }), _class_private_field_init(this, _localStore, {
-      writable: true,
-      value: void 0
-    }), _class_private_field_init(this, _isConnected, {
-      writable: true,
-      value: void 0
-    }), _class_private_field_init(this, _flushQueue, {
-      writable: true,
-      value: void 0
-    }), _class_private_field_init(this, _queue, {
-      writable: true,
-      value: void 0
-    }), // QUEUE
-    _define_property(this, "queueCacheName", `${storeName()}/state/queue`);
-    _class_private_field_set(this, _apiHost, apiHost ? apiHost.replace(/\/?$/, "") : void 0);
-    _class_private_field_set(this, _localStore, new IDBBlockstore(storeName()));
-    _class_private_field_set(this, _isConnected, navigator.onLine);
-    _class_private_field_set(this, _queue, []);
-    _class_private_field_set(this, _flushQueue, debounce(_class_private_method_get(this, _flushQueueInt, flushQueueInt), 5e3));
-  }
-};
-async function addToQueue(key) {
-  await _class_private_method_get(this, _saveQueue, saveQueue).call(this, [
-    ..._class_private_field_get(this, _queue),
-    key.toString()
-  ]);
-}
-async function flushQueueInt() {
-  if (!_class_private_field_get(this, _isConnected) || !_class_private_field_get(this, _apiHost)) {
-    return;
-  }
-  const keys = [
-    ..._class_private_field_get(this, _queue)
-  ];
-  if (keys.length === 0) {
-    return;
-  }
-  const blocks = await Promise.all(keys.map(async (key) => {
-    const cid = CID.parse(key);
-    const bytes = await _class_private_field_get(this, _localStore).get(cid);
-    return {
-      cid,
-      bytes
-    };
-  }));
-  const car = await _class_private_method_get(this, _createCar, createCar).call(this, blocks);
-  await this.putCarRemote(car);
-  const queue = [
-    ..._class_private_field_get(this, _queue)
-  ].filter((k) => {
-    if (keys.includes(k)) {
-      return false;
-    }
-    return true;
-  });
-  await _class_private_method_get(this, _saveQueue, saveQueue).call(this, queue);
-}
-async function restoreQueue() {
-  const fromCache = await IDB.get(this.queueCacheName);
-  if (fromCache && Array.isArray(fromCache)) {
-    _class_private_field_set(this, _queue, fromCache);
-    _class_private_field_get(this, _flushQueue).call(this);
-  }
-}
-async function saveQueue(items) {
-  const arr = [
-    ...items
-  ];
-  _class_private_field_set(this, _queue, arr);
-  await IDB.set(this.queueCacheName, arr);
-}
-async function createCar(blocks) {
-  const { writer, out } = CarWriter.create();
-  const outPromise = all(out);
-  await Promise.all(blocks.map((block) => {
-    return writer.put(block);
-  }));
-  await writer.close();
-  return Uint8Arrays.concat(await outPromise);
-}
-
-// src/capabilities/blockstore.ts
-var blockstore_default = (async (context) => {
-  const client = context.getCapability(ClientCapabilities.Client);
-  const apiHost = client.config.values.runtime?.services?.edge?.url || "http://localhost:8787";
-  const blockstore = create(apiHost);
-  await blockstore.open();
-  return contributes(WnfsCapabilities.Blockstore, blockstore);
-});
-export {
-  blockstore_default as default
-};
-//# sourceMappingURL=blockstore-HK4IYHJJ.mjs.map

package/dist/lib/browser/chunk-FYRZOKHG.mjs

@@ -1,13 +0,0 @@
-// src/meta.ts
-var meta = {
-  id: "dxos.org/plugin/wnfs",
-  name: "WNFS",
-  description: "Manage and view files with via the Web Native File System (WNFS).",
-  icon: "ph--file-cloud--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-wnfs"
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-FYRZOKHG.mjs.map

package/dist/lib/browser/chunk-FYRZOKHG.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/wnfs',\n  name: 'WNFS',\n  description: 'Manage and view files with via the Web Native File System (WNFS).',\n  icon: 'ph--file-cloud--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-wnfs',\n};\n"],
-  "mappings": ";AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;AACV;",
-  "names": ["meta", "id", "name", "description", "icon", "source"]
-}

package/dist/lib/browser/chunk-QQB5IBX7.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/file.ts", "../../../src/types/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypedObject } from '@dxos/echo/internal';\n\nexport class FileType extends TypedObject({\n  typename: 'dxos.org/type/File',\n  version: '0.1.0',\n})({\n  name: Schema.optional(Schema.String),\n  type: Schema.String,\n  cid: Schema.String,\n  timestamp: Schema.optional(Schema.String),\n}) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { FileInfoSchema } from '@dxos/app-framework';\nimport { SpaceSchema } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\n\nimport { FileType } from './file';\n\nexport namespace WnfsAction {\n  export class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n    input: FileInfoSchema.pick('name', 'type', 'cid').pipe(Schema.required),\n    output: Schema.Struct({\n      object: FileType,\n    }),\n  }) {}\n\n  export const UploadAnnotationId = Symbol.for(`${meta.id}/annotation/upload`);\n\n  export const UploadFileSchema = Schema.Struct({\n    file: Schema.instanceOf(File).annotations({\n      [UploadAnnotationId]: {\n        // Accept file types.\n        'image/*': ['.jpg', '.jpeg', '.png', '.gif'],\n        'application/pdf': ['.pdf'],\n        // TODO(wittjosiah): Add more file types.\n      },\n    }),\n  });\n\n  export type UploadFileForm = Schema.Schema.Type<typeof UploadFileSchema>;\n\n  export class Upload extends Schema.TaggedClass<Upload>()(`${meta.id}/action/upload`, {\n    input: Schema.extend(UploadFileSchema, Schema.Struct({ space: SpaceSchema })),\n    output: Schema.required(FileInfoSchema),\n  }) {}\n}\n"],
-  "mappings": ";;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,mBAAmB;AAErB,IAAMC,WAAN,cAAuBC,YAAY;EACxCC,UAAU;EACVC,SAAS;AACX,CAAA,EAAG;EACDC,MAAaC,gBAAgBC,aAAM;EACnCC,MAAaD;EACbE,KAAYF;EACZG,WAAkBJ,gBAAgBC,aAAM;AAC1C,CAAA,EAAA;AAAI;;;ACZJ,YAAYI,aAAY;AAExB,SAASC,sBAAsB;AAC/B,SAASC,mBAAmB;UAMXC,aAAAA;EACR,MAAMC,eAAsBC,oBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;IACnFC,OAAOC,eAAeC,KAAK,QAAQ,QAAQ,KAAA,EAAOC,KAAYC,gBAAQ;IACtEC,QAAeC,eAAO;MACpBC,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;cALSZ,SAAAA;cAOAa,qBAAqBC,OAAOC,IAAI,GAAGb,KAAKC,EAAE,oBAAoB;cAE9Da,mBAA0BN,eAAO;IAC5CO,MAAaC,mBAAWC,IAAAA,EAAMC,YAAY;MACxC,CAAArB,YAACc,kBAAAA,GAAqB;;QAEpB,WAAW;UAAC;UAAQ;UAAS;UAAQ;;QACrC,mBAAmB;UAAC;;MAEtB;IACF,CAAA;EACF,CAAA;EAIO,MAAMQ,eAAsBpB,oBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;IACnFC,OAAckB,eAAMvB,YAACiB,kBAAyBN,eAAO;MAAEa,OAAOC;IAAY,CAAA,CAAA;IAC1Ef,QAAeD,iBAASH,cAAAA;EAC1B,CAAA,EAAA;EAAI;cAHSgB,SAAAA;AAIf,GA3BiBtB,eAAAA,aAAAA,CAAAA,EAAAA;;",
-  "names": ["Schema", "TypedObject", "FileType", "TypedObject", "typename", "version", "name", "optional", "String", "type", "cid", "timestamp", "Schema", "FileInfoSchema", "SpaceSchema", "WnfsAction", "Create", "TaggedClass", "meta", "id", "input", "FileInfoSchema", "pick", "pipe", "required", "output", "Struct", "object", "FileType", "UploadAnnotationId", "Symbol", "for", "UploadFileSchema", "file", "instanceOf", "File", "annotations", "Upload", "extend", "space", "SpaceSchema"]
-}