@opinly/vue 1.0.0-alpha.0

package/dist/index.cjs

@@ -0,0 +1,49 @@
+"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, {
+  OpinlyContent: () => OpinlyContent
+});
+module.exports = __toCommonJS(index_exports);
+var import_vue = require("vue");
+var import_shared = require("@opinly/shared");
+var OpinlyContent = (0, import_vue.defineComponent)({
+  name: "OpinlyContent",
+  props: {
+    content: { type: Object, required: true },
+    config: { type: Object, required: true },
+    classNames: { type: Object, required: false }
+  },
+  setup(props) {
+    const render = (0, import_shared.createRenderer)({
+      config: props.config,
+      classNames: props.classNames,
+      renderFn: (type, elementProps, children) => (0, import_vue.h)(type, elementProps, children),
+      textFn: (value) => (0, import_vue.createTextVNode)(value)
+    });
+    return () => render(props.content);
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OpinlyContent
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  createTextVNode,\n  type PropType,\n  type VNode,\n} from \"vue\";\nimport {\n  createRenderer,\n  type OpinlyNode,\n  type OpinlyConfig,\n  type ClassNames,\n} from \"@opinly/shared\";\n\n/**\n * Renders Opinly content as Vue vnodes. Content-only — no page layout.\n *\n * Wraps @opinly/shared's framework-agnostic walker with Vue's `h` + text vnodes.\n * Vue uses `class` natively, so no className remap is needed.\n */\nexport const OpinlyContent = defineComponent({\n  name: \"OpinlyContent\",\n  props: {\n    content: { type: Object as PropType<OpinlyNode>, required: true },\n    config: { type: Object as PropType<OpinlyConfig>, required: true },\n    classNames: { type: Object as PropType<ClassNames>, required: false },\n  },\n  setup(props) {\n    const render = createRenderer<VNode>({\n      config: props.config,\n      classNames: props.classNames,\n      renderFn: (type, elementProps, children) =>\n        h(type as never, elementProps as never, children),\n      textFn: (value) => createTextVNode(value),\n    });\n\n    return () => render(props.content);\n  },\n});\n\nexport type { OpinlyNode, OpinlyConfig, ClassNames } from \"@opinly/shared\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMO;AACP,oBAKO;AAQA,IAAM,oBAAgB,4BAAgB;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAgC,UAAU,KAAK;AAAA,IAChE,QAAQ,EAAE,MAAM,QAAkC,UAAU,KAAK;AAAA,IACjE,YAAY,EAAE,MAAM,QAAgC,UAAU,MAAM;AAAA,EACtE;AAAA,EACA,MAAM,OAAO;AACX,UAAM,aAAS,8BAAsB;AAAA,MACnC,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,UAAU,CAAC,MAAM,cAAc,iBAC7B,cAAE,MAAe,cAAuB,QAAQ;AAAA,MAClD,QAAQ,CAAC,cAAU,4BAAgB,KAAK;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM,OAAO,MAAM,OAAO;AAAA,EACnC;AACF,CAAC;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,42 @@
+import * as vue from 'vue';
+import { PropType, VNode } from 'vue';
+import { OpinlyNode, OpinlyConfig, ClassNames } from '@opinly/shared';
+export { ClassNames, OpinlyConfig, OpinlyNode } from '@opinly/shared';
+
+/**
+ * Renders Opinly content as Vue vnodes. Content-only — no page layout.
+ *
+ * Wraps @opinly/shared's framework-agnostic walker with Vue's `h` + text vnodes.
+ * Vue uses `class` natively, so no className remap is needed.
+ */
+declare const OpinlyContent: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<OpinlyNode>;
+        required: true;
+    };
+    config: {
+        type: PropType<OpinlyConfig>;
+        required: true;
+    };
+    classNames: {
+        type: PropType<ClassNames>;
+        required: false;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<OpinlyNode>;
+        required: true;
+    };
+    config: {
+        type: PropType<OpinlyConfig>;
+        required: true;
+    };
+    classNames: {
+        type: PropType<ClassNames>;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { OpinlyContent };

package/dist/index.d.ts

@@ -0,0 +1,42 @@
+import * as vue from 'vue';
+import { PropType, VNode } from 'vue';
+import { OpinlyNode, OpinlyConfig, ClassNames } from '@opinly/shared';
+export { ClassNames, OpinlyConfig, OpinlyNode } from '@opinly/shared';
+
+/**
+ * Renders Opinly content as Vue vnodes. Content-only — no page layout.
+ *
+ * Wraps @opinly/shared's framework-agnostic walker with Vue's `h` + text vnodes.
+ * Vue uses `class` natively, so no className remap is needed.
+ */
+declare const OpinlyContent: vue.DefineComponent<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<OpinlyNode>;
+        required: true;
+    };
+    config: {
+        type: PropType<OpinlyConfig>;
+        required: true;
+    };
+    classNames: {
+        type: PropType<ClassNames>;
+        required: false;
+    };
+}>, () => VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>[], {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    content: {
+        type: PropType<OpinlyNode>;
+        required: true;
+    };
+    config: {
+        type: PropType<OpinlyConfig>;
+        required: true;
+    };
+    classNames: {
+        type: PropType<ClassNames>;
+        required: false;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { OpinlyContent };

package/dist/index.js

@@ -0,0 +1,30 @@
+// src/index.ts
+import {
+  defineComponent,
+  h,
+  createTextVNode
+} from "vue";
+import {
+  createRenderer
+} from "@opinly/shared";
+var OpinlyContent = defineComponent({
+  name: "OpinlyContent",
+  props: {
+    content: { type: Object, required: true },
+    config: { type: Object, required: true },
+    classNames: { type: Object, required: false }
+  },
+  setup(props) {
+    const render = createRenderer({
+      config: props.config,
+      classNames: props.classNames,
+      renderFn: (type, elementProps, children) => h(type, elementProps, children),
+      textFn: (value) => createTextVNode(value)
+    });
+    return () => render(props.content);
+  }
+});
+export {
+  OpinlyContent
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  h,\n  createTextVNode,\n  type PropType,\n  type VNode,\n} from \"vue\";\nimport {\n  createRenderer,\n  type OpinlyNode,\n  type OpinlyConfig,\n  type ClassNames,\n} from \"@opinly/shared\";\n\n/**\n * Renders Opinly content as Vue vnodes. Content-only — no page layout.\n *\n * Wraps @opinly/shared's framework-agnostic walker with Vue's `h` + text vnodes.\n * Vue uses `class` natively, so no className remap is needed.\n */\nexport const OpinlyContent = defineComponent({\n  name: \"OpinlyContent\",\n  props: {\n    content: { type: Object as PropType<OpinlyNode>, required: true },\n    config: { type: Object as PropType<OpinlyConfig>, required: true },\n    classNames: { type: Object as PropType<ClassNames>, required: false },\n  },\n  setup(props) {\n    const render = createRenderer<VNode>({\n      config: props.config,\n      classNames: props.classNames,\n      renderFn: (type, elementProps, children) =>\n        h(type as never, elementProps as never, children),\n      textFn: (value) => createTextVNode(value),\n    });\n\n    return () => render(props.content);\n  },\n});\n\nexport type { OpinlyNode, OpinlyConfig, ClassNames } from \"@opinly/shared\";\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,OAIK;AAQA,IAAM,gBAAgB,gBAAgB;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS,EAAE,MAAM,QAAgC,UAAU,KAAK;AAAA,IAChE,QAAQ,EAAE,MAAM,QAAkC,UAAU,KAAK;AAAA,IACjE,YAAY,EAAE,MAAM,QAAgC,UAAU,MAAM;AAAA,EACtE;AAAA,EACA,MAAM,OAAO;AACX,UAAM,SAAS,eAAsB;AAAA,MACnC,QAAQ,MAAM;AAAA,MACd,YAAY,MAAM;AAAA,MAClB,UAAU,CAAC,MAAM,cAAc,aAC7B,EAAE,MAAe,cAAuB,QAAQ;AAAA,MAClD,QAAQ,CAAC,UAAU,gBAAgB,KAAK;AAAA,IAC1C,CAAC;AAED,WAAO,MAAM,OAAO,MAAM,OAAO;AAAA,EACnC;AACF,CAAC;","names":[]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@opinly/vue",
+  "description": "Vue renderer for Opinly content (Tiptap JSON). Content-only — works in Nuxt & Vue.",
+  "version": "1.0.0-alpha.0",
+  "private": false,
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "dependencies": {
+    "@opinly/shared": "1.0.0-alpha.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.3.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.0",
+    "typescript": "^5.3.3",
+    "vue": "^3.5.0"
+  },
+  "engines": {
+    "node": ">=16"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist/**"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "packages-dev": "tsup --config tsup.config.ts --watch",
+    "check-types": "tsc --noEmit",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist"
+  }
+}