@dxos/plugin-wnfs 0.8.4-main.72ec0f3 → 0.8.4-main.7996785055

package/src/capabilities/react-surface.tsx

@@ -1,45 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import type * as Schema from 'effect/Schema';
-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 { meta } from '../meta';
-import { WnfsAction, WnfsFile } from '../types';
-
-export default () =>
-  contributes(Capabilities.ReactSurface, [
-    createSurface({
-      id: `${meta.id}/article`,
-      role: ['article', 'section', 'slide'],
-      filter: (data): data is { subject: WnfsFile.File } => Obj.instanceOf(WnfsFile.File, data.subject),
-      component: ({ data, role }) => <FileContainer role={role} file={data.subject} />,
-    }),
-    createSurface({
-      id: `${meta.id}/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/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('is-full bs-full object-contain', classNames)} src={url} />;
-  } else if (type.startsWith('video/')) {
-    return <video className={mx('is-full bs-full object-contain', classNames)} src={url} controls />;
-  } else {
-    return <iframe className={mx('is-full bs-full overflow-auto', classNames)} src={url} />;
-  }
-};