@dxos/plugin-markdown 0.8.4-main.5acf9ea → 0.8.4-main.66e292d

package/dist/lib/node-esm/state-UIHO2SFZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/state.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, type PluginContext } from '@dxos/app-framework';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { type EditorViewMode, createEditorStateStore } from '@dxos/react-ui-editor';\n\nimport { MarkdownCapabilities } from './capabilities';\nimport { meta } from '../meta';\nimport { type Markdown, type MarkdownPluginState } from '../types';\n\nexport default (context: PluginContext) => {\n  const state = new LocalStorageStore<MarkdownPluginState>(meta.id, { extensionProviders: [], viewMode: {} });\n  state.prop({ key: 'viewMode', type: LocalStorageStore.json<{ [key: string]: EditorViewMode }>() });\n\n  // TODO(wittjosiah): Fold into state.\n  const editorState = createEditorStateStore(`${meta.id}/editor`);\n\n  const getViewMode = (id: string) => {\n    const defaultViewMode = context.getCapability(Capabilities.SettingsStore).getStore<Markdown.Settings>(meta.id)!\n      .value.defaultViewMode;\n    return (id && state.values.viewMode[id]) || defaultViewMode;\n  };\n\n  const setViewMode = (id: string, viewMode: EditorViewMode) => (state.values.viewMode[id] = viewMode);\n\n  // Return object with methods.\n  return contributes(MarkdownCapabilities.State, { state: state.values, editorState, getViewMode, setViewMode });\n};\n"],
-  "mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,mBAAuC;AAC9D,SAASC,yBAAyB;AAClC,SAA8BC,8BAA8B;AAM5D,IAAA,gBAAe,CAACC,YAAAA;AACd,QAAMC,QAAQ,IAAIC,kBAAuCC,KAAKC,IAAI;IAAEC,oBAAoB,CAAA;IAAIC,UAAU,CAAC;EAAE,CAAA;AACzGL,QAAMM,KAAK;IAAEC,KAAK;IAAYC,MAAMP,kBAAkBQ,KAAI;EAAsC,CAAA;AAGhG,QAAMC,cAAcC,uBAAuB,GAAGT,KAAKC,EAAE,SAAS;AAE9D,QAAMS,cAAc,CAACT,OAAAA;AACnB,UAAMU,kBAAkBd,QAAQe,cAAcC,aAAaC,aAAa,EAAEC,SAA4Bf,KAAKC,EAAE,EAC1Ge,MAAML;AACT,WAAQV,MAAMH,MAAMmB,OAAOd,SAASF,EAAAA,KAAQU;EAC9C;AAEA,QAAMO,cAAc,CAACjB,IAAYE,aAA8BL,MAAMmB,OAAOd,SAASF,EAAAA,IAAME;AAG3F,SAAOgB,YAAYC,qBAAqBC,OAAO;IAAEvB,OAAOA,MAAMmB;IAAQT;IAAaE;IAAaQ;EAAY,CAAA;AAC9G;",
-  "names": ["Capabilities", "contributes", "LocalStorageStore", "createEditorStateStore", "context", "state", "LocalStorageStore", "meta", "id", "extensionProviders", "viewMode", "prop", "key", "type", "json", "editorState", "createEditorStateStore", "getViewMode", "defaultViewMode", "getCapability", "Capabilities", "SettingsStore", "getStore", "value", "values", "setViewMode", "contributes", "MarkdownCapabilities", "State"]
-}

package/dist/types/src/components/MarkdownPreview/MarkdownPreview.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type PreviewProps } from '@dxos/plugin-preview';
-import { DataType } from '@dxos/schema';
-import { Markdown } from '../../types';
-export declare const MarkdownPreview: ({ subject, role }: PreviewProps<Markdown.Document | DataType.Text>) => React.JSX.Element;
-//# sourceMappingURL=MarkdownPreview.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownPreview.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownPreview/MarkdownPreview.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAqBvC,eAAO,MAAM,eAAe,GAAI,mBAAmB,YAAY,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,sBAmCjG,CAAC"}

package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts

@@ -1,10 +0,0 @@
-import '@dxos-theme';
-import { type StoryObj, type Meta } from '@storybook/react-vite';
-import { MarkdownPreview } from './MarkdownPreview';
-declare const meta: Meta<typeof MarkdownPreview>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Popover: Story;
-export declare const Extrinsic: Story;
-export declare const Intrinsic: Story;
-//# sourceMappingURL=MarkdownPreview.stories.d.ts.map

package/dist/types/src/components/MarkdownPreview/MarkdownPreview.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MarkdownPreview.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownPreview/MarkdownPreview.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAUjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAqBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/types/src/components/MarkdownPreview/index.d.ts

@@ -1,4 +0,0 @@
-import { MarkdownPreview } from './MarkdownPreview';
-export * from './MarkdownPreview';
-export default MarkdownPreview;
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/MarkdownPreview/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownPreview/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,cAAc,mBAAmB,CAAC;AAElC,eAAe,eAAe,CAAC"}

