@kedataindo/docflow-element 0.0.1

package/dist/DocsEditorElement.d.ts

@@ -0,0 +1,14 @@
+import type { DocsEditorPlugin } from '@kedata-indonesia/docflow-core';
+export declare class DocsEditorElement extends HTMLElement {
+    static observedAttributes: string[];
+    private _vueElement?;
+    private _shadowRoot?;
+    private _plugins;
+    get plugins(): DocsEditorPlugin[];
+    set plugins(value: DocsEditorPlugin[]);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(_name: string, oldValue: string | null, newValue: string | null): void;
+    private _buildProps;
+}
+//# sourceMappingURL=DocsEditorElement.d.ts.map

package/dist/DocsEditorElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocsEditorElement.d.ts","sourceRoot":"","sources":["../src/DocsEditorElement.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAQtE,qBAAa,iBAAkB,SAAQ,WAAW;IAChD,MAAM,CAAC,kBAAkB,WAA4D;IAErF,OAAO,CAAC,WAAW,CAAC,CAAa;IACjC,OAAO,CAAC,WAAW,CAAC,CAAY;IAChC,OAAO,CAAC,QAAQ,CAAyB;IAEzC,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAEhC;IAED,IAAI,OAAO,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAKpC;IAED,iBAAiB;IAgBjB,oBAAoB;IAMpB,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IAKxF,OAAO,CAAC,WAAW;CAmCpB"}

package/dist/index.cjs

@@ -0,0 +1,114 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DocsEditorElement: () => DocsEditorElement,
+  registerDocsEditor: () => registerDocsEditor
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DocsEditorElement.ts
+var import_docflow_vue = require("@kedata-indonesia/docflow-vue");
+var import_vue = require("vue");
+
+// src/shadow.css?inline
+var shadow_default = {};
+
+// src/DocsEditorElement.ts
+var VueDocsEditorElement = (0, import_vue.defineCustomElement)(import_docflow_vue.DocsEditor);
+var DocsEditorElement = class extends HTMLElement {
+  static observedAttributes = ["room", "theme", "editable", "content", "websocket-url"];
+  _vueElement;
+  _shadowRoot;
+  _plugins = [];
+  get plugins() {
+    return this._plugins;
+  }
+  set plugins(value) {
+    this._plugins = value;
+    if (this._vueElement) {
+      Object.assign(this._vueElement, this._buildProps());
+    }
+  }
+  connectedCallback() {
+    if (typeof window === "undefined" || typeof document === "undefined") return;
+    this._shadowRoot = this.attachShadow({ mode: "open" });
+    const styleEl = document.createElement("style");
+    styleEl.textContent = shadow_default;
+    this._shadowRoot.appendChild(styleEl);
+    const props = this._buildProps();
+    this._vueElement = new VueDocsEditorElement(props);
+    this._shadowRoot.appendChild(this._vueElement);
+  }
+  disconnectedCallback() {
+    this._vueElement?.remove();
+    this._vueElement = void 0;
+    this._shadowRoot = void 0;
+  }
+  attributeChangedCallback(_name, oldValue, newValue) {
+    if (oldValue === newValue || !this._vueElement) return;
+    Object.assign(this._vueElement, this._buildProps());
+  }
+  _buildProps() {
+    const editableAttr = this.getAttribute("editable");
+    const editable = editableAttr === null ? true : editableAttr !== "false";
+    let modelValue;
+    const contentAttr = this.getAttribute("content");
+    if (contentAttr !== null) {
+      try {
+        modelValue = JSON.parse(contentAttr);
+      } catch {
+        modelValue = contentAttr;
+      }
+    }
+    const room = this.getAttribute("room");
+    const websocketUrl = this.getAttribute("websocket-url");
+    let collaboration;
+    if (room) {
+      collaboration = {
+        room,
+        user: { name: "Anonymous", color: "#3b82f6" }
+      };
+      if (websocketUrl) {
+        collaboration.provider = "websocket";
+        collaboration.websocketUrl = websocketUrl;
+      }
+    }
+    return {
+      modelValue,
+      editable,
+      collaboration,
+      plugins: this._plugins
+    };
+  }
+};
+
+// src/index.ts
+function registerDocsEditor(tagName = "docs-editor", registry = typeof customElements !== "undefined" ? customElements : void 0) {
+  if (registry && !registry.get(tagName)) {
+    registry.define(tagName, DocsEditorElement);
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocsEditorElement,
+  registerDocsEditor
+});