@dxos/plugin-wnfs 0.8.4-main.c1de068 → 0.8.4-main.dedc0f3

package/dist/lib/browser/markdown-6VH477GB.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 { contributes, type PluginContext } from '@dxos/app-framework';\nimport { MarkdownCapabilities } from '@dxos/plugin-markdown';\nimport { getSpace } from '@dxos/react-client/echo';\n\nimport { WnfsCapabilities } from './capabilities';\nimport { image } from '../extensions';\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, StateField, type Range } 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"]
-}