@dxos/plugin-wnfs 0.8.3-staging.0fa589b → 0.8.4-main.c1de068

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/plugin-wnfs",
-  "version": "0.8.3-staging.0fa589b",
+  "version": "0.8.4-main.c1de068",
   "description": "WNFS file management plugin",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -38,7 +38,7 @@
     "blockstore-core": "^5.0.1",
     "blockstore-idb": "^2.0.0",
     "debounce": "^2.2.0",
-    "effect": "3.14.21",
+    "effect": "3.17.0",
     "idb-keyval": "^6.2.1",
     "interface-blockstore": "^5.2.10",
     "it-all": "^3.0.6",
@@ -46,42 +46,40 @@
     "react-dropzone": "^14.2.3",
     "uint8arrays": "^5.1.0",
     "wnfs": "0.2.2",
-    "@dxos/app-framework": "0.8.3-staging.0fa589b",
-    "@dxos/crypto": "0.8.3-staging.0fa589b",
-    "@dxos/echo": "0.8.3-staging.0fa589b",
-    "@dxos/effect": "0.8.3-staging.0fa589b",
-    "@dxos/echo-schema": "0.8.3-staging.0fa589b",
-    "@dxos/invariant": "0.8.3-staging.0fa589b",
-    "@dxos/log": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-markdown": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-space": "0.8.3-staging.0fa589b",
-    "@dxos/plugin-client": "0.8.3-staging.0fa589b",
-    "@dxos/react-client": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-form": "0.8.3-staging.0fa589b",
-    "@dxos/local-storage": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-stack": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-editor": "0.8.3-staging.0fa589b",
-    "@dxos/util": "0.8.3-staging.0fa589b"
+    "@dxos/app-framework": "0.8.4-main.c1de068",
+    "@dxos/echo": "0.8.4-main.c1de068",
+    "@dxos/crypto": "0.8.4-main.c1de068",
+    "@dxos/echo-schema": "0.8.4-main.c1de068",
+    "@dxos/effect": "0.8.4-main.c1de068",
+    "@dxos/invariant": "0.8.4-main.c1de068",
+    "@dxos/local-storage": "0.8.4-main.c1de068",
+    "@dxos/log": "0.8.4-main.c1de068",
+    "@dxos/plugin-client": "0.8.4-main.c1de068",
+    "@dxos/plugin-markdown": "0.8.4-main.c1de068",
+    "@dxos/react-client": "0.8.4-main.c1de068",
+    "@dxos/react-ui": "0.8.4-main.c1de068",
+    "@dxos/plugin-space": "0.8.4-main.c1de068",
+    "@dxos/react-ui-editor": "0.8.4-main.c1de068",
+    "@dxos/react-ui-form": "0.8.4-main.c1de068",
+    "@dxos/react-ui-stack": "0.8.4-main.c1de068",
+    "@dxos/util": "0.8.4-main.c1de068"
   },
   "devDependencies": {
-    "@phosphor-icons/react": "^2.1.5",
     "@types/react": "~18.2.0",
     "@types/react-dom": "~18.2.0",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b",
-    "@dxos/storybook-utils": "0.8.3-staging.0fa589b"
+    "@dxos/random": "0.8.4-main.c1de068",
+    "@dxos/react-ui-theme": "0.8.4-main.c1de068",
+    "@dxos/storybook-utils": "0.8.4-main.c1de068"
   },
   "peerDependencies": {
-    "@phosphor-icons/react": "^2.0.5",
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.3-staging.0fa589b",
-    "@dxos/react-ui-theme": "0.8.3-staging.0fa589b"
+    "@dxos/react-ui": "0.8.4-main.c1de068",
+    "@dxos/react-ui-theme": "0.8.4-main.c1de068"
   },
   "publishConfig": {
     "access": "public"

package/src/WnfsPlugin.tsx

@@ -20,7 +20,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 { translations } from './translations';
 import { FileType, WnfsAction } from './types';
 
 export const WnfsPlugin = () =>

package/src/components/FileContainer.tsx

@@ -14,7 +14,12 @@ import { WnfsCapabilities } from '../capabilities';
 import { filePath, getBlobUrl, loadWnfs, wnfsUrl } from '../helpers';
 import { type FileType } from '../types';
 
-const FileContainer = ({ file, role }: { file: FileType; role: string }) => {
+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>();
@@ -37,7 +42,7 @@ const FileContainer = ({ file, role }: { file: FileType; role: string }) => {
   }
 
   return (
-    <StackItem.Content role={role}>
+    <StackItem.Content>
       <FilePreview type={file.type} url={blobUrl} />
     </StackItem.Content>
   );

package/src/translations.ts

@@ -2,21 +2,25 @@
 // Copyright 2023 DXOS.org
 //
 
-import { WNFS_PLUGIN } from './meta';
+import { type Resource } from '@dxos/react-ui';
+
+import { meta } from './meta';
 import { FileType } from './types';
 
-export default [
+export const translations = [
   {
     'en-US': {
       [FileType.typename]: {
         'typename label': 'File',
         'object name placeholder': 'New file',
+        'rename object label': 'Rename file',
+        'delete object label': 'Delete file',
       },
-      [WNFS_PLUGIN]: {
+      [meta.id]: {
         'plugin name': 'Files',
         'delete object label': 'Delete',
         'file input placeholder': 'Drop a file here, or click to select a file',
       },
     },
   },
-];
+] as const satisfies Resource[];

package/dist/lib/browser/FileContainer-7YOCEQ6P.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, { useEffect, useState } from 'react';\n\nimport { useCapability } from '@dxos/app-framework';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { FilePreview } from './FilePreview';\nimport { WnfsCapabilities } from '../capabilities';\nimport { filePath, getBlobUrl, loadWnfs, wnfsUrl } from '../helpers';\nimport { type FileType } from '../types';\n\nconst FileContainer = ({ file, role }: { file: FileType; role: string }) => {\n  const blockstore = useCapability(WnfsCapabilities.Blockstore);\n  const instances = useCapability(WnfsCapabilities.Instances);\n  const [blobUrl, setBlobUrl] = useState<string>();\n\n  useEffect(() => {\n    const timeout = setTimeout(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    });\n\n    return () => clearTimeout(timeout);\n  }, [file]);\n\n  if (!blobUrl) {\n    return null;\n  }\n\n  return (\n    <StackItem.Content role={role}>\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,WAAWC,gBAAgB;AAE3C,SAASC,qBAAqB;AAC9B,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,iBAAiB;;;;ACL1B,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;;;;ADNA,IAAMU,gBAAgB,CAAC,EAAEC,MAAMC,KAAI,MAAoC;;;AACrE,UAAMC,aAAaC,cAAcC,iBAAiBC,UAAU;AAC5D,UAAMC,YAAYH,cAAcC,iBAAiBG,SAAS;AAC1D,UAAM,CAACC,SAASC,UAAAA,IAAcC,SAAAA;AAE9BC,cAAU,MAAA;AACR,YAAMC,UAAUC,WAAW,YAAA;AACzB,cAAMC,QAAQC,SAASf,IAAAA;AACvBgB,kBAAUF,OAAAA,QAAAA;;;;;;;;;AACV,cAAM,EAAEG,WAAWC,OAAM,IAAK,MAAMC,SAAS;UAAEjB;UAAYI;UAAWQ;QAAM,CAAA;AAC5E,cAAMM,OAAOC,SAASrB,KAAKsB,IAAIC,SAAQ,GAAIT,KAAAA;AAC3C,cAAMU,MAAM,MAAMC,WAAW;UAAEC,SAASA,QAAQN,IAAAA;UAAOlB;UAAYe;UAAWC;UAAQS,MAAM3B,KAAK2B;QAAK,CAAA;AACtGlB,mBAAWe,GAAAA;MACb,CAAA;AAEA,aAAO,MAAMI,aAAahB,OAAAA;IAC5B,GAAG;MAACZ;KAAK;AAET,QAAI,CAACQ,SAAS;AACZ,aAAO;IACT;AAEA,WACE,gBAAAqB,OAAA,cAACC,UAAUC,SAAO;MAAC9B;OACjB,gBAAA4B,OAAA,cAACG,aAAAA;MAAYL,MAAM3B,KAAK2B;MAAMH,KAAKhB;;;;;AAGzC;AAEA,IAAA,wBAAeT;",
-  "names": ["React", "useEffect", "useState", "useCapability", "invariant", "getSpace", "StackItem", "React", "mx", "FilePreview", "type", "url", "classNames", "startsWith", "img", "className", "mx", "src", "video", "controls", "iframe", "FileContainer", "file", "role", "blockstore", "useCapability", "WnfsCapabilities", "Blockstore", "instances", "Instances", "blobUrl", "setBlobUrl", "useState", "useEffect", "timeout", "setTimeout", "space", "getSpace", "invariant", "directory", "forest", "loadWnfs", "path", "filePath", "cid", "toString", "url", "getBlobUrl", "wnfsUrl", "type", "clearTimeout", "React", "StackItem", "Content", "FilePreview"]
-}

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

@@ -1,16 +0,0 @@
-// packages/plugins/plugin-wnfs/src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var Blockstore = lazy(() => import("./blockstore-UT7233RJ.mjs"));
-var FileUploader = lazy(() => import("./file-uploader-RHINBPDQ.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-JDRRPIZC.mjs"));
-var Markdown = lazy(() => import("./markdown-BWBHUHHH.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-6GM4J4YG.mjs"));
-
-export {
-  Blockstore,
-  FileUploader,
-  IntentResolver,
-  Markdown,
-  ReactSurface
-};
-//# sourceMappingURL=chunk-WJVYRUYQ.mjs.map