@nookuio/iframe 0.4.0 → 0.6.0

package/dist/constants.d.ts

@@ -1,7 +1,8 @@
 /**
  * The path of the editor page which will be rendered in canvas
  */
-export declare const EDITOR_PAGE_PATH = "/__nooku/editor";
-export declare const COMPONENT_PREVIEW_PAGE_PATH = "/__nooku/component-preview";
+export declare const EDITOR_PAGE_PATH = "/__nooku__/editor";
+export declare const COMPONENT_PREVIEW_PAGE_PATH = "/__nooku__/component-preview";
+export declare const VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = "/__nooku__/virtual-sfc-preview";
 export declare const IFRAME_SOURCE_NAME = "nooku-frame";
 export declare const EDITOR_SOURCE_NAME = "nooku-editor";

package/dist/constants.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.IFRAME_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = exports.EDITOR_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = void 0;
-const EDITOR_PAGE_PATH = exports.EDITOR_PAGE_PATH = `/__nooku/editor`;
-const COMPONENT_PREVIEW_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = `/__nooku/component-preview`;
+exports.VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = exports.IFRAME_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = exports.EDITOR_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = void 0;
+const EDITOR_PAGE_PATH = exports.EDITOR_PAGE_PATH = `/__nooku__/editor`;
+const COMPONENT_PREVIEW_PAGE_PATH = exports.COMPONENT_PREVIEW_PAGE_PATH = `/__nooku__/component-preview`;
+const VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = exports.VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = `/__nooku__/virtual-sfc-preview`;
 const IFRAME_SOURCE_NAME = exports.IFRAME_SOURCE_NAME = "nooku-frame";
 const EDITOR_SOURCE_NAME = exports.EDITOR_SOURCE_NAME = "nooku-editor";

package/dist/constants.mjs

@@ -1,4 +1,5 @@
-export const EDITOR_PAGE_PATH = `/__nooku/editor`;
-export const COMPONENT_PREVIEW_PAGE_PATH = `/__nooku/component-preview`;
+export const EDITOR_PAGE_PATH = `/__nooku__/editor`;
+export const COMPONENT_PREVIEW_PAGE_PATH = `/__nooku__/component-preview`;
+export const VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH = `/__nooku__/virtual-sfc-preview`;
 export const IFRAME_SOURCE_NAME = "nooku-frame";
 export const EDITOR_SOURCE_NAME = "nooku-editor";

package/dist/createClient.d.ts

@@ -46,5 +46,6 @@ interface ClientOptions {
      */
     deserialize?: (data: any) => any;
 }
-export declare function createClient<R, L, RE, LE>(localCtx: L, options: ClientOptions): ClientReturn<R, L, RE, LE>;
+type Context = Record<string, any>;
+export declare function createClient<R extends Context, L extends Context, RE, LE>(localCtx: L, options: ClientOptions): ClientReturn<R, L, RE, LE>;
 export {};

package/dist/editor.js

