@dxos/plugin-wnfs 0.8.4-main.fd6878d → 0.8.4-staging.60fe92afc8

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

@@ -1,12 +0,0 @@
-import { type Blockstore } from 'interface-blockstore';
-import { type PrivateDirectory, type PrivateForest } from 'wnfs';
-import { type SpaceId } from '@dxos/keys';
-export declare namespace WnfsCapabilities {
-    const Blockstore: import("@dxos/app-framework").InterfaceDef<Blockstore<{}, {}, {}, {}, {}, {}, {}, {}>>;
-    type Instances = Record<SpaceId, {
-        directory: PrivateDirectory;
-        forest: PrivateForest;
-    }>;
-    const Instances: import("@dxos/app-framework").InterfaceDef<Instances>;
-}
-//# sourceMappingURL=capabilities.d.ts.map

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/file-uploader.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.FileUploader>;
-export default _default;
-//# sourceMappingURL=file-uploader.d.ts.map

package/dist/types/src/capabilities/file-uploader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-uploader.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/file-uploader.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAAoC,MAAM,qBAAqB,CAAC;yBAKzF,SAAS,aAAa;AAAtC,wBAYE"}

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/capabilities/markdown.d.ts

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

package/dist/types/src/capabilities/markdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/markdown.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAe,MAAM,qBAAqB,CAAC;yBAQtD,SAAS,aAAa;AAAtC,wBAaK"}

package/dist/types/src/capabilities/react-surface.d.ts

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

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAS/E,wBA4BK"}

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

@@ -1,8 +0,0 @@
-import { type Schema } from 'effect';
-import React from 'react';
-export type FileInputProps = {
-    schema: Schema.Schema.Any;
-    onChange: (file: File) => void;
-};
-export declare const FileInput: ({ schema, onChange }: FileInputProps) => React.JSX.Element;
-//# sourceMappingURL=FileInput.d.ts.map

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/components/index.d.ts

