@beyond-js/kernel - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

core/ts/ts.d.ts

@@ -5,3 +5,3 @@ /************
 
-import * as dependency_0 from 'socket.io';
+import * as dependency_0 from 'socket.io-client';
 
@@ -119,3 +119,3 @@ // FILE: _prepare-stack-trace\error.d.ts
         get transversals(): {
-            "__#5141@#transversals": Map<string, ns_transversals_transversal.Transversal>;
+            "__#5132@#transversals": Map<string, ns_transversals_transversal.Transversal>;
             has(name: string, language: string): boolean;
@@ -613,5 +613,5 @@ obtain(name: string, language: string, deps?: ns_bundles_instances_dependencies.IDependencies): ns_transversals_transversal.Transversal;
         new (message: string, stack: Stack): {
-            "__#5123@#message": string;
+            "__#5114@#message": string;
             readonly message: string;
-            readonly "__#5123@#stack": Stack;
+            readonly "__#5114@#stack": Stack;
             readonly stack: Stack;
@@ -787,3 +787,3 @@ };
     const transversals: {
-        "__#5141@#transversals": Map<string, Transversal>;
+        "__#5132@#transversals": Map<string, Transversal>;
         has(name: string, language: string): boolean;
@@ -957,2 +957,3 @@ obtain(name: string, language: string, deps?: IDependencies): Transversal;
         get layout(): string;
+        get Widget(): any;
         createStore(): IWidgetStore;
@@ -968,3 +969,2 @@ protected constructor({ specs, component }: Partial<{
 declare namespace ns_widgets_controller_controller {
-    import BeyondWidget = ns_widgets_widget_widget.BeyondWidget;
     import BeyondWidgetControllerBase = ns_widgets_controller_base.BeyondWidgetControllerBase;
@@ -977,2 +977,3 @@ import IWidgetStore = ns_widgets_controller_base.IWidgetStore;
         #private;
+        get Widget(): any;
         get component(): HTMLElement;
@@ -983,3 +984,3 @@ get hydratable(): boolean;
         protected constructor(component: HTMLElement);
-        abstract mount(Widget: typeof BeyondWidget): void;
+        abstract mount(): void;
         abstract unmount(): void;
@@ -986,0 +987,0 @@ render(): void;

package.json

 {
   "name": "@beyond-js/kernel",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "keywords": [],
@@ -5,0 +5,0 @@ "uimport": true,

react-widget/ts/ts.amd.js

@@ -21,8 +21,8 @@ define(["exports", "react", "react-dom", "@beyond-js/kernel/core/ts", "@beyond-js/kernel/routing/ts"], function (_exports2, dependency_0, dependency_1, dependency_2, dependency_3) {
   const modules = new Map();
-  /******************
-  FILE: controller.ts
-  ******************/
+  /****************************
+  INTERNAL MODULE: ./controller
+  ****************************/
 
   modules.set('./controller', {
-    hash: 1703929610,
+    hash: 1662714630,
     creator: function (require, exports) {
@@ -47,8 +47,13 @@ "use strict";
       class ReactWidgetController extends _ts.BeyondWidgetController {
-        mount(Widget) {
-          // Render the widget
-          ReactDOM.render(React.createElement(Widget, {
+        _mount(props) {
+          const method = this.hydratable ? 'hydrate' : 'render'; // Render the widget
+
+          ReactDOM[method](React.createElement(this.Widget, props), this.body);
+        }
+
+        mount() {
+          this._mount({
             component: this.component,
             store: this.store
-          }), this.body);
+          });
         }
@@ -70,8 +75,8 @@
   });
-  /************
-  FILE: page.ts
-  ************/
+  /**********************
+  INTERNAL MODULE: ./page
+  **********************/
 
   modules.set('./page', {
-    hash: 1178362966,
+    hash: 3352408644,
     creator: function (require, exports) {
@@ -90,4 +95,2 @@ "use strict";
       var ReactDOM = require("react-dom");
-
-      var React = require("react");
       /*bundle*/
@@ -107,10 +110,8 @@
 
-        mount(Widget) {
-          const method = this.hydratable ? 'hydrate' : 'render'; // Render the widget
-
-          ReactDOM[method](React.createElement(Widget, {
+        mount() {
+          this._mount({
             uri: this.uri,
             component: this.component,
             store: this.store
-          }), this.body);
+          });
         }
@@ -133,5 +134,5 @@
   });
-  /***********************
-  FILE: retarget-events.ts
-  ***********************/
+  /*********************************
+  INTERNAL MODULE: ./retarget-events
+  *********************************/
 
@@ -274,8 +275,2 @@ modules.set('./retarget-events', {
   });
-  const hmr = new function () {
-    this.on = (event, listener) => void 0;
-
-    this.off = (event, listener) => void 0;
-  }();
-  _exports2.hmr = hmr;
   let ReactWidgetController, PageReactWidgetController;
@@ -290,3 +285,10 @@ _exports2.PageReactWidgetController = PageReactWidgetController;
 
+  const hmr = new function () {
+    this.on = (event, listener) => void 0;
+
+    this.off = (event, listener) => void 0;
+  }();
+  _exports2.hmr = hmr;
+
   __pkg.initialise(modules);
 });

react-widget/ts/ts.d.ts

@@ -12,3 +12,4 @@ /************
     abstract class ReactWidgetController extends BeyondWidgetController {
-        mount(Widget: any): void;
+        _mount(props: any): void;
+        mount(): void;
         unmount(): void;
@@ -28,3 +29,3 @@ initialise(): void;
         hide(): void;
-        mount(Widget: any): void;
+        mount(): void;
         unmount(): void;
@@ -31,0 +32,0 @@ initialise(): void;

routing/ts/ts.amd.js

@@ -7,3 +7,3 @@ define(["exports", "@beyond-js/kernel/core/ts"], function (_exports2, dependency_0) {
   });
-  _exports2.routing = _exports2.URI = _exports2.Layout = _exports2.BeyondLayoutChildrenRenderer = void 0;
+  _exports2.routing = _exports2.hmr = _exports2.URI = _exports2.Layout = _exports2.BeyondLayoutChildrenRenderer = void 0;
   const dependencies = new Map();
@@ -19,5 +19,5 @@ dependencies.set('@beyond-js/kernel/core/ts', dependency_0);
   const modules = new Map();
-  /*****************************************************
-  FILE: beyond-layout-children\beyond-layout-children.ts
-  *****************************************************/
+  /***************************************************************
+  INTERNAL MODULE: ./beyond-layout-children/beyond-layout-children
+  ***************************************************************/
 
@@ -42,5 +42,5 @@ modules.set('./beyond-layout-children/beyond-layout-children', {
   });
-  /***************************************
-  FILE: beyond-layout-children\renderer.ts
-  ***************************************/
+  /*************************************************
+  INTERNAL MODULE: ./beyond-layout-children/renderer
+  *************************************************/
 
@@ -139,5 +139,5 @@ modules.set('./beyond-layout-children/renderer', {
   });
-  /*********************
-  FILE: config\config.ts
-  *********************/
+  /*******************************
+  INTERNAL MODULE: ./config/config
+  *******************************/
 
@@ -175,5 +175,5 @@ modules.set('./config/config', {
   });
-  /*****************************
-  FILE: config\layouts\layout.ts
-  *****************************/
+  /***************************************
+  INTERNAL MODULE: ./config/layouts/layout
+  ***************************************/
 
@@ -223,5 +223,5 @@ modules.set('./config/layouts/layout', {
   });
-  /******************************
-  FILE: config\layouts\layouts.ts
-  ******************************/
+  /****************************************
+  INTERNAL MODULE: ./config/layouts/layouts
+  ****************************************/
 
@@ -252,5 +252,5 @@ modules.set('./config/layouts/layouts', {
   });
-  /*************************
-  FILE: config\pages\page.ts
-  *************************/
+  /***********************************
+  INTERNAL MODULE: ./config/pages/page
+  ***********************************/
 
@@ -332,5 +332,5 @@ modules.set('./config/pages/page', {
   });
-  /**************************
-  FILE: config\pages\pages.ts
-  **************************/
+  /************************************
+  INTERNAL MODULE: ./config/pages/pages
+  ************************************/
 
@@ -398,5 +398,5 @@ modules.set('./config/pages/pages', {
   });
-  /***********************
-  FILE: history\history.ts
-  ***********************/
+  /*********************************
+  INTERNAL MODULE: ./history/history
+  *********************************/
 
@@ -535,5 +535,5 @@ modules.set('./history/history', {
   });
-  /************************
-  FILE: history\position.ts
-  ************************/
+  /**********************************
+  INTERNAL MODULE: ./history/position
+  **********************************/
 
@@ -640,5 +640,5 @@ modules.set('./history/position', {
   });
-  /***********************
-  FILE: history\records.ts
-  ***********************/
+  /*********************************
+  INTERNAL MODULE: ./history/records
+  *********************************/
 
@@ -732,5 +732,5 @@ modules.set('./history/records', {
   });
-  /*********************
-  FILE: layouts\child.ts
-  *********************/
+  /*******************************
+  INTERNAL MODULE: ./layouts/child
+  *******************************/
 
@@ -801,5 +801,5 @@ modules.set('./layouts/child', {
   });
-  /**********************
-  FILE: layouts\layout.ts
-  **********************/
+  /********************************
+  INTERNAL MODULE: ./layouts/layout
+  ********************************/
 
@@ -886,5 +886,5 @@ modules.set('./layouts/layout', {
   });
-  /***************
-  FILE: manager.ts
-  ***************/
+  /*************************
+  INTERNAL MODULE: ./manager
+  *************************/
 
@@ -936,5 +936,5 @@ modules.set('./manager', {
   });
-  /******************
-  FILE: pages\data.ts
-  ******************/
+  /****************************
+  INTERNAL MODULE: ./pages/data
+  ****************************/
 
@@ -994,5 +994,5 @@ modules.set('./pages/data', {
   });
-  /*******************
-  FILE: pages\pages.ts
-  *******************/
+  /*****************************
+  INTERNAL MODULE: ./pages/pages
+  *****************************/
 
@@ -1033,5 +1033,5 @@ modules.set('./pages/pages', {
   });
-  /***************
-  FILE: routing.ts
-  ***************/
+  /*************************
+  INTERNAL MODULE: ./routing
+  *************************/
 
@@ -1257,5 +1257,5 @@ modules.set('./routing', {
   });
-  /***********************
-  FILE: uri\querystring.ts
-  ***********************/
+  /*********************************
+  INTERNAL MODULE: ./uri/querystring
+  *********************************/
 
@@ -1291,5 +1291,5 @@ modules.set('./uri/querystring', {
   });
-  /*****************
-  FILE: uri\route.ts
-  *****************/
+  /***************************
+  INTERNAL MODULE: ./uri/route
+  ***************************/
 
@@ -1356,5 +1356,5 @@ modules.set('./uri/route', {
   });
-  /***************
-  FILE: uri\uri.ts
-  ***************/
+  /*************************
+  INTERNAL MODULE: ./uri/uri
+  *************************/
 
@@ -1455,3 +1455,10 @@ modules.set('./uri/uri', {
 
+  const hmr = new function () {
+    this.on = (event, listener) => void 0;
+
+    this.off = (event, listener) => void 0;
+  }();
+  _exports2.hmr = hmr;
+
   __pkg.initialise(modules);
 });

routing/ts/ts.cjs.js

@@ -6,3 +6,3 @@ "use strict";
 });
-exports.routing = exports.URI = exports.Layout = exports.BeyondLayoutChildrenRenderer = void 0;
+exports.routing = exports.hmr = exports.URI = exports.Layout = exports.BeyondLayoutChildrenRenderer = void 0;
 
@@ -21,5 +21,5 @@ var dependency_0 = require("@beyond-js/kernel/core/ts");
 const modules = new Map();
-/*****************************************************
-FILE: beyond-layout-children\beyond-layout-children.ts
-*****************************************************/
+/***************************************************************
+INTERNAL MODULE: ./beyond-layout-children/beyond-layout-children
+***************************************************************/
 
@@ -44,5 +44,5 @@ modules.set('./beyond-layout-children/beyond-layout-children', {
 });
-/***************************************
-FILE: beyond-layout-children\renderer.ts
-***************************************/
+/*************************************************
+INTERNAL MODULE: ./beyond-layout-children/renderer
+*************************************************/
 
@@ -141,5 +141,5 @@ modules.set('./beyond-layout-children/renderer', {
 });
-/*********************
-FILE: config\config.ts
-*********************/
+/*******************************
+INTERNAL MODULE: ./config/config
+*******************************/
 
@@ -177,5 +177,5 @@ modules.set('./config/config', {
 });
-/*****************************
-FILE: config\layouts\layout.ts
-*****************************/
+/***************************************
+INTERNAL MODULE: ./config/layouts/layout
+***************************************/
 
@@ -225,5 +225,5 @@ modules.set('./config/layouts/layout', {
 });
-/******************************
-FILE: config\layouts\layouts.ts
-******************************/
+/****************************************
+INTERNAL MODULE: ./config/layouts/layouts
+****************************************/
 
@@ -254,5 +254,5 @@ modules.set('./config/layouts/layouts', {
 });
-/*************************
-FILE: config\pages\page.ts
-*************************/
+/***********************************
+INTERNAL MODULE: ./config/pages/page
+***********************************/
 
@@ -334,5 +334,5 @@ modules.set('./config/pages/page', {
 });
-/**************************
-FILE: config\pages\pages.ts
-**************************/
+/************************************
+INTERNAL MODULE: ./config/pages/pages
+************************************/
 
@@ -400,5 +400,5 @@ modules.set('./config/pages/pages', {
 });
-/***********************
-FILE: history\history.ts
-***********************/
+/*********************************
+INTERNAL MODULE: ./history/history
+*********************************/
 
@@ -537,5 +537,5 @@ modules.set('./history/history', {
 });
-/************************
-FILE: history\position.ts
-************************/
+/**********************************
+INTERNAL MODULE: ./history/position
+**********************************/
 
@@ -642,5 +642,5 @@ modules.set('./history/position', {
 });
-/***********************
-FILE: history\records.ts
-***********************/
+/*********************************
+INTERNAL MODULE: ./history/records
+*********************************/
 
@@ -734,5 +734,5 @@ modules.set('./history/records', {
 });
-/*********************
-FILE: layouts\child.ts
-*********************/
+/*******************************
+INTERNAL MODULE: ./layouts/child
+*******************************/
 
@@ -803,5 +803,5 @@ modules.set('./layouts/child', {
 });
-/**********************
-FILE: layouts\layout.ts
-**********************/
+/********************************
+INTERNAL MODULE: ./layouts/layout
+********************************/
 
@@ -888,5 +888,5 @@ modules.set('./layouts/layout', {
 });
-/***************
-FILE: manager.ts
-***************/
+/*************************
+INTERNAL MODULE: ./manager
+*************************/
 
@@ -938,5 +938,5 @@ modules.set('./manager', {
 });
-/******************
-FILE: pages\data.ts
-******************/
+/****************************
+INTERNAL MODULE: ./pages/data
+****************************/
 
@@ -996,5 +996,5 @@ modules.set('./pages/data', {
 });
-/*******************
-FILE: pages\pages.ts
-*******************/
+/*****************************
+INTERNAL MODULE: ./pages/pages
+*****************************/
 
@@ -1035,5 +1035,5 @@ modules.set('./pages/pages', {
 });
-/***************
-FILE: routing.ts
-***************/
+/*************************
+INTERNAL MODULE: ./routing
+*************************/
 
@@ -1259,5 +1259,5 @@ modules.set('./routing', {
 });
-/***********************
-FILE: uri\querystring.ts
-***********************/
+/*********************************
+INTERNAL MODULE: ./uri/querystring
+*********************************/
 
@@ -1293,5 +1293,5 @@ modules.set('./uri/querystring', {
 });
-/*****************
-FILE: uri\route.ts
-*****************/
+/***************************
+INTERNAL MODULE: ./uri/route
+***************************/
 
@@ -1358,5 +1358,5 @@ modules.set('./uri/route', {
 });
-/***************
-FILE: uri\uri.ts
-***************/
+/*************************
+INTERNAL MODULE: ./uri/uri
+*************************/
 
@@ -1457,2 +1457,9 @@ modules.set('./uri/uri', {
 
+const hmr = new function () {
+  this.on = (event, listener) => void 0;
+
+  this.off = (event, listener) => void 0;
+}();
+exports.hmr = hmr;
+
 __pkg.initialise(modules);

routing/ts/ts.d.ts

@@ -26,5 +26,5 @@ /************
     const config: {
-        readonly "__#52501@#layouts": LayoutsConfig;
+        readonly "__#52072@#layouts": LayoutsConfig;
         readonly layouts: LayoutsConfig;
-        readonly "__#52501@#pages": PagesConfig;
+        readonly "__#52072@#pages": PagesConfig;
         readonly pages: PagesConfig;
@@ -31,0 +31,0 @@ };

svelte-widget/ts/ts.amd.js

@@ -1,2 +0,2 @@
-define(["exports", "@beyond-js/kernel/core/ts"], function (_exports2, dependency_0) {
+define(["exports", "@beyond-js/kernel/core/ts", "@beyond-js/kernel/routing/ts"], function (_exports2, dependency_0, dependency_1) {
   "use strict";
@@ -7,5 +7,6 @@
   });
-  _exports2.hmr = _exports2.SvelteWidgetController = void 0;
+  _exports2.hmr = _exports2.SvelteWidgetController = _exports2.PageSvelteWidgetController = void 0;
   const dependencies = new Map();
   dependencies.set('@beyond-js/kernel/core/ts', dependency_0);
+  dependencies.set('@beyond-js/kernel/routing/ts', dependency_1);
   const {
@@ -19,8 +20,8 @@ beyond
   const modules = new Map();
-  /******************
-  FILE: controller.ts
-  ******************/
+  /****************************
+  INTERNAL MODULE: ./controller
+  ****************************/
 
   modules.set('./controller', {
-    hash: 4159903553,
+    hash: 3478298819,
     creator: function (require, exports) {
@@ -38,7 +39,87 @@ "use strict";
 
-      class SvelteWidgetController extends _ts.BeyondWidgetController {}
+      class SvelteWidgetController extends _ts.BeyondWidgetController {
+        _mount(props) {
+          const hydrate = this.hydratable;
+          new this.Widget({
+            target: this.body,
+            hydrate,
+            props
+          });
+        }
 
+        mount() {
+          this._mount({
+            component: this.component,
+            store: this.store
+          });
+        }
+
+        unmount() {}
+
+      }
+
       exports.SvelteWidgetController = SvelteWidgetController;
     }
   });
+  /**********************
+  INTERNAL MODULE: ./page
+  **********************/
+
+  modules.set('./page', {
+    hash: 2731159955,
+    creator: function (require, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.PageSvelteWidgetController = void 0;
+
+      var _ts = require("@beyond-js/kernel/routing/ts");
+
+      var _controller = require("./controller");
+      /*bundle*/
+
+
+      class PageSvelteWidgetController extends _controller.SvelteWidgetController {
+        #uri;
+
+        get uri() {
+          return this.#uri;
+        }
+
+        show() {}
+
+        hide() {}
+
+        mount() {
+          this._mount({
+            uri: this.uri,
+            component: this.component,
+            store: this.store
+          });
+        }
+
+        unmount() {}
+
+        initialise() {
+          const child = this.component.getAttribute('data-child-id');
+          this.#uri = child ? _ts.routing.manager.pages.find(child).uri : void 0;
+          super.initialise();
+        }
+
+      }
+
+      exports.PageSvelteWidgetController = PageSvelteWidgetController;
+    }
+  });
+  let SvelteWidgetController, PageSvelteWidgetController;
+  _exports2.PageSvelteWidgetController = PageSvelteWidgetController;
+  _exports2.SvelteWidgetController = SvelteWidgetController;
+
+  __pkg.exports.process = function (require, _exports) {
+    _exports2.SvelteWidgetController = SvelteWidgetController = _exports.SvelteWidgetController = require('./controller').SvelteWidgetController;
+    _exports2.PageSvelteWidgetController = PageSvelteWidgetController = _exports.PageSvelteWidgetController = require('./page').PageSvelteWidgetController;
+  };
+
   const hmr = new function () {
@@ -50,10 +131,4 @@ this.on = (event, listener) => void 0;
   _exports2.hmr = hmr;
-  let SvelteWidgetController;
-  _exports2.SvelteWidgetController = SvelteWidgetController;
 
-  __pkg.exports.process = function (require, _exports) {
-    _exports2.SvelteWidgetController = SvelteWidgetController = _exports.SvelteWidgetController = require('./controller').SvelteWidgetController;
-  };
-
   __pkg.initialise(modules);
 });

svelte-widget/ts/ts.d.ts

@@ -6,2 +6,3 @@ /************
 import * as dependency_0 from '@beyond-js/kernel/core/ts';
+import * as dependency_1 from '@beyond-js/kernel/routing/ts';
 
@@ -12,8 +13,27 @@ // FILE: controller.d.ts
     abstract class SvelteWidgetController extends BeyondWidgetController {
+        _mount(props: any): void;
+        mount(): void;
+        unmount(): void;
     }
 }
 
+// FILE: page.d.ts
+declare namespace ns_page {
+    import URI = dependency_1.URI;
+    import SvelteWidgetController = ns_controller.SvelteWidgetController;
+    abstract class PageSvelteWidgetController extends SvelteWidgetController {
+        #private;
+        get uri(): URI;
+        show(): void;
+        hide(): void;
+        mount(): void;
+        unmount(): void;
+        initialise(): void;
+    }
+}
+
 export import SvelteWidgetController = ns_controller.SvelteWidgetController;
+export import PageSvelteWidgetController = ns_page.PageSvelteWidgetController;
 
 
 export declare const hmr: {on: (event: string, listener: any) => void, off: (event: string, listener: any) => void };

vue-widget/ts/ts.amd.js

@@ -1,2 +0,2 @@
-define(["exports", "@beyond-js/kernel/core/ts"], function (_exports2, dependency_0) {
+define(["exports", "@beyond-js/kernel/core/ts", "vue"], function (_exports2, dependency_0, dependency_1) {
   "use strict";
@@ -10,2 +10,3 @@
   dependencies.set('@beyond-js/kernel/core/ts', dependency_0);
+  dependencies.set('vue', dependency_1);
   const {
@@ -19,8 +20,8 @@ beyond
   const modules = new Map();
-  /******************
-  FILE: controller.ts
-  ******************/
+  /****************************
+  INTERNAL MODULE: ./controller
+  ****************************/
 
   modules.set('./controller', {
-    hash: 3647234902,
+    hash: 2004768854,
     creator: function (require, exports) {
@@ -35,10 +36,34 @@ "use strict";
       var _ts = require("@beyond-js/kernel/core/ts");
+
+      var _vue = require("vue");
       /*bundle*/
 
 
-      class VueWidgetController extends _ts.BeyondWidgetController {}
+      class VueWidgetController extends _ts.BeyondWidgetController {
+        _mount(props) {
+          // const hydrate = this.hydratable;
+          (0, _vue.createApp)(this.Widget).mount(this.body);
+        }
 
+        mount() {
+          this._mount({
+            component: this.component,
+            store: this.store
+          });
+        }
+
+        unmount() {}
+
+      }
+
       exports.VueWidgetController = VueWidgetController;
     }
   });
+  let VueWidgetController;
+  _exports2.VueWidgetController = VueWidgetController;
+
+  __pkg.exports.process = function (require, _exports) {
+    _exports2.VueWidgetController = VueWidgetController = _exports.VueWidgetController = require('./controller').VueWidgetController;
+  };
+
   const hmr = new function () {
@@ -50,10 +75,4 @@ this.on = (event, listener) => void 0;
   _exports2.hmr = hmr;
-  let VueWidgetController;
-  _exports2.VueWidgetController = VueWidgetController;
 
-  __pkg.exports.process = function (require, _exports) {
-    _exports2.VueWidgetController = VueWidgetController = _exports.VueWidgetController = require('./controller').VueWidgetController;
-  };
-
   __pkg.initialise(modules);
 });

vue-widget/ts/ts.cjs.js

@@ -10,4 +10,7 @@ "use strict";
 
+var dependency_1 = require("vue");
+
 const dependencies = new Map();
 dependencies.set('@beyond-js/kernel/core/ts', dependency_0);
+dependencies.set('vue', dependency_1);
 const {
@@ -21,8 +24,8 @@ beyond
 const modules = new Map();
-/******************
-FILE: controller.ts
-******************/
+/****************************
+INTERNAL MODULE: ./controller
+****************************/
 
 modules.set('./controller', {
-  hash: 3647234902,
+  hash: 2004768854,
   creator: function (require, exports) {
@@ -37,10 +40,34 @@ "use strict";
     var _ts = require("@beyond-js/kernel/core/ts");
+
+    var _vue = require("vue");
     /*bundle*/
 
 
-    class VueWidgetController extends _ts.BeyondWidgetController {}
+    class VueWidgetController extends _ts.BeyondWidgetController {
+      _mount(props) {
+        // const hydrate = this.hydratable;
+        (0, _vue.createApp)(this.Widget).mount(this.body);
+      }
 
+      mount() {
+        this._mount({
+          component: this.component,
+          store: this.store
+        });
+      }
+
+      unmount() {}
+
+    }
+
     exports.VueWidgetController = VueWidgetController;
   }
 });
+let VueWidgetController;
+exports.VueWidgetController = VueWidgetController;
+
+__pkg.exports.process = function (require, _exports) {
+  exports.VueWidgetController = VueWidgetController = _exports.VueWidgetController = require('./controller').VueWidgetController;
+};
+
 const hmr = new function () {
@@ -52,9 +79,3 @@ this.on = (event, listener) => void 0;
 exports.hmr = hmr;
-let VueWidgetController;
-exports.VueWidgetController = VueWidgetController;
 
-__pkg.exports.process = function (require, _exports) {
-  exports.VueWidgetController = VueWidgetController = _exports.VueWidgetController = require('./controller').VueWidgetController;
-};
-
 __pkg.initialise(modules);

vue-widget/ts/ts.d.ts

@@ -11,2 +11,5 @@ /************
     abstract class VueWidgetController extends BeyondWidgetController {
+        _mount(props: any): void;
+        mount(): void;
+        unmount(): void;
     }
@@ -13,0 +16,0 @@ }

vue-widget/ts/tsconfig.json

@@ -6,4 +6,5 @@ {
     "module": "es2020",
-    "moduleResolution": "Node"
+    "moduleResolution": "Node",
+    "types": []
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

530829

increased by1.85%

Lines of code

15107

increased by0.63%

Worsened metrics

Number of package files

29

decreased by-6.45%

No dependency changes