wasm-onlyoffice-sdk 0.1.0

package/dist/react/OnlyOfficeEditor.d.ts

@@ -0,0 +1,26 @@
+import { CSSProperties } from 'react';
+import { OfficeTheme, User } from '../core/types';
+export interface OnlyOfficeEditorProps {
+    /** URL prefix for OnlyOffice web-apps assets, e.g. "/v9.3.0.24-1" */
+    assetsPath: string;
+    /** URL prefix for x2t WASM files, e.g. "/x2t-1". Defaults to "/x2t-1" */
+    x2tPath?: string;
+    /** Open an existing File object */
+    file?: File;
+    /** Open a document from a remote URL */
+    fileUrl?: string;
+    /** Create a new blank document of the given type */
+    newDocument?: 'docx' | 'xlsx' | 'pptx' | 'pdf';
+    language?: string;
+    theme?: OfficeTheme;
+    user?: User;
+    onReady?: () => void;
+    onDocumentStateChange?: (isDirty: boolean) => void;
+    /** Called when the user triggers Save As / Download */
+    onSave?: (blob: Blob, filename: string) => void;
+    onError?: (error: Error) => void;
+    style?: CSSProperties;
+    className?: string;
+}
+export declare function OnlyOfficeEditor({ assetsPath, x2tPath, file, fileUrl, newDocument, language, theme, user, onReady, onDocumentStateChange, onSave, onError, style, className, }: OnlyOfficeEditorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OnlyOfficeEditor.d.ts.map

package/dist/react/OnlyOfficeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyOfficeEditor.d.ts","sourceRoot":"","sources":["../../src/react/OnlyOfficeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,aAAa,EAAE,MAAM,OAAO,CAAA;AAKzE,OAAO,KAAK,EAAa,WAAW,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEjE,MAAM,WAAW,qBAAqB;IACpC,qEAAqE;IACrE,UAAU,EAAE,MAAM,CAAA;IAClB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,mCAAmC;IACnC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAE9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,CAAA;IAEX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAClD,uDAAuD;IACvD,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAEhC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,UAAU,EACV,OAAkB,EAClB,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAe,EACf,KAAqB,EACrB,IAAkC,EAClC,OAAO,EACP,qBAAqB,EACrB,MAAM,EACN,OAAO,EACP,KAAK,EACL,SAAS,GACV,EAAE,qBAAqB,2CAwIvB"}

package/dist/react/index.d.ts

@@ -0,0 +1,3 @@
+export { OnlyOfficeEditor } from './OnlyOfficeEditor';
+export type { OnlyOfficeEditorProps } from './OnlyOfficeEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/react/index.mjs

@@ -0,0 +1,115 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useRef as W, useEffect as X, useLayoutEffect as j } from "react";
+import { EditorServer as M, getDocumentType as O, MockSocket as d, createXHRProxy as P, io as C } from "../index.mjs";
+function _({
+  assetsPath: h,
+  x2tPath: L = "/x2t-1",
+  file: m,
+  fileUrl: w,
+  newDocument: y,
+  language: q = "en",
+  theme: x = "theme-light",
+  user: g = { id: "uid", name: "User" },
+  onReady: l,
+  onDocumentStateChange: a,
+  onSave: F,
+  onError: n,
+  style: A,
+  className: R
+}) {
+  const r = W(!1);
+  return X(() => {
+    const c = (t) => {
+      r.current && (t.preventDefault(), t.returnValue = "");
+    };
+    return window.addEventListener("beforeunload", c), () => window.removeEventListener("beforeunload", c);
+  }, []), j(() => {
+    const c = h + "/web-apps/apps/api/documents/api.js", t = new M({ x2tPath: L, user: g });
+    m ? t.open(m) : w ? t.openUrl(w) : y ? t.openNew(y) : t.openNew("docx");
+    const i = t.getDocument(), H = O(i.fileType);
+    let s = null;
+    const v = ({ socket: e }) => t.handleConnect({ socket: e }), D = ({ socket: e }) => t.handleDisconnect({ socket: e });
+    d.on("connect", v), d.on("disconnect", D);
+    const I = () => {
+      const e = document.querySelector('iframe[name="frameEditor"]'), o = e == null ? void 0 : e.contentWindow, p = e == null ? void 0 : e.contentDocument;
+      if (!p || !o) {
+        n == null || n(new Error("Iframe not loaded"));
+        return;
+      }
+      const T = P(o.XMLHttpRequest), S = o.Worker;
+      T.use((u) => t.handleRequest(u)), Object.assign(o, {
+        io: C,
+        XMLHttpRequest: T,
+        Worker: function(u, U) {
+          const E = new URL(u, location.origin);
+          return new S(E.href.replace(E.origin, location.origin), U);
+        }
+      });
+      const b = p.createElement("script");
+      b.src = c, p.body.appendChild(b), l == null || l();
+    }, k = () => {
+      s = new window.DocsAPI.DocEditor("placeholder", {
+        document: {
+          fileType: i.fileType,
+          key: i.key,
+          title: i.title,
+          url: i.url,
+          permissions: {
+            edit: i.fileType !== "pdf",
+            chat: !1,
+            rename: !0,
+            protect: !0,
+            review: !1,
+            print: !1
+          }
+        },
+        documentType: H,
+        editorConfig: {
+          lang: q,
+          coEditing: { mode: "fast", change: !1 },
+          user: { ...g },
+          customization: {
+            uiTheme: x,
+            features: { spellcheck: { change: !1 } }
+          }
+        },
+        events: {
+          onAppReady: () => I(),
+          onDocumentStateChange: (e) => {
+            e.data && (r.current = !0), a == null || a(e.data);
+          },
+          onError: (e) => n == null ? void 0 : n(new Error(String(e))),
+          onSaveDocument: () => {
+            r.current = !1;
+          },
+          writeFile: () => {
+            r.current = !1;
+          }
+        },
+        width: "100%",
+        height: "100%"
+      });
+    };
+    return (() => {
+      var o;
+      if ((o = window.DocsAPI) != null && o.DocEditor) {
+        k();
+        return;
+      }
+      let e = document.querySelector(`script[src="${c}"]`);
+      e || (e = document.createElement("script"), e.src = c, document.head.appendChild(e)), e.onload = () => k(), e.onerror = () => n == null ? void 0 : n(new Error("Failed to load DocsAPI script"));
+    })(), () => {
+      var e;
+      d.off("connect", v), d.off("disconnect", D), (e = s == null ? void 0 : s.destroyEditor) == null || e.call(s), t.destroy();
+    };
+  }, []), /* @__PURE__ */ f("div", { style: { width: "100%", height: "100%", ...A }, className: R, children: /* @__PURE__ */ f("div", { id: "placeholder", style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ f(
+    "iframe",
+    {
+      style: { width: 0, height: 0, display: "none" },
+      src: h + "/web-apps/apps/api/documents/preload.html"
+    }
+  ) }) });
+}
+export {
+  _ as OnlyOfficeEditor
+};