@@ -1,3 +0,0 @@
-export declare const FileContainer: import("react").LazyExoticComponent<({ 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 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,qIAAwC,CAAC;AAEnE,cAAc,aAAa,CAAC"}

package/dist/types/src/extensions/image.d.ts

@@ -1,14 +0,0 @@
-import { type Extension } from '@codemirror/state';
-import type { Blockstore } from 'interface-blockstore';
-import { type Space } from '@dxos/react-client/echo';
-import { type WnfsCapabilities } from '../capabilities';
-export type ImageOptions = {
-    blockstore: Blockstore;
-    instances: WnfsCapabilities.Instances;
-    space: Space;
-};
-/**
- * Create WNFS image decorations.
- */
-export declare const image: (options: ImageOptions) => Extension[];
-//# sourceMappingURL=image.d.ts.map

package/dist/types/src/extensions/image.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/extensions/image.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,KAAK,SAAS,EAA0B,MAAM,mBAAmB,CAAC;AAE7F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAIvD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAMrD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAKxD,MAAM,MAAM,YAAY,GAAG;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,gBAAgB,CAAC,SAAS,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,SAAS,YAAY,KAAG,SAAS,EAgDtD,CAAC"}

package/dist/types/src/extensions/image.stories.d.ts

@@ -1,10 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    render: () => React.JSX.Element;
-    decorators: import("@storybook/react").Decorator[];
-};
-export default _default;
-export declare const Default: {};
-//# sourceMappingURL=image.stories.d.ts.map

package/dist/types/src/extensions/image.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.stories.d.ts","sourceRoot":"","sources":["../../../../src/extensions/image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAGrB,OAAO,KAAgD,MAAM,OAAO,CAAC;;;;;;AAuFrE,wBAIE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

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

@@ -1,2 +0,0 @@
-export * from './image';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/extensions/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,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/dist/types/src/types/types.d.ts

@@ -1,51 +0,0 @@
-import { Schema } from 'effect';
-import { FileType } from './file';
-export declare namespace WnfsAction {
-    const Create_base: Schema.TaggedClass<Create, "dxos.org/plugin/wnfs/action/create", {
-        readonly _tag: Schema.tag<"dxos.org/plugin/wnfs/action/create">;
-    } & {
-        input: Schema.SchemaClass<{
-            readonly name: string;
-            readonly type: string;
-            readonly cid: string;
-        }, {
-            readonly name: string;
-            readonly type: string;
-            readonly cid: string;
-        }, never>;
-        output: Schema.Struct<{
-            object: typeof FileType;
-        }>;
-    }>;
-    export class Create extends Create_base {
-    }
-    export const UploadAnnotationId: unique symbol;
-    export const UploadFileSchema: Schema.Struct<{
-        file: Schema.instanceOf<File>;
-    }>;
-    export type UploadFileForm = Schema.Schema.Type<typeof UploadFileSchema>;
-    const Upload_base: Schema.TaggedClass<Upload, "dxos.org/plugin/wnfs/action/upload", {
-        readonly _tag: Schema.tag<"dxos.org/plugin/wnfs/action/upload">;
-    } & {
-        input: Schema.extend<Schema.Struct<{
-            file: Schema.instanceOf<File>;
-        }>, Schema.Struct<{
-            space: Schema.Schema<import("@dxos/client-protocol").Space, import("@dxos/client-protocol").Space, never>;
-        }>>;
-        output: Schema.SchemaClass<{
-            readonly name: string;
-            readonly type: string;
-            readonly cid: string;
-            readonly url: string;
-        }, {
-            readonly name: string;
-            readonly type: string;
-            readonly cid: string;
-            readonly url: string;
-        }, never>;
-    }>;
-    export class Upload extends Upload_base {
-    }
-    export {};
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAOhC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,yBAAiB,UAAU,CAAC;;;;;;;;;;;;;;;;;IAC1B,MAAM,OAAO,MAAO,SAAQ,WAK1B;KAAG;IAEL,MAAM,CAAC,MAAM,kBAAkB,eAAiD,CAAC;IAEjF,MAAM,CAAC,MAAM,gBAAgB;;MAS3B,CAAC;IAEH,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,gBAAgB,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;IAEzE,MAAM,OAAO,MAAO,SAAQ,WAG1B;KAAG;;CACN"}

package/src/capabilities/capabilities.ts

@@ -1,18 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Blockstore } from 'interface-blockstore';
-import { type PrivateDirectory, type PrivateForest } from 'wnfs';
-
-import { defineCapability } from '@dxos/app-framework';
-import { type SpaceId } from '@dxos/keys';
-
-import { WNFS_PLUGIN } from '../meta';
-
-export namespace WnfsCapabilities {
-  export const Blockstore = defineCapability<Blockstore>(`${WNFS_PLUGIN}/capability/blockstore`);
-
-  export type Instances = Record<SpaceId, { directory: PrivateDirectory; forest: PrivateForest }>;
-  export const Instances = defineCapability<Instances>(`${WNFS_PLUGIN}/capability/instances`);
-}

package/src/capabilities/file-uploader.ts

@@ -1,24 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Effect, pipe } from 'effect';
-
-import { Capabilities, type PluginContext, chain, contributes, createIntent } from '@dxos/app-framework';
-import { SpaceAction } from '@dxos/plugin-space/types';
-
-import { WnfsAction } from '../types';
-
-export default (context: PluginContext) => {
-  return contributes(Capabilities.FileUploader, (file, space) => {
-    const { dispatch } = context.getCapability(Capabilities.IntentDispatcher);
-
-    const program = Effect.gen(function* () {
-      const fileInfo = yield* dispatch(createIntent(WnfsAction.Upload, { file, space }));
-      yield* dispatch(pipe(createIntent(WnfsAction.Create, fileInfo), chain(SpaceAction.AddObject, { target: space })));
-      return fileInfo;
-    });
-
-    return Effect.runPromise(program);
-  });
-};

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/capabilities/markdown.ts

@@ -1,26 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type PluginContext, contributes } from '@dxos/app-framework';
-import { MarkdownCapabilities } from '@dxos/plugin-markdown';
-import { getSpace } from '@dxos/react-client/echo';
-
-import { image } from '../extensions';
-
-import { WnfsCapabilities } from './capabilities';
-
-export default (context: PluginContext) =>
-  contributes(MarkdownCapabilities.Extensions, [
-    ({ document }) => {
-      const blockstore = context.getCapability(WnfsCapabilities.Blockstore);
-      const instances = context.getCapability(WnfsCapabilities.Instances);
-
-      if (document) {
-        const space = getSpace(document);
-        return space ? [image({ blockstore, instances, space })] : [];
-      }
-
-      return [];
-    },
-  ]);

package/src/capabilities/react-surface.tsx

@@ -1,45 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Schema } from 'effect';
-import React, { useCallback } from 'react';
-
-import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { findAnnotation } from '@dxos/effect';
-import { type InputProps } from '@dxos/react-ui-form';
-
-import { FileContainer, FileInput } from '../components';
-import { WNFS_PLUGIN } from '../meta';
-import { FileType, WnfsAction } from '../types';
-
-export default () =>
-  contributes(Capabilities.ReactSurface, [
-    createSurface({
-      id: `${WNFS_PLUGIN}/article`,
-      role: ['article', 'section', 'slide'],
-      filter: (data): data is { subject: FileType } => Obj.instanceOf(FileType, data.subject),
-      component: ({ data, role }) => <FileContainer role={role} file={data.subject} />,
-    }),
-    createSurface({
-      id: `${WNFS_PLUGIN}/create-form`,
-      role: 'form-input',
-      filter: (data): data is { prop: string; schema: Schema.Schema.Any } => {
-        const annotation = findAnnotation<boolean>(
-          (data.schema as Schema.Schema.All).ast,
-          WnfsAction.UploadAnnotationId,
-        );
-        return !!annotation;
-      },
-      component: ({ data: { prop, schema }, ...props }) => {
-        const inputProps = props as unknown as InputProps;
-        const handleChange = useCallback(
-          (file: File) => inputProps.onValueChange?.('object', file),
-          [prop, inputProps.onValueChange],
-        );
-
-        return <FileInput schema={schema} onChange={handleChange} />;
-      },
-    }),
-  ]);

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/FileInput.tsx

