@p10node/office-engine 0.0.0-stage → 0.1.0

package/dist/embed.js

@@ -0,0 +1,83 @@
+
+import "./default-worker-B5CGBnic.js";
+import { t as e } from "./DocViewer-Cv4LaMB_.js";
+import { createElement as t } from "react";
+import { createRoot as n } from "react-dom/client";
+// src/embed.ts
+function r(r, i) {
+	let a = n(r), o = i, s = r.getRootNode() instanceof ShadowRoot ? r.getRootNode() : void 0, c = () => a?.render(t(e, {
+		...o,
+		styleTarget: s
+	}));
+	return c(), {
+		update(e) {
+			o = {
+				...o,
+				...e
+			}, c();
+		},
+		destroy() {
+			a?.unmount(), a = null;
+		}
+	};
+}
+var i = class extends HTMLElement {
+	static observedAttributes = [
+		"src",
+		"name",
+		"toolbar",
+		"thumbnails",
+		"editable",
+		"collab",
+		"room",
+		"user"
+	];
+	viewer;
+	_file;
+	get file() {
+		return this._file;
+	}
+	set file(e) {
+		this._file = e, this.sync();
+	}
+	connectedCallback() {
+		if (this.viewer) return;
+		let e = this.shadowRoot ?? this.attachShadow({ mode: "open" }), t = document.createElement("div");
+		t.style.cssText = "width:100%;height:100%", e.innerHTML = "<style>:host{display:block;height:480px;position:relative}</style>", e.appendChild(t), this.viewer = r(t, this.props());
+	}
+	disconnectedCallback() {
+		this.viewer?.destroy(), this.viewer = void 0, this.shadowRoot && (this.shadowRoot.innerHTML = "");
+	}
+	attributeChangedCallback() {
+		this.sync();
+	}
+	props() {
+		return {
+			src: this._file ?? this.getAttribute("src"),
+			name: this.getAttribute("name") ?? void 0,
+			toolbar: this.getAttribute("toolbar") !== "false",
+			thumbnails: this.getAttribute("thumbnails") !== "false",
+			editable: this.hasAttribute("editable") && this.getAttribute("editable") !== "false",
+			collab: this.getAttribute("collab") && this.getAttribute("room") ? {
+				transport: this.getAttribute("collab"),
+				room: this.getAttribute("room"),
+				user: { name: this.getAttribute("user") || "Guest" }
+			} : void 0,
+			onLoad: (e) => this.dispatchEvent(new CustomEvent("load", { detail: {
+				kind: e.kind,
+				name: e.name
+			} })),
+			onError: (e) => this.dispatchEvent(new CustomEvent("error", { detail: e }))
+		};
+	}
+	sync() {
+		this.viewer?.update(this.props());
+	}
+};
+function a(e = "office-viewer") {
+	typeof customElements < "u" && !customElements.get(e) && customElements.define(e, i);
+}
+a();
+export { e as DocViewer, i as OfficeViewerElement, a as defineElement, r as mount };
+
+//# sourceMappingURL=embed.js.map