package/dist/types/src/components/Toolbar.stories.d.ts

@@ -1,11 +0,0 @@
-import '@dxos-theme';
-import { type Meta } from '@storybook/react-vite';
-import { EditorToolbar } from '@dxos/react-ui-editor';
-declare const meta: Meta<typeof EditorToolbar>;
-export default meta;
-export declare const Default: {
-    args: {
-        content: string;
-    };
-};
-//# sourceMappingURL=Toolbar.stories.d.ts.map

package/dist/types/src/components/Toolbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQlD,OAAO,EACL,aAAa,EAgBd,MAAM,uBAAuB,CAAC;AAgE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAQpC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}

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

@@ -1,24 +0,0 @@
-import { type ReactNode } from 'react';
-import { type PromiseIntentDispatcher } from '@dxos/app-framework';
-import { type QueryResult } from '@dxos/react-client/echo';
-import { type SelectionManager } from '@dxos/react-ui-attention';
-import { type EditorStateStore, type EditorViewMode, type Extension, type PreviewOptions } from '@dxos/react-ui-editor';
-import { type DataType } from '@dxos/schema';
-import { type Markdown } from './types';
-type ExtensionsOptions = {
-    document?: Markdown.Document;
-    id?: string;
-    text?: DataType.Text;
-    dispatch?: PromiseIntentDispatcher;
-    query?: QueryResult<Markdown.Document>;
-    settings: Markdown.Settings;
-    selectionManager?: SelectionManager;
-    viewMode?: EditorViewMode;
-    editorStateStore?: EditorStateStore;
-    previewOptions?: PreviewOptions;
-};
-export declare const useExtensions: ({ document, id, text, settings, selectionManager, viewMode, editorStateStore, previewOptions, }: ExtensionsOptions) => Extension[];
-export declare const selectionChange: (selectionManager: SelectionManager) => Extension;
-export declare const renderRoot: <T extends Element>(root: T, node: ReactNode) => T;
-export {};
-//# sourceMappingURL=extensions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"extensions.d.ts","sourceRoot":"","sources":["../../../src/extensions.tsx"],"names":[],"mappings":"AAKA,OAAc,EAA6B,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGlF,OAAO,EAGL,KAAK,uBAAuB,EAG7B,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAiD,KAAK,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAG1G,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EAgBd,KAAK,cAAc,EACpB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AAI7C,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGxC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,KAAK,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC5B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC,CAAC;AAGF,eAAO,MAAM,aAAa,GAAI,iGAS3B,iBAAiB,KAAG,SAAS,EA2F/B,CAAC;AAuFF,eAAO,MAAM,eAAe,GAAI,kBAAkB,gBAAgB,cAiBjE,CAAC;AAuDF,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,OAAO,EAAE,MAAM,CAAC,EAAE,MAAM,SAAS,KAAG,CAGxE,CAAC"}

package/src/components/MarkdownPreview/MarkdownPreview.tsx

@@ -1,73 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { pipe } from 'effect';
-import React, { useCallback } from 'react';
-
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
-import { Obj } from '@dxos/echo';
-import { type PreviewProps } from '@dxos/plugin-preview';
-import { fullyQualifiedId } from '@dxos/react-client/echo';
-import { Button, Icon, useTranslation } from '@dxos/react-ui';
-import { Card } from '@dxos/react-ui-stack';
-import { DataType } from '@dxos/schema';
-
-import { meta } from '../../meta';
-import { Markdown } from '../../types';
-import { getAbstract, getFallbackName } from '../../util';
-
-// TODO(burdon): Factor out.
-const getTitle = (subject: Markdown.Document | DataType.Text, fallback: string) => {
-  if (Obj.instanceOf(Markdown.Document, subject)) {
-    return subject.name ?? subject.fallbackName ?? getFallbackName(subject.content?.target?.content ?? fallback);
-  } else if (Obj.instanceOf(DataType.Text, subject)) {
-    return getFallbackName(subject.content);
-  }
-};
-
-// TODO(burdon): Factor out.
-const getSnippet = (subject: Markdown.Document | DataType.Text, fallback: string) => {
-  if (Obj.instanceOf(Markdown.Document, subject)) {
-    return getAbstract(subject.content?.target?.content ?? fallback);
-  } else if (Obj.instanceOf(DataType.Text, subject)) {
-    return getAbstract(subject.content);
-  }
-};
-
-export const MarkdownPreview = ({ subject, role }: PreviewProps<Markdown.Document | DataType.Text>) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { t } = useTranslation(meta.id);
-  const snippet = getSnippet(subject, t('fallback abstract'));
-
-  // TODO(wittjosiah): Factor out so this component isn't dependent on the app framework.
-  const handleNavigate = useCallback(
-    () =>
-      dispatch(
-        pipe(
-          createIntent(LayoutAction.UpdatePopover, {
-            part: 'popover',
-            subject: null,
-            options: { state: false, anchorId: '' },
-          }),
-          chain(LayoutAction.Open, { part: 'main', subject: [fullyQualifiedId(subject)] }),
-        ),
-      ),
-    [dispatch, subject],
-  );
-
-  return (
-    <Card.SurfaceRoot role={role}>
-      <Card.Heading>{getTitle(subject, t('fallback title'))}</Card.Heading>
-      {snippet && <Card.Text classNames='line-clamp-3 break-words col-span-2'>{snippet}</Card.Text>}
-      {role === 'card--popover' && (
-        <Card.Chrome>
-          <Button onClick={handleNavigate}>
-            <span className='grow'>{t('navigate to document label')}</span>
-            <Icon icon='ph--arrow-right--regular' />
-          </Button>
-        </Card.Chrome>
-      )}
-    </Card.SurfaceRoot>
-  );
-};