@@ -1,47 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { type Schema } from 'effect';
-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';
-
-import { WNFS_PLUGIN } from '../meta';
-import { WnfsAction } from '../types';
-
-export type FileInputProps = {
-  schema: Schema.Schema.Any;
-  onChange: (file: File) => void;
-};
-
-export const FileInput = ({ schema, onChange }: FileInputProps) => {
-  const { t } = useTranslation(WNFS_PLUGIN);
-  const accept = findAnnotation<Record<string, string[]>>(schema.ast, WnfsAction.UploadAnnotationId);
-
-  const onDropAccepted = useCallback((files: File[]) => onChange?.(files[0]), [onChange]);
-
-  const { acceptedFiles, getRootProps, getInputProps, isFocused, isDragAccept, isDragReject } = useDropzone({
-    multiple: false,
-    accept,
-    onDropAccepted,
-  });
-
-  return (
-    <div
-      {...getRootProps()}
-      className={mx(
-        'flex flex-col items-center p-8 border border-separator',
-        isFocused && 'focus-ring',
-        isDragAccept && 'bg-attention',
-        isDragReject && 'border-error',
-      )}
-    >
-      <input {...getInputProps()} />
-      {acceptedFiles[0] ? <p>{acceptedFiles[0].name}</p> : <p>{t('file input placeholder')}</p>}
-    </div>
-  );
-};

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/components/index.ts

@@ -1,9 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { lazy } from 'react';
-
-export const FileContainer = lazy(() => import('./FileContainer'));
-
-export * from './FileInput';

package/src/extensions/image.stories.tsx

@@ -1,101 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import '@dxos-theme';
-
-import type { Blockstore } from 'interface-blockstore';
-import React, { type ChangeEvent, useEffect, useState } from 'react';
-
-import { faker } from '@dxos/random';
-import { useSpace } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { useThemeContext } from '@dxos/react-ui';
-import {
-  createBasicExtensions,
-  createMarkdownExtensions,
-  createThemeExtensions,
-  decorateMarkdown,
-  processEditorPayload,
-  useTextEditor,
-} from '@dxos/react-ui-editor';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-import { create as createBlockstore } from '../blockstore';
-import { upload } from '../helpers';
-
-import { image } from './image';
-
-faker.seed(1);
-const initialValue = faker.lorem.paragraphs(100);
-const instances = {};
-
-const Story = () => {
-  const { themeMode } = useThemeContext();
-  const space = useSpace();
-  const [blockstore, setBlockstore] = useState<Blockstore>();
-
-  useEffect(() => {
-    if (space) {
-      console.log('SPACE ID', space.id);
-    }
-
-    const create = async () => {
-      // NOTE: We don't pass in the URL of the Blob service, so we don't use it.
-      const bs = createBlockstore();
-      await bs.open();
-      setBlockstore(bs);
-    };
-
-    create().catch(console.error);
-  }, [space]);
-
-  const { parentRef, view, focusAttributes } = useTextEditor(
-    () => ({
-      initialValue,
-      extensions: [
-        createBasicExtensions(),
-        createMarkdownExtensions({ themeMode }),
-        createThemeExtensions({ themeMode, syntaxHighlighting: true }),
-        blockstore && space ? [image({ blockstore, instances, space })] : [],
-        decorateMarkdown(),
-      ],
-    }),
-    [themeMode, blockstore, space],
-  );
-
-  const onFileChange = async (event: ChangeEvent<HTMLInputElement>) => {
-    const file = event.target.files?.[0];
-    if (file) {
-      if (blockstore) {
-        if (space) {
-          const info = await upload({ blockstore, file, space });
-          if (info && view) {
-            processEditorPayload(view, { type: 'image', data: info.url });
-          }
-        } else {
-          console.warn('Space is undefined.');
-        }
-      } else {
-        console.warn("Blockstore hasn't been initialised yet.");
-      }
-    }
-  };
-
-  return (
-    <>
-      <div className='mb-2'>
-        <input type='file' accept='image/*' onChange={onFileChange} />
-      </div>
-      <div className='w-[50rem]' ref={parentRef} {...focusAttributes} />
-    </>
-  );
-};
-
-export default {
-  title: 'plugins/plugin-wnfs/image',
-  render: Story,
-  decorators: [withClientProvider({ createIdentity: true, createSpace: true }), withTheme, withLayout()],
-};
-
-export const Default = {};