package/dist/embed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed.js","names":["DocViewer","mount","root","createRoot","el","props","options","shadow","render","createElement","next","OfficeViewerElement","v","host","client","error","defineElement","tag"],"sources":["../src/embed.ts"],"sourcesContent":["import { createElement } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\nimport './core/default-worker'\nimport { DocViewer, type DocViewerProps } from './react/DocViewer'\n\nexport type MountOptions = Omit<DocViewerProps, 'styleTarget'>\n\nexport interface MountedViewer {\n  update(next: Partial<MountOptions>): void\n  destroy(): void\n}\n\n/** Framework-free embedding: renders the viewer into `el`. */\nexport function mount(el: HTMLElement, options: MountOptions): MountedViewer {\n  let root: Root | null = createRoot(el)\n  let props = options\n  const shadow = el.getRootNode() instanceof ShadowRoot ? (el.getRootNode() as ShadowRoot) : undefined\n  const render = () => root?.render(createElement(DocViewer, { ...props, styleTarget: shadow }))\n  render()\n  return {\n    update(next) {\n      props = { ...props, ...next }\n      render()\n    },\n    destroy() {\n      root?.unmount()\n      root = null\n    },\n  }\n}\n\n/**\n * `<office-viewer src=\"/file.xlsx\" style=\"height:600px\"></office-viewer>`\n * Rendered inside a shadow root so host page CSS cannot leak in.\n * Attributes: src, name, editable, toolbar (\"false\" to hide), thumbnails (\"false\" to hide);\n * real-time collaboration: collab (hub WebSocket URL), room, user (display name).\n * Property: `file` (File/Blob/ArrayBuffer) for local data.\n */\nexport class OfficeViewerElement extends HTMLElement {\n  static observedAttributes = ['src', 'name', 'toolbar', 'thumbnails', 'editable', 'collab', 'room', 'user']\n  private viewer?: MountedViewer\n  private _file?: Blob | ArrayBuffer\n\n  get file() {\n    return this._file\n  }\n  set file(v: Blob | ArrayBuffer | undefined) {\n    this._file = v\n    this.sync()\n  }\n\n  connectedCallback() {\n    if (this.viewer) return\n    const shadow = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const host = document.createElement('div')\n    host.style.cssText = 'width:100%;height:100%'\n    shadow.innerHTML = '<style>:host{display:block;height:480px;position:relative}</style>'\n    shadow.appendChild(host)\n    this.viewer = mount(host, this.props())\n  }\n\n  disconnectedCallback() {\n    this.viewer?.destroy()\n    this.viewer = undefined\n    if (this.shadowRoot) this.shadowRoot.innerHTML = ''\n  }\n\n  attributeChangedCallback() {\n    this.sync()\n  }\n\n  private props(): MountOptions {\n    return {\n      src: this._file ?? this.getAttribute('src'),\n      name: this.getAttribute('name') ?? undefined,\n      toolbar: this.getAttribute('toolbar') !== 'false',\n      thumbnails: this.getAttribute('thumbnails') !== 'false',\n      editable: this.hasAttribute('editable') && this.getAttribute('editable') !== 'false',\n      collab:\n        this.getAttribute('collab') && this.getAttribute('room')\n          ? { transport: this.getAttribute('collab')!, room: this.getAttribute('room')!, user: { name: this.getAttribute('user') || 'Guest' } }\n          : undefined,\n      onLoad: (client) => this.dispatchEvent(new CustomEvent('load', { detail: { kind: client.kind, name: client.name } })),\n      onError: (error) => this.dispatchEvent(new CustomEvent('error', { detail: error })),\n    }\n  }\n\n  private sync() {\n    this.viewer?.update(this.props())\n  }\n}\n\nexport function defineElement(tag = 'office-viewer') {\n  if (typeof customElements !== 'undefined' && !customElements.get(tag)) customElements.define(tag, OfficeViewerElement)\n}\n\ndefineElement()\n\nexport { DocViewer }\n"],"mappings":";;;;;;AAaA,SAAgBC,EAAM,GAAiB,GAAsC;CAC3E,IAAIC,IAAoBC,EAAWC,CAAE,GACjCC,IAAQC,GACNC,IAASH,EAAG,YAAY,aAAa,aAAcA,EAAG,YAAY,IAAmB,KAAA,GACrFI,UAAeN,GAAM,OAAOO,EAAcT,GAAW;EAAE,GAAGK;EAAO,aAAaE;CAAO,CAAC,CAAC;CAE7F,OADAC,EAAO,GACA;EACL,OAAO,GAAM;GAEX,AADA,IAAQ;IAAE,GAAGH;IAAO,GAAGK;GAAK,GAC5BF,EAAO;EACT;EACA,UAAU;GAER,AADAN,GAAM,QAAQ,GACd,IAAO;EACT;CACF;AACF;AASA,IAAaS,IAAb,cAAyC,YAAY;CACnD,OAAO,qBAAqB;EAAC;EAAO;EAAQ;EAAW;EAAc;EAAY;EAAU;EAAQ;CAAM;CACzG;CACA;CAEA,IAAI,OAAO;EACT,OAAO,KAAK;CACd;CACA,IAAI,KAAK,GAAmC;EAE1C,AADA,KAAK,QAAQC,GACb,KAAK,KAAK;CACZ;CAEA,oBAAoB;EAClB,IAAI,KAAK,QAAQ;EACjB,IAAML,IAAS,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GAC9DM,IAAO,SAAS,cAAc,KAAK;EAIzC,AAHA,EAAK,MAAM,UAAU,0BACrB,EAAO,YAAY,sEACnBN,EAAO,YAAYM,CAAI,GACvB,KAAK,SAASZ,EAAMY,GAAM,KAAK,MAAM,CAAC;CACxC;CAEA,uBAAuB;EAGrB,AAFA,KAAK,QAAQ,QAAQ,GACrB,KAAK,SAAS,KAAA,GACV,KAAK,eAAY,KAAK,WAAW,YAAY;CACnD;CAEA,2BAA2B;EACzB,KAAK,KAAK;CACZ;CAEA,QAA8B;EAC5B,OAAO;GACL,KAAK,KAAK,SAAS,KAAK,aAAa,KAAK;GAC1C,MAAM,KAAK,aAAa,MAAM,KAAK,KAAA;GACnC,SAAS,KAAK,aAAa,SAAS,MAAM;GAC1C,YAAY,KAAK,aAAa,YAAY,MAAM;GAChD,UAAU,KAAK,aAAa,UAAU,KAAK,KAAK,aAAa,UAAU,MAAM;GAC7E,QACE,KAAK,aAAa,QAAQ,KAAK,KAAK,aAAa,MAAM,IACnD;IAAE,WAAW,KAAK,aAAa,QAAQ;IAAI,MAAM,KAAK,aAAa,MAAM;IAAI,MAAM,EAAE,MAAM,KAAK,aAAa,MAAM,KAAK,QAAQ;GAAE,IAClI,KAAA;GACN,SAAS,MAAW,KAAK,cAAc,IAAI,YAAY,QAAQ,EAAE,QAAQ;IAAE,MAAMC,EAAO;IAAM,MAAMA,EAAO;GAAK,EAAE,CAAC,CAAC;GACpH,UAAU,MAAU,KAAK,cAAc,IAAI,YAAY,SAAS,EAAE,QAAQC,EAAM,CAAC,CAAC;EACpF;CACF;CAEA,OAAe;EACb,KAAK,QAAQ,OAAO,KAAK,MAAM,CAAC;CAClC;AACF;AAEA,SAAgBC,EAAc,IAAM,iBAAiB;CACnD,AAAI,OAAO,iBAAmB,OAAe,CAAC,eAAe,IAAIC,CAAG,KAAG,eAAe,OAAOA,GAAKN,CAAmB;AACvH;AAEAK,EAAc"}

package/dist/index.js

@@ -0,0 +1,5 @@
+
+import { n as e, t } from "./default-worker-B5CGBnic.js";
+import { a as n, c as r, d as i, i as a, l as o, n as s, o as c, r as l, s as u, t as d, u as f } from "./DocViewer-Cv4LaMB_.js";
+import { i as p, n as m, r as h, s as g, t as _ } from "./collab-BzN1ZI-z.js";
+export { s as CollabBar, m as CollabHub, g as CollabSession, d as DocViewer, t as DocumentClient, i as DocxView, h as MemoryTransport, l as PeerOverlay, u as PptxView, r as SlideView, p as WebSocketTransport, n as XlsxView, o as injectStyles, e as setDefaultWorker, _ as startCollab, f as stylesText, a as useCollab, c as useDocument };