@opinly/vue 1.1.0 → 1.3.0

package/dist/index.cjs

@@ -20,11 +20,26 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  OpinlyContent: () => OpinlyContent
+  OpinlyContent: () => OpinlyContent,
+  OpinlyPixel: () => OpinlyPixel,
+  useOpinly: () => useOpinly
 });
 module.exports = __toCommonJS(index_exports);
 var import_vue = require("vue");
 var import_shared = require("@opinly/shared");
+
+// src/pixel.ts
+var import_pixel = require("@opinly/shared/pixel");
+var OpinlyPixel = {
+  install(_app, config) {
+    (0, import_pixel.loadOpinlyPixel)(config);
+  }
+};
+function useOpinly() {
+  return (0, import_pixel.getOpinlyPixel)();
+}
+
+// src/index.ts
 var OpinlyContent = (0, import_vue.defineComponent)({
   name: "OpinlyContent",
   props: {
@@ -44,6 +59,8 @@ var OpinlyContent = (0, import_vue.defineComponent)({
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  OpinlyContent
+  OpinlyContent,
+  OpinlyPixel,
+  useOpinly
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +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":[]}
+{"version":3,"sources":["../src/index.ts","../src/pixel.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\";\nexport * from \"./pixel\";\n","import type { App } from \"vue\";\nimport {\n  loadOpinlyPixel,\n  getOpinlyPixel,\n  type Opinly,\n  type OpinlyPixelConfig,\n} from \"@opinly/shared/pixel\";\n\nexport type { Opinly, OpinlyPixelConfig } from \"@opinly/shared/pixel\";\n\nexport const OpinlyPixel = {\n  install(_app: App, config: OpinlyPixelConfig) {\n    loadOpinlyPixel(config);\n  },\n};\n\nexport function useOpinly(): Opinly {\n  return getOpinlyPixel();\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAMO;AACP,oBAKO;;;ACXP,mBAKO;AAIA,IAAM,cAAc;AAAA,EACzB,QAAQ,MAAW,QAA2B;AAC5C,sCAAgB,MAAM;AAAA,EACxB;AACF;AAEO,SAAS,YAAoB;AAClC,aAAO,6BAAe;AACxB;;;ADEO,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

@@ -1,7 +1,14 @@
 import * as vue from 'vue';
-import { PropType, VNode } from 'vue';
+import { App, PropType, VNode } from 'vue';
 import { OpinlyNode, OpinlyConfig, ClassNames } from '@opinly/shared';
 export { ClassNames, OpinlyConfig, OpinlyNode } from '@opinly/shared';
+import { OpinlyPixelConfig, Opinly } from '@opinly/shared/pixel';
+export { Opinly, OpinlyPixelConfig } from '@opinly/shared/pixel';
+
+declare const OpinlyPixel: {
+    install(_app: App, config: OpinlyPixelConfig): void;
+};
+declare function useOpinly(): Opinly;
 
 /**
  * Renders Opinly content as Vue vnodes. Content-only — no page layout.
@@ -39,4 +46,4 @@ declare const OpinlyContent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { OpinlyContent };
+export { OpinlyContent, OpinlyPixel, useOpinly };

package/dist/index.d.ts

@@ -1,7 +1,14 @@
 import * as vue from 'vue';
-import { PropType, VNode } from 'vue';
+import { App, PropType, VNode } from 'vue';
 import { OpinlyNode, OpinlyConfig, ClassNames } from '@opinly/shared';
 export { ClassNames, OpinlyConfig, OpinlyNode } from '@opinly/shared';
+import { OpinlyPixelConfig, Opinly } from '@opinly/shared/pixel';
+export { Opinly, OpinlyPixelConfig } from '@opinly/shared/pixel';
+
+declare const OpinlyPixel: {
+    install(_app: App, config: OpinlyPixelConfig): void;
+};
+declare function useOpinly(): Opinly;
 
 /**
  * Renders Opinly content as Vue vnodes. Content-only — no page layout.
@@ -39,4 +46,4 @@ declare const OpinlyContent: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { OpinlyContent };
+export { OpinlyContent, OpinlyPixel, useOpinly };

package/dist/index.js

@@ -7,6 +7,22 @@ import {
 import {
   createRenderer
 } from "@opinly/shared";
+
+// src/pixel.ts
+import {
+  loadOpinlyPixel,
+  getOpinlyPixel
+} from "@opinly/shared/pixel";
+var OpinlyPixel = {
+  install(_app, config) {
+    loadOpinlyPixel(config);
+  }
+};
+function useOpinly() {
+  return getOpinlyPixel();
+}
+
+// src/index.ts
 var OpinlyContent = defineComponent({
   name: "OpinlyContent",
   props: {
@@ -25,6 +41,8 @@ var OpinlyContent = defineComponent({
   }
 });
 export {
-  OpinlyContent
+  OpinlyContent,
+  OpinlyPixel,
+  useOpinly
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +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":[]}
+{"version":3,"sources":["../src/index.ts","../src/pixel.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\";\nexport * from \"./pixel\";\n","import type { App } from \"vue\";\nimport {\n  loadOpinlyPixel,\n  getOpinlyPixel,\n  type Opinly,\n  type OpinlyPixelConfig,\n} from \"@opinly/shared/pixel\";\n\nexport type { Opinly, OpinlyPixelConfig } from \"@opinly/shared/pixel\";\n\nexport const OpinlyPixel = {\n  install(_app: App, config: OpinlyPixelConfig) {\n    loadOpinlyPixel(config);\n  },\n};\n\nexport function useOpinly(): Opinly {\n  return getOpinlyPixel();\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP;AAAA,EACE;AAAA,OAIK;;;ACXP;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAIA,IAAM,cAAc;AAAA,EACzB,QAAQ,MAAW,QAA2B;AAC5C,oBAAgB,MAAM;AAAA,EACxB;AACF;AAEO,SAAS,YAAoB;AAClC,SAAO,eAAe;AACxB;;;ADEO,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

@@ -1,7 +1,7 @@
 {
   "name": "@opinly/vue",
   "description": "Vue renderer for Opinly content (Tiptap JSON). Content-only — works in Nuxt & Vue.",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs",
@@ -15,7 +15,7 @@
     }
   },
   "dependencies": {
-    "@opinly/shared": "1.1.0"
+    "@opinly/shared": "1.3.0"
   },
   "peerDependencies": {
     "vue": "^3.3.0"