@a3s-lab/office 0.1.0

package/dist/vue.d.ts

@@ -0,0 +1,282 @@
+import type { Extensions } from '@tiptap/core';
+import { type DocumentLayoutFont, type OfficeFileAction } from './react';
+import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, PresentationContent, SpreadsheetContent } from './core';
+import { type PropType } from 'vue';
+import type { OfficeTheme } from './office-surface';
+export declare const DocumentEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    artifactId: StringConstructor;
+    content: {
+        required: true;
+        type: PropType<DocumentContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    extensions: {
+        default: undefined;
+        type: PropType<Extensions>;
+    };
+    getSelectionMenuItems: PropType<GetDocumentSelectionMenuItems>;
+    kernelWasmUrl: StringConstructor;
+    layoutFonts: {
+        default: undefined;
+        type: PropType<readonly DocumentLayoutFont[]>;
+    };
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    agentRequest: (_request: EditorAgentRequest) => true;
+    change: (_content: DocumentContent) => true;
+    'update:content': (_content: DocumentContent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    artifactId: StringConstructor;
+    content: {
+        required: true;
+        type: PropType<DocumentContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    extensions: {
+        default: undefined;
+        type: PropType<Extensions>;
+    };
+    getSelectionMenuItems: PropType<GetDocumentSelectionMenuItems>;
+    kernelWasmUrl: StringConstructor;
+    layoutFonts: {
+        default: undefined;
+        type: PropType<readonly DocumentLayoutFont[]>;
+    };
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>> & Readonly<{
+    onChange?: ((_content: DocumentContent) => any) | undefined;
+    onAgentRequest?: ((_request: EditorAgentRequest) => any) | undefined;
+    "onUpdate:content"?: ((_content: DocumentContent) => any) | undefined;
+}>, {
+    theme: OfficeTheme;
+    layoutFonts: readonly DocumentLayoutFont[];
+    extensions: Extensions;
+    fileActions: readonly OfficeFileAction[];
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const MarkdownEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<MarkdownContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    extensions: {
+        default: undefined;
+        type: PropType<Extensions>;
+    };
+    getSelectionMenuItems: PropType<GetMarkdownSelectionMenuItems>;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_content: MarkdownContent) => true;
+    'update:content': (_content: MarkdownContent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<MarkdownContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    extensions: {
+        default: undefined;
+        type: PropType<Extensions>;
+    };
+    getSelectionMenuItems: PropType<GetMarkdownSelectionMenuItems>;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>> & Readonly<{
+    onChange?: ((_content: MarkdownContent) => any) | undefined;
+    "onUpdate:content"?: ((_content: MarkdownContent) => any) | undefined;
+}>, {
+    theme: OfficeTheme;
+    extensions: Extensions;
+    fileActions: readonly OfficeFileAction[];
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const SpreadsheetEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<SpreadsheetContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    kernelWasmUrl: StringConstructor;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    agentRequest: (_request: EditorAgentRequest) => true;
+    change: (_content: SpreadsheetContent) => true;
+    'update:content': (_content: SpreadsheetContent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<SpreadsheetContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    kernelWasmUrl: StringConstructor;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>> & Readonly<{
+    onChange?: ((_content: SpreadsheetContent) => any) | undefined;
+    onAgentRequest?: ((_request: EditorAgentRequest) => any) | undefined;
+    "onUpdate:content"?: ((_content: SpreadsheetContent) => any) | undefined;
+}>, {
+    theme: OfficeTheme;
+    fileActions: readonly OfficeFileAction[];
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const PresentationEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<PresentationContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    kernelWasmUrl: StringConstructor;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    agentRequest: (_request: EditorAgentRequest) => true;
+    change: (_content: PresentationContent) => true;
+    startSlideshow: () => true;
+    'update:content': (_content: PresentationContent) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    content: {
+        required: true;
+        type: PropType<PresentationContent>;
+    };
+    fileActions: {
+        default: undefined;
+        type: PropType<readonly OfficeFileAction[]>;
+    };
+    kernelWasmUrl: StringConstructor;
+    preview: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    saveStatus: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+}>> & Readonly<{
+    onChange?: ((_content: PresentationContent) => any) | undefined;
+    onStartSlideshow?: (() => any) | undefined;
+    onAgentRequest?: ((_request: EditorAgentRequest) => any) | undefined;
+    "onUpdate:content"?: ((_content: PresentationContent) => any) | undefined;
+}>, {
+    theme: OfficeTheme;
+    fileActions: readonly OfficeFileAction[];
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export declare const PdfViewer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    fileName: StringConstructor;
+    loadSource: {
+        required: true;
+        type: PropType<() => Promise<Blob>>;
+    };
+    onSave: PropType<(pdf: Blob) => Promise<boolean>>;
+    saveLabel: StringConstructor;
+    sourceKey: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+    wasmUrl: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    fileName: StringConstructor;
+    loadSource: {
+        required: true;
+        type: PropType<() => Promise<Blob>>;
+    };
+    onSave: PropType<(pdf: Blob) => Promise<boolean>>;
+    saveLabel: StringConstructor;
+    sourceKey: StringConstructor;
+    theme: {
+        readonly default: "system";
+        readonly type: PropType<OfficeTheme>;
+    };
+    wasmUrl: StringConstructor;
+}>> & Readonly<{}>, {
+    theme: OfficeTheme;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export { DocumentEditor as A3SDocumentEditor, MarkdownEditor as A3SMarkdownEditor, PdfViewer as A3SPdfViewer, PresentationEditor as A3SPresentationEditor, SpreadsheetEditor as A3SSpreadsheetEditor, };

package/dist/vue.js

@@ -0,0 +1,231 @@
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { defineComponent, h, onBeforeUnmount, onMounted, onUpdated, ref } from "vue";
+import { MarkdownEditor as react_MarkdownEditor, PdfViewer as react_PdfViewer, DocumentEditor as react_DocumentEditor, PresentationEditor as react_PresentationEditor, SpreadsheetEditor as react_SpreadsheetEditor } from "./432.js";
+function createReactRenderer(renderNode) {
+    const host = ref(null);
+    let root = null;
+    const render = ()=>{
+        if (!host.value) return;
+        root ??= createRoot(host.value);
+        root.render(renderNode());
+    };
+    onMounted(render);
+    onUpdated(render);
+    onBeforeUnmount(()=>{
+        root?.unmount();
+        root = null;
+    });
+    return ()=>h('div', {
+            class: 'a3s-office-vue-host',
+            ref: host,
+            style: {
+                height: '100%',
+                minHeight: 0,
+                minWidth: 0,
+                width: '100%'
+            }
+        });
+}
+const themeProp = {
+    default: 'system',
+    type: String
+};
+const fileActionsProp = {
+    default: void 0,
+    type: Array
+};
+const DocumentEditor = defineComponent({
+    name: 'A3SDocumentEditor',
+    props: {
+        artifactId: String,
+        content: {
+            required: true,
+            type: Object
+        },
+        fileActions: fileActionsProp,
+        extensions: {
+            default: void 0,
+            type: Array
+        },
+        getSelectionMenuItems: Function,
+        kernelWasmUrl: String,
+        layoutFonts: {
+            default: void 0,
+            type: Array
+        },
+        preview: {
+            default: false,
+            type: Boolean
+        },
+        saveStatus: String,
+        theme: themeProp
+    },
+    emits: {
+        agentRequest: (_request)=>true,
+        change: (_content)=>true,
+        'update:content': (_content)=>true
+    },
+    setup (props, { emit }) {
+        return createReactRenderer(()=>createElement(react_DocumentEditor, {
+                artifactId: props.artifactId,
+                content: props.content,
+                extensions: props.extensions,
+                fileActions: props.fileActions,
+                getSelectionMenuItems: props.getSelectionMenuItems,
+                kernelWasmUrl: props.kernelWasmUrl,
+                layoutFonts: props.layoutFonts,
+                onAgentRequest: (request)=>emit('agentRequest', request),
+                onChange: (content)=>{
+                    emit('update:content', content);
+                    emit('change', content);
+                },
+                preview: props.preview,
+                saveStatus: props.saveStatus,
+                theme: props.theme
+            }));
+    }
+});
+const MarkdownEditor = defineComponent({
+    name: 'A3SMarkdownEditor',
+    props: {
+        content: {
+            required: true,
+            type: Object
+        },
+        fileActions: fileActionsProp,
+        extensions: {
+            default: void 0,
+            type: Array
+        },
+        getSelectionMenuItems: Function,
+        preview: {
+            default: false,
+            type: Boolean
+        },
+        saveStatus: String,
+        theme: themeProp
+    },
+    emits: {
+        change: (_content)=>true,
+        'update:content': (_content)=>true
+    },
+    setup (props, { emit }) {
+        return createReactRenderer(()=>createElement(react_MarkdownEditor, {
+                content: props.content,
+                extensions: props.extensions,
+                fileActions: props.fileActions,
+                getSelectionMenuItems: props.getSelectionMenuItems,
+                onChange: (content)=>{
+                    emit('update:content', content);
+                    emit('change', content);
+                },
+                preview: props.preview,
+                saveStatus: props.saveStatus,
+                theme: props.theme
+            }));
+    }
+});
+const SpreadsheetEditor = defineComponent({
+    name: 'A3SSpreadsheetEditor',
+    props: {
+        content: {
+            required: true,
+            type: Object
+        },
+        fileActions: fileActionsProp,
+        kernelWasmUrl: String,
+        preview: {
+            default: false,
+            type: Boolean
+        },
+        saveStatus: String,
+        theme: themeProp
+    },
+    emits: {
+        agentRequest: (_request)=>true,
+        change: (_content)=>true,
+        'update:content': (_content)=>true
+    },
+    setup (props, { emit }) {
+        return createReactRenderer(()=>createElement(react_SpreadsheetEditor, {
+                content: props.content,
+                fileActions: props.fileActions,
+                kernelWasmUrl: props.kernelWasmUrl,
+                onAgentRequest: (request)=>emit('agentRequest', request),
+                onChange: (content)=>{
+                    emit('update:content', content);
+                    emit('change', content);
+                },
+                preview: props.preview,
+                saveStatus: props.saveStatus,
+                theme: props.theme
+            }));
+    }
+});
+const PresentationEditor = defineComponent({
+    name: 'A3SPresentationEditor',
+    props: {
+        content: {
+            required: true,
+            type: Object
+        },
+        fileActions: fileActionsProp,
+        kernelWasmUrl: String,
+        preview: {
+            default: false,
+            type: Boolean
+        },
+        saveStatus: String,
+        theme: themeProp
+    },
+    emits: {
+        agentRequest: (_request)=>true,
+        change: (_content)=>true,
+        startSlideshow: ()=>true,
+        'update:content': (_content)=>true
+    },
+    setup (props, { emit }) {
+        return createReactRenderer(()=>createElement(react_PresentationEditor, {
+                content: props.content,
+                fileActions: props.fileActions,
+                kernelWasmUrl: props.kernelWasmUrl,
+                onAgentRequest: (request)=>emit('agentRequest', request),
+                onChange: (content)=>{
+                    emit('update:content', content);
+                    emit('change', content);
+                },
+                onStartSlideshow: ()=>emit('startSlideshow'),
+                preview: props.preview,
+                saveStatus: props.saveStatus,
+                theme: props.theme
+            }));
+    }
+});
+const PdfViewer = defineComponent({
+    name: 'A3SPdfViewer',
+    props: {
+        fileName: String,
+        loadSource: {
+            required: true,
+            type: Function
+        },
+        onSave: Function,
+        saveLabel: String,
+        sourceKey: String,
+        theme: themeProp,
+        wasmUrl: String
+    },
+    setup (props) {
+        return createReactRenderer(()=>createElement(react_PdfViewer, {
+                fileName: props.fileName,
+                loadSource: props.loadSource,
+                onSave: props.onSave,
+                saveLabel: props.saveLabel,
+                sourceKey: props.sourceKey,
+                theme: props.theme,
+                wasmUrl: props.wasmUrl
+            }));
+    }
+});
+export { DocumentEditor as A3SDocumentEditor, DocumentEditor, MarkdownEditor as A3SMarkdownEditor, MarkdownEditor, PdfViewer as A3SPdfViewer, PdfViewer, PresentationEditor as A3SPresentationEditor, PresentationEditor, SpreadsheetEditor as A3SSpreadsheetEditor, SpreadsheetEditor };

package/dist/web-component.d.ts

@@ -0,0 +1,98 @@
+import type { Extensions } from '@tiptap/core';
+import { type ReactNode } from 'react';
+import type { DocumentContent, EditorAgentRequest, GetDocumentSelectionMenuItems, GetMarkdownSelectionMenuItems, MarkdownContent, PresentationContent, SpreadsheetContent } from './core';
+import { type DocumentLayoutFont, type OfficeFileAction } from './react';
+import type { OfficeTheme } from './office-surface';
+declare const HTMLElementBase: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
+};
+declare abstract class A3SOfficeElement extends HTMLElementBase {
+    #private;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(): void;
+    protected requestRender(): void;
+    protected abstract editorNode(): ReactNode;
+    private renderReactTree;
+}
+declare abstract class A3SContentEditorElement<TContent extends DocumentContent | MarkdownContent | SpreadsheetContent | PresentationContent> extends A3SOfficeElement {
+    #private;
+    get content(): TContent | undefined;
+    set content(value: TContent | undefined);
+    get fileActions(): readonly OfficeFileAction[] | undefined;
+    set fileActions(value: readonly OfficeFileAction[] | undefined);
+    get preview(): boolean;
+    set preview(value: boolean);
+    get saveStatus(): string | undefined;
+    set saveStatus(value: string | undefined);
+    get theme(): OfficeTheme;
+    set theme(value: OfficeTheme);
+    protected changeContent(value: TContent): void;
+    protected requestAgent(request: EditorAgentRequest): void;
+}
+export declare class A3SDocumentEditorElement extends A3SContentEditorElement<DocumentContent> {
+    #private;
+    static get observedAttributes(): string[];
+    get artifactId(): string | undefined;
+    set artifactId(value: string | undefined);
+    get kernelWasmUrl(): string | undefined;
+    set kernelWasmUrl(value: string | undefined);
+    get extensions(): Extensions | undefined;
+    set extensions(value: Extensions | undefined);
+    get getSelectionMenuItems(): GetDocumentSelectionMenuItems | undefined;
+    set getSelectionMenuItems(value: GetDocumentSelectionMenuItems | undefined);
+    get layoutFonts(): readonly DocumentLayoutFont[] | undefined;
+    set layoutFonts(value: readonly DocumentLayoutFont[] | undefined);
+    protected editorNode(): ReactNode;
+}
+export declare class A3SMarkdownEditorElement extends A3SContentEditorElement<MarkdownContent> {
+    #private;
+    static get observedAttributes(): string[];
+    get extensions(): Extensions | undefined;
+    set extensions(value: Extensions | undefined);
+    get getSelectionMenuItems(): GetMarkdownSelectionMenuItems | undefined;
+    set getSelectionMenuItems(value: GetMarkdownSelectionMenuItems | undefined);
+    protected editorNode(): ReactNode;
+}
+export declare class A3SSpreadsheetEditorElement extends A3SContentEditorElement<SpreadsheetContent> {
+    static get observedAttributes(): string[];
+    get kernelWasmUrl(): string | undefined;
+    set kernelWasmUrl(value: string | undefined);
+    protected editorNode(): ReactNode;
+}
+export declare class A3SPresentationEditorElement extends A3SContentEditorElement<PresentationContent> {
+    static get observedAttributes(): string[];
+    get kernelWasmUrl(): string | undefined;
+    set kernelWasmUrl(value: string | undefined);
+    protected editorNode(): ReactNode;
+}
+export declare class A3SPdfViewerElement extends A3SOfficeElement {
+    #private;
+    static get observedAttributes(): string[];
+    get loadSource(): (() => Promise<Blob>) | undefined;
+    set loadSource(value: (() => Promise<Blob>) | undefined);
+    get onSave(): ((pdf: Blob) => Promise<boolean>) | undefined;
+    set onSave(value: ((pdf: Blob) => Promise<boolean>) | undefined);
+    get theme(): OfficeTheme;
+    set theme(value: OfficeTheme);
+    protected editorNode(): ReactNode;
+}
+export declare const A3S_OFFICE_ELEMENT_NAMES: {
+    readonly document: "a3s-document-editor";
+    readonly markdown: "a3s-markdown-editor";
+    readonly pdf: "a3s-pdf-viewer";
+    readonly presentation: "a3s-presentation-editor";
+    readonly spreadsheet: "a3s-spreadsheet-editor";
+};
+export declare function defineA3SOfficeElements(registry?: CustomElementRegistry): void;
+declare global {
+    interface HTMLElementTagNameMap {
+        'a3s-document-editor': A3SDocumentEditorElement;
+        'a3s-markdown-editor': A3SMarkdownEditorElement;
+        'a3s-pdf-viewer': A3SPdfViewerElement;
+        'a3s-presentation-editor': A3SPresentationEditorElement;
+        'a3s-spreadsheet-editor': A3SSpreadsheetEditorElement;
+    }
+}
+export {};