@@ -7,7 +7,6 @@ exports.createEditorClient = createEditorClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
-const listenersCollection = /* @__PURE__ */new Map();
 function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {

package/dist/editor.mjs

@@ -1,7 +1,6 @@
 import { EDITOR_SOURCE_NAME, IFRAME_SOURCE_NAME } from "./constants.mjs";
 import { createClient } from "./createClient.mjs";
 import { stringify, parse } from "telejson";
-const listenersCollection = /* @__PURE__ */ new Map();
 export function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {

package/dist/iframe.d.ts

@@ -1,8 +1,8 @@
-import type { CoreIframeContext, CoreIframeEvents, EditorEvents } from './types';
+import type { CoreIframeContext, EditorEvents, VueIframeContext, VueIframeEvents } from './types';
 /**
  * This function should be called inside the iframe
  */
-export declare function createIframeClient<IframeContext extends CoreIframeContext, IframeEvents extends CoreIframeEvents>(local: Exclude<IframeContext, CoreIframeContext>, options?: {
+export declare function createVueIframeClient(vueCtx: Omit<VueIframeContext, keyof CoreIframeContext>, options?: {
     /**
      * If true, the default console methods will be disabled
      *
@@ -10,9 +10,9 @@ export declare function createIframeClient<IframeContext extends CoreIframeConte
      */
     disableDefaultConsole?: boolean;
 }): {} & {
-    $context: CoreIframeContext;
+    $context: VueIframeContext;
     on: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
     off: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    emit: <E extends keyof CoreIframeEvents>(eventName: E, ...args: CoreIframeEvents[E] extends infer T ? T extends CoreIframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
+    emit: <E extends keyof VueIframeEvents>(eventName: E, ...args: VueIframeEvents[E] extends infer T ? T extends VueIframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
     removeAllListeners: () => void;
 };

package/dist/iframe.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createIframeClient = createIframeClient;
+exports.createVueIframeClient = createVueIframeClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
@@ -36,8 +36,9 @@ function getElementStyles(selector, withPadding) {
   if (!styles?.length) return;
   return styles.length === 1 ? styles[0] : styles;
 }
-function createIframeClient(local, options) {
+function createVueIframeClient(vueCtx, options) {
   const client = (0, _createClient.createClient)({
+    ...vueCtx,
     document: window.document,
     async editText({
       path,

package/dist/iframe.mjs

@@ -30,9 +30,10 @@ function getElementStyles(selector, withPadding) {
   if (!styles?.length) return;
   return styles.length === 1 ? styles[0] : styles;
 }
-export function createIframeClient(local, options) {
+export function createVueIframeClient(vueCtx, options) {
   const client = createClient(
     {
+      ...vueCtx,
       document: window.document,
       async editText({ path, id }) {
         if (!path || id === void 0) return;

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 export * from './constants';
 export * from './types';
+export * from './iframe';
+export * from './editor';

package/dist/index.js

@@ -24,4 +24,26 @@ Object.keys(_types).forEach(function (key) {
       return _types[key];
     }
   });
+});
+var _iframe = require("./iframe");
+Object.keys(_iframe).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _iframe[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _iframe[key];
+    }
+  });
+});
+var _editor = require("./editor");
+Object.keys(_editor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _editor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _editor[key];
+    }
+  });
 });

package/dist/index.mjs

@@ -1,2 +1,4 @@
 export * from "./constants.mjs";
 export * from "./types.mjs";
+export * from "./iframe.mjs";
+export * from "./editor.mjs";

package/dist/types.d.ts

@@ -46,34 +46,37 @@ export interface CoreIframeEvents {
     ready: () => void;
     resize: (height: number) => void;
     console: (type: 'log' | 'error' | 'info' | 'warn', message: any[]) => void;
-    'route-change': (to: string) => void;
     'text-update': (options: {
         path: string;
         id: string;
         content: string;
     }) => void;
 }
-export interface IframeContext extends CoreIframeContext {
+export interface VueIframeContext extends CoreIframeContext {
     navigateTo: (to: string) => void;
-    getValue: (opts: {
+    getValue: (options: {
         code: string;
         path?: string;
         onTemplateContext?: boolean;
         context?: Record<string, any>;
     }) => any;
     getInstanceData: (path: string /** filepath path of the component */) => Record<string, any>;
-    runCode: (opts: {
+    runCode: (options: {
         path?: string;
         code: string;
         onTemplateContext?: boolean;
         context?: Record<string, any>;
     }) => any;
-    updatePreview?: (options: {
-        path: string;
-        code: string;
-    }) => void;
+    /**
+     * For virtual SFC preview
+     *
+     * Works only on VIRTUAL_VUE_SFC_RENDERER_PAGE_PATH
+     */
+    updateVirtualSfcCode?: (path: string, code: string) => void;
 }
-export interface IframeEvents extends CoreIframeEvents {
+export interface VueIframeEvents extends CoreIframeEvents {
+    'route-change': (to: string) => void;
+    'instance-data-update': (data: Record<string, any>) => void;
 }
 export interface EditorContext {
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/iframe",
   "description": "",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {