@inshapardaz/likhari-vue 0.0.0-stage → 0.1.2-dev.291

package/dist/LikhariEditor.d.ts

@@ -0,0 +1,84 @@
+import { type PropType } from 'vue';
+import '@inshapardaz/likhari-webcomponent';
+import type { EditorFeatureConfig } from '@inshapardaz/likhari-core';
+import type { FormatId } from '@inshapardaz/likhari-converters';
+/**
+ * `<LikhariEditor>` for Vue. A thin wrapper over the `<likhari-editor>` Web
+ * Component: props become attributes, `featureConfig` is set as a property, and the
+ * element's `editor-change` and `editor-save` events are re-emitted as `change` and
+ * `save`. Template refs can call `getContent`, `setContent`, `hasUnsavedChanges`,
+ * `confirmDiscard` and `focus`, which are exposed below.
+ */
+export declare const LikhariEditor: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    documentId: StringConstructor;
+    locale: PropType<string>;
+    colorScheme: PropType<"light" | "dark">;
+    accentColor: StringConstructor;
+    placeholder: StringConstructor;
+    height: StringConstructor;
+    showSave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autosave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    featurePreset: PropType<"minimal" | "standard" | "full" | "poetry">;
+    toolbarBordered: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    toolbarVariant: PropType<"light" | "filled">;
+    helpUrl: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    featureConfig: PropType<EditorFeatureConfig>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (state: unknown) => state is {} | null;
+    save: (payload: {
+        content: string;
+        format: FormatId;
+    }) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    documentId: StringConstructor;
+    locale: PropType<string>;
+    colorScheme: PropType<"light" | "dark">;
+    accentColor: StringConstructor;
+    placeholder: StringConstructor;
+    height: StringConstructor;
+    showSave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    autosave: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    featurePreset: PropType<"minimal" | "standard" | "full" | "poetry">;
+    toolbarBordered: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    toolbarVariant: PropType<"light" | "filled">;
+    helpUrl: {
+        type: PropType<string | false>;
+        default: undefined;
+    };
+    featureConfig: PropType<EditorFeatureConfig>;
+}>> & Readonly<{
+    onChange?: ((state: unknown) => any) | undefined;
+    onSave?: ((payload: {
+        content: string;
+        format: FormatId;
+    }) => any) | undefined;
+}>, {
+    showSave: boolean;
+    autosave: boolean;
+    toolbarBordered: boolean;
+    helpUrl: string | false;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=LikhariEditor.d.ts.map

package/dist/LikhariEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikhariEditor.d.ts","sourceRoot":"","sources":["../src/LikhariEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8D,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAChG,OAAO,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAahE;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;YAIJ,QAAQ,CAAC,MAAM,CAAC;iBACX,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;;;;;;;;;;;;mBAOxB,QAAQ,CAAC,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;;;;;oBAEnD,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;;cAChB,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;;;mBACrC,QAAQ,CAAC,mBAAmB,CAAC;;;;oBAGtC,OAAO;oBACP;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,QAAQ,CAAA;KAAE;;;YAhBnC,QAAQ,CAAC,MAAM,CAAC;iBACX,QAAQ,CAAC,OAAO,GAAG,MAAM,CAAC;;;;;;;;;;;;mBAOxB,QAAQ,CAAC,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,CAAC;;;;;oBAEnD,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;;cAChB,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC;;;mBACrC,QAAQ,CAAC,mBAAmB,CAAC;;;;iBAI3B,MAAM;gBAAU,QAAQ;;;;;;;4EAmCrD,CAAC"}

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}

package/dist/likhari-vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as v, ref as c, onMounted as h, onBeforeUnmount as f, watch as s, h as g } from "vue";
+import "@inshapardaz/likhari-webcomponent";
+function m(e) {
+  return {
+    "document-id": e.documentId ?? null,
+    locale: e.locale ?? null,
+    "color-scheme": e.colorScheme ?? null,
+    "accent-color": e.accentColor ?? null,
+    placeholder: e.placeholder ?? null,
+    height: e.height ?? null,
+    "show-save": e.showSave === void 0 ? null : e.showSave ? "" : "false",
+    autosave: e.autosave === void 0 ? null : e.autosave ? "" : "false",
+    "feature-preset": e.featurePreset ?? null,
+    "toolbar-bordered": e.toolbarBordered === void 0 ? null : e.toolbarBordered ? "" : "false",
+    "toolbar-variant": e.toolbarVariant ?? null,
+    "help-url": e.helpUrl === void 0 ? null : e.helpUrl === !1 ? "false" : e.helpUrl
+  };
+}
+const b = v({
+  name: "LikhariEditor",
+  props: {
+    documentId: String,
+    locale: String,
+    colorScheme: String,
+    accentColor: String,
+    placeholder: String,
+    height: String,
+    // Vue makes an absent Boolean prop false; `default: undefined` keeps "not set" distinct from false.
+    showSave: { type: Boolean, default: void 0 },
+    autosave: { type: Boolean, default: void 0 },
+    featurePreset: String,
+    toolbarBordered: { type: Boolean, default: void 0 },
+    toolbarVariant: String,
+    helpUrl: { type: [String, Boolean], default: void 0 },
+    featureConfig: Object
+  },
+  emits: {
+    change: (e) => e !== void 0,
+    save: (e) => e !== void 0
+  },
+  setup(e, { emit: o, expose: d }) {
+    const a = c(null), n = (t) => o("change", t.detail), r = (t) => o("save", t.detail), i = () => {
+      a.value && (a.value.featureConfig = e.featureConfig);
+    };
+    return h(() => {
+      var t, l;
+      (t = a.value) == null || t.addEventListener("editor-change", n), (l = a.value) == null || l.addEventListener("editor-save", r), i();
+    }), f(() => {
+      var t, l;
+      (t = a.value) == null || t.removeEventListener("editor-change", n), (l = a.value) == null || l.removeEventListener("editor-save", r);
+    }), s(() => e.featureConfig, i, { deep: !0 }), d({
+      getContent: (t) => {
+        var l;
+        return ((l = a.value) == null ? void 0 : l.getContent(t)) ?? "";
+      },
+      setContent: (t, l) => {
+        var u;
+        return (u = a.value) == null ? void 0 : u.setContent(t, l);
+      },
+      hasUnsavedChanges: () => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.hasUnsavedChanges()) ?? !1;
+      },
+      confirmDiscard: () => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.confirmDiscard()) ?? Promise.resolve(!0);
+      },
+      focus: () => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.focus();
+      }
+    }), () => g("likhari-editor", { ref: a, ...m(e) });
+  }
+});
+export {
+  b as LikhariEditor,
+  m as toElementAttributes
+};

package/package.json

@@ -1,6 +1,44 @@
 {
   "name": "@inshapardaz/likhari-vue",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.2-dev.291",
+  "description": "Vue 3 component for the Likhari editor, a thin wrapper over the <likhari-editor> Web Component.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/inshapardaz/likhari"
+  },
+  "type": "module",
+  "main": "./dist/likhari-vue.js",
+  "module": "./dist/likhari-vue.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/likhari-vue.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "npm run build --workspace @inshapardaz/likhari-webcomponent && vite build && tsc -p tsconfig.build.json",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@inshapardaz/likhari-converters": "*",
+    "@inshapardaz/likhari-core": "*",
+    "@inshapardaz/likhari-webcomponent": "*"
+  },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.9.0",
+    "vite": "^5.4.10",
+    "vue": "^3.5.43"
+  }
+}

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.