package/dist/vue/OnlyOfficeEditor.vue.d.ts

@@ -0,0 +1,29 @@
+import { OfficeTheme, User } from '../core/types';
+interface Props {
+    assetsPath: string;
+    x2tPath?: string;
+    file?: File;
+    fileUrl?: string;
+    newDocument?: 'docx' | 'xlsx' | 'pptx' | 'pdf';
+    language?: string;
+    theme?: OfficeTheme;
+    user?: User;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    ready: () => any;
+    error: (error: Error) => any;
+    save: (blob: Blob, filename: string) => any;
+    documentStateChange: (isDirty: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onReady?: (() => any) | undefined;
+    onError?: ((error: Error) => any) | undefined;
+    onSave?: ((blob: Blob, filename: string) => any) | undefined;
+    onDocumentStateChange?: ((isDirty: boolean) => any) | undefined;
+}>, {
+    x2tPath: string;
+    user: User;
+    language: string;
+    theme: OfficeTheme;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=OnlyOfficeEditor.vue.d.ts.map

package/dist/vue/OnlyOfficeEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnlyOfficeEditor.vue.d.ts","sourceRoot":"","sources":["../../src/vue/OnlyOfficeEditor.vue"],"names":[],"mappings":"AAiKA,OAAO,KAAK,EAAa,WAAW,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEjE,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,IAAI,CAAC,EAAE,IAAI,CAAA;CACZ;;;;;;;;;;;;aAPW,MAAM;UAMT,IAAI;cAFA,MAAM;WACT,WAAW;;AAmLrB,wBAQG"}

package/dist/vue/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OnlyOfficeEditor } from './OnlyOfficeEditor.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA"}