package/src/components/MarkdownPreview/index.ts

@@ -1,9 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { MarkdownPreview } from './MarkdownPreview';
-
-export * from './MarkdownPreview';
-
-export default MarkdownPreview;

package/src/components/Toolbar.stories.tsx

@@ -1,112 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import '@dxos-theme';
-
-import { type Meta } from '@storybook/react-vite';
-import React, { type FC, useCallback, useState } from 'react';
-
-import { invariant } from '@dxos/invariant';
-import { PublicKey } from '@dxos/keys';
-import { faker } from '@dxos/random';
-import { createDocAccessor } from '@dxos/react-client/echo';
-import { useThemeContext } from '@dxos/react-ui';
-import {
-  EditorToolbar,
-  type Comment,
-  comments,
-  createBasicExtensions,
-  createDataExtensions,
-  createMarkdownExtensions,
-  createThemeExtensions,
-  decorateMarkdown,
-  editorSlots,
-  formattingKeymap,
-  translations,
-  useComments,
-  useFormattingState,
-  useTextEditor,
-  useEditorToolbarState,
-  type EditorViewMode,
-} from '@dxos/react-ui-editor';
-import { DataType } from '@dxos/schema';
-import { withLayout, withTheme } from '@dxos/storybook-utils';
-
-faker.seed(101);
-
-const DefaultStory: FC<{ content?: string }> = ({ content = '' }) => {
-  const { themeMode } = useThemeContext();
-  const [text] = useState(DataType.makeText(content));
-  const toolbarState = useEditorToolbarState({ viewMode: 'preview' });
-  const formattingObserver = useFormattingState(toolbarState);
-  const { parentRef, view } = useTextEditor(() => {
-    return {
-      id: text.id,
-      initialValue: text.content,
-      extensions: [
-        formattingObserver,
-        createBasicExtensions({ readOnly: toolbarState.viewMode === 'readonly' }),
-        createMarkdownExtensions({ themeMode }),
-        createThemeExtensions({ themeMode, syntaxHighlighting: true, slots: editorSlots }),
-        createDataExtensions({ id: text.id, text: createDocAccessor(text, ['content']) }),
-        comments({
-          onCreate: ({ cursor }) => {
-            const id = PublicKey.random().toHex();
-            setComments((comments) => [...comments, { id, cursor }]);
-            return id;
-          },
-        }),
-        formattingKeymap(),
-        ...(toolbarState.viewMode !== 'source' ? [decorateMarkdown()] : []),
-      ],
-    };
-  }, [text, formattingObserver, toolbarState.viewMode, themeMode]);
-
-  const handleViewModeChange = (viewMode: EditorViewMode) => {
-    toolbarState.viewMode = viewMode;
-  };
-
-  const getView = useCallback(() => {
-    invariant(view);
-    return view;
-  }, [view]);
-
-  const [_comments, setComments] = useState<Comment[]>([]);
-  useComments(view, text.id, _comments);
-
-  return (
-    <div role='none' className='flex flex-col'>
-      <EditorToolbar state={toolbarState ?? {}} getView={getView} viewMode={handleViewModeChange} />
-      <div className='flex grow overflow-hidden' ref={parentRef} />
-    </div>
-  );
-};
-
-const content = [
-  '# Demo',
-  '',
-  'The editor supports **Markdown** styles.',
-  '',
-  faker.lorem.paragraph({ min: 5, max: 8 }),
-  '',
-  '',
-].join('\n');
-
-const meta: Meta<typeof EditorToolbar> = {
-  title: 'plugins/plugin-markdown/Toolbar',
-  component: EditorToolbar,
-  render: DefaultStory as any,
-  decorators: [withTheme, withLayout({ fullscreen: true })],
-  parameters: {
-    translations,
-  },
-};
-
-export default meta;
-
-export const Default = {
-  args: {
-    content,
-  },
-};