nativescript-vue 3.0.0-dev.3 → 3.0.0-rc.1

package/dist/renderer/modules/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/renderer/modules/style.ts"],"names":[],"mappings":"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"}

package/dist/renderer/nodeOps.d.ts

@@ -0,0 +1,17 @@
+import { VNodeProps, RendererOptions, ElementNamespace } from '@vue/runtime-core';
+import { NSVElement, NSVNode } from '../dom';
+export declare function insert(el: NSVNode, parent: NSVElement, anchor?: NSVNode | null | undefined): void;
+export declare function remove(el: NSVNode): void;
+export declare function createElement(type: string, namespace: ElementNamespace, isCustomizedBuiltIn?: string | undefined, vnodeProps?: (VNodeProps & {
+    [key: string]: any;
+}) | null | undefined): NSVElement;
+export declare function createText(text: string): NSVNode;
+export declare function createComment(text: string): NSVNode;
+export declare function setText(node: NSVNode, text: string): void;
+export declare function setElementText(node: NSVElement, text: string): void;
+export declare function parentNode(node: NSVNode): NSVElement | null;
+export declare function nextSibling(node: NSVNode): NSVNode | null;
+export declare function cloneNode(node: NSVNode): NSVNode;
+export declare function insertStaticContent(content: string, parent: NSVElement, anchor: NSVNode, namespace: ElementNamespace, start?: NSVNode, end?: NSVNode): [NSVNode, NSVNode];
+export declare function setScopeId(el: NSVElement, scopeId: string): void;
+export declare const nodeOps: Omit<RendererOptions, 'patchProp'>;

package/dist/renderer/nodeOps.js

@@ -0,0 +1,70 @@
+import { NSVComment, NSVElement, NSVText } from '../dom';
+export function insert(el, parent, anchor) {
+    // console.log("insert", el, parent.tagName, anchor);
+    if (anchor !== null) {
+        // console.log('insert before!')
+        parent.insertBefore(el, anchor);
+    }
+    else {
+        parent.appendChild(el);
+    }
+}
+export function remove(el) {
+    if (el.parentNode != null) {
+        el.parentNode.removeChild(el);
+    }
+}
+export function createElement(type, namespace, isCustomizedBuiltIn, vnodeProps) {
+    // console.log("createElement", type);
+    return new NSVElement(type);
+}
+export function createText(text) {
+    // console.log("createText");
+    return new NSVText(text);
+}
+export function createComment(text) {
+    // console.log("createComment");
+    return new NSVComment(text);
+}
+export function setText(node, text) {
+    // console.log("set text", node, text);
+    node.text = text;
+}
+export function setElementText(node, text) {
+    // console.log("set element text", node, text);
+    node.text = text;
+}
+export function parentNode(node) {
+    // console.log("parentNode?", node.nodeType);
+    return node.parentNode;
+}
+export function nextSibling(node) {
+    return node.nextSibling;
+}
+export function cloneNode(node) {
+    console.log('CLONE NODE');
+    return node;
+}
+export function insertStaticContent(content, parent, anchor, namespace, start, end) {
+    console.log('insert static content - not implemented.');
+    return [undefined, undefined];
+}
+export function setScopeId(el, scopeId) {
+    el.setAttribute(scopeId, '');
+}
+export const nodeOps = {
+    insert,
+    remove,
+    createElement,
+    createText,
+    createComment,
+    setText,
+    setElementText,
+    parentNode,
+    nextSibling,
+    cloneNode,
+    insertStaticContent,
+    setScopeId,
+    //   querySelector,
+};
+//# sourceMappingURL=nodeOps.js.map

package/dist/renderer/nodeOps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nodeOps.js","sourceRoot":"","sources":["../../src/renderer/nodeOps.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAW,OAAO,EAAE,MAAM,QAAQ,CAAC;AAElE,MAAM,UAAU,MAAM,CACpB,EAAW,EACX,MAAkB,EAClB,MAAmC;IAEnC,qDAAqD;IACrD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,gCAAgC;QAChC,MAAM,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;IAClC,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IACzB,CAAC;AACH,CAAC;AAED,MAAM,UAAU,MAAM,CAAC,EAAW;IAChC,IAAI,EAAE,CAAC,UAAU,IAAI,IAAI,EAAE,CAAC;QAC1B,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;IAChC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,aAAa,CAC3B,IAAY,EACZ,SAA2B,EAC3B,mBAAwC,EACxC,UAAqE;IAErE,sCAAsC;IACtC,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAY;IACrC,6BAA6B;IAC7B,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,IAAY;IACxC,gCAAgC;IAChC,OAAO,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,IAAa,EAAE,IAAY;IACjD,uCAAuC;IACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,IAAgB,EAAE,IAAY;IAC3D,+CAA+C;IAC/C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAa;IACtC,6CAA6C;IAC7C,OAAO,IAAI,CAAC,UAAU,CAAC;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,IAAa;IACvC,OAAO,IAAI,CAAC,WAAW,CAAC;AAC1B,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,IAAa;IACrC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAC1B,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,OAAe,EACf,MAAkB,EAClB,MAAe,EACf,SAA2B,EAC3B,KAAe,EACf,GAAa;IAEb,OAAO,CAAC,GAAG,CAAC,0CAA0C,CAAC,CAAC;IAExD,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,EAAc,EAAE,OAAe;IACxD,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAAuC;IACzD,MAAM;IACN,MAAM;IACN,aAAa;IACb,UAAU;IACV,aAAa;IACb,OAAO;IACP,cAAc;IACd,UAAU;IACV,WAAW;IAEX,SAAS;IACT,mBAAmB;IAEnB,UAAU;IAEV,mBAAmB;CACpB,CAAC"}

package/dist/renderer/patchProp.d.ts

@@ -0,0 +1,2 @@
+import type { RendererOptions } from '@vue/runtime-core';
+export declare const patchProp: RendererOptions['patchProp'];

package/dist/renderer/patchProp.js

@@ -0,0 +1,47 @@
+import { patchAttr } from './modules/attrs';
+import { patchClass } from './modules/class';
+import { patchEvent } from './modules/events';
+import { patchStyle } from './modules/style';
+import { getViewMeta } from '../registry';
+import { isOn } from '../runtimeHelpers';
+export const patchProp = (el, key, prevValue, nextValue, namespace, prevChildren, parentComponent, parentSuspense, unmountChildren) => {
+    switch (key) {
+        // special
+        case 'class':
+            // console.log('->patchProp+Class')
+            patchClass(el, nextValue);
+            break;
+        case 'style':
+            // console.log('->patchProp+Style')
+            patchStyle(el, prevValue, nextValue);
+            break;
+        case 'modelValue':
+        case 'onUpdate:modelValue':
+            try {
+                // v-model - maps modelValue/onUpdate:modelValue to the correct prop/events from the registry meta
+                const { prop, event } = getViewMeta(el.tagName)
+                    .model;
+                if (key === 'modelValue') {
+                    patchAttr(el, prop, prevValue, nextValue);
+                }
+                else {
+                    const cb = nextValue
+                        ? ($event) => nextValue($event.object[prop])
+                        : nextValue;
+                    patchEvent(el, `on:${event}`, prevValue, cb);
+                }
+            }
+            catch (err) {
+                // ignore if the view meta can't be found.
+            }
+            break;
+        default:
+            if (isOn(key)) {
+                patchEvent(el, key, prevValue, nextValue, parentComponent);
+            }
+            else {
+                patchAttr(el, key, prevValue, nextValue);
+            }
+    }
+};
+//# sourceMappingURL=patchProp.js.map

package/dist/renderer/patchProp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"patchProp.js","sourceRoot":"","sources":["../../src/renderer/patchProp.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAsB,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AASzC,MAAM,CAAC,MAAM,SAAS,GAAiC,CACrD,EAAc,EACd,GAAW,EACX,SAAc,EACd,SAAc,EACd,SAA4B,EAC5B,YAAoB,EACpB,eAAkD,EAClD,cAAwC,EACxC,eAAqB,EACrB,EAAE;IACF,QAAQ,GAAG,EAAE,CAAC;QACZ,UAAU;QACV,KAAK,OAAO;YACV,mCAAmC;YACnC,UAAU,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;YAC1B,MAAM;QACR,KAAK,OAAO;YACV,mCAAmC;YACnC,UAAU,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;YACrC,MAAM;QACR,KAAK,YAAY,CAAC;QAClB,KAAK,qBAAqB;YACxB,IAAI,CAAC;gBACH,kGAAkG;gBAClG,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC;qBAC5C,KAA2B,CAAC;gBAC/B,IAAI,GAAG,KAAK,YAAY,EAAE,CAAC;oBACzB,SAAS,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;gBAC5C,CAAC;qBAAM,CAAC;oBACN,MAAM,EAAE,GAAG,SAAS;wBAClB,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;wBAC5C,CAAC,CAAC,SAAS,CAAC;oBACd,UAAU,CAAC,EAAE,EAAE,MAAM,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;gBAC/C,CAAC;YACH,CAAC;YAAC,OAAO,GAAG,EAAE,CAAC;gBACb,0CAA0C;YAC5C,CAAC;YACD,MAAM;QACR;YACE,IAAI,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBACd,UAAU,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC;YAC7D,CAAC;iBAAM,CAAC;gBACN,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;YAC3C,CAAC;IACL,CAAC;AACH,CAAC,CAAC"}

package/dist/runtimeHelpers.d.ts

@@ -0,0 +1,31 @@
+import { View } from '@nativescript/core';
+import { App, Component, RendererElement, RendererNode, VNode } from '@vue/runtime-core';
+import { NSVNode } from './dom';
+type Props = Record<string, unknown>;
+export declare const setRootApp: (app: App) => void;
+export declare const createNativeView: <T = View>(component: Component, props?: Props, contextOverrides?: {
+    reload?(): void;
+}) => {
+    context: {
+        reload?(): void;
+        config: import("@vue/runtime-core").AppConfig;
+        mixins: import("@vue/runtime-core").ComponentOptions<{}, any, any, any, any, any, any, any, any>[];
+        components: Record<string, Component<any, any, any, import("@vue/runtime-core").ComputedOptions, import("@vue/runtime-core").MethodOptions, {}, any>>;
+        directives: Record<string, import("@vue/runtime-core").Directive<any, any>>;
+        provides: Record<string | symbol, any>;
+    };
+    readonly vnode: VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }>;
+    readonly nativeView: T;
+    mount(root?: NSVNode): VNode<RendererNode, RendererElement, {
+        nativeView: T;
+    }>;
+    unmount(): void;
+};
+export declare const ELEMENT_REF: unique symbol;
+export declare const isOn: (key: string) => boolean;
+export declare const isAndroidKey: (key: string) => boolean;
+export declare const isIOSKey: (key: string) => boolean;
+export declare const isBoolean: (value: unknown) => boolean;
+export {};

package/dist/runtimeHelpers.js

@@ -0,0 +1,51 @@
+import { NSVRoot } from './dom';
+import { renderer } from './renderer';
+const __DEV__ = true;
+let rootApp = null;
+export const setRootApp = (app) => {
+    rootApp = app;
+};
+export const createNativeView = (component, props, contextOverrides) => {
+    let isMounted = false;
+    let vm;
+    const newApp = renderer.createApp(component, props);
+    // Destructure so as not to copy over the root app instance
+    const { app, ...rootContext } = rootApp._context;
+    const context = { ...rootContext, ...contextOverrides };
+    return {
+        context,
+        get vnode() {
+            return vm?.$.vnode;
+        },
+        get nativeView() {
+            return this.vnode?.el.nativeView;
+        },
+        mount(root = new NSVRoot()) {
+            if (isMounted) {
+                return this.vnode;
+            }
+            Object.keys(context).forEach((key) => {
+                newApp._context[key] = context[key];
+            });
+            vm = newApp.mount(root);
+            isMounted = true;
+            return this.vnode;
+        },
+        unmount() {
+            if (!isMounted)
+                return;
+            vm = null;
+            newApp.unmount();
+            isMounted = false;
+        },
+    };
+};
+export const ELEMENT_REF = Symbol(__DEV__ ? `elementRef` : ``);
+const onRE = /^on.+/;
+export const isOn = (key) => onRE.test(key);
+export const isAndroidKey = (key) => key.startsWith('android:');
+export const isIOSKey = (key) => key.startsWith('ios:');
+export const isBoolean = (value) => {
+    return typeof value === 'boolean' || value instanceof Boolean;
+};
+//# sourceMappingURL=runtimeHelpers.js.map

package/dist/runtimeHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtimeHelpers.js","sourceRoot":"","sources":["../src/runtimeHelpers.ts"],"names":[],"mappings":"AASA,OAAO,EAAW,OAAO,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAItC,MAAM,OAAO,GAAG,IAAI,CAAC;AAErB,IAAI,OAAO,GAAQ,IAAI,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAQ,EAAE,EAAE;IACrC,OAAO,GAAG,GAAG,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,SAAoB,EACpB,KAAa,EACb,gBAAsC,EACtC,EAAE;IACF,IAAI,SAAS,GAAG,KAAK,CAAC;IACtB,IAAI,EAAkC,CAAC;IACvC,MAAM,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IACpD,2DAA2D;IAC3D,MAAM,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC;IACjD,MAAM,OAAO,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAIxD,OAAO;QACL,OAAO;QACP,IAAI,KAAK;YACP,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC;QACrB,CAAC;QACD,IAAI,UAAU;YACZ,OAAO,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC;QACnC,CAAC;QACD,KAAK,CAAC,OAAgB,IAAI,OAAO,EAAE;YACjC,IAAI,SAAS,EAAE,CAAC;gBACd,OAAO,IAAI,CAAC,KAAU,CAAC;YACzB,CAAC;YAED,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACnC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC;YACtC,CAAC,CAAC,CAAC;YAEH,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAExB,SAAS,GAAG,IAAI,CAAC;YAEjB,OAAO,IAAI,CAAC,KAAU,CAAC;QACzB,CAAC;QACD,OAAO;YACL,IAAI,CAAC,SAAS;gBAAE,OAAO;YAEvB,EAAE,GAAG,IAAI,CAAC;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YAEjB,SAAS,GAAG,KAAK,CAAC;QACpB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/D,MAAM,IAAI,GAAG,OAAO,CAAC;AACrB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,GAAW,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAW,EAAE;IACnD,OAAO,OAAO,KAAK,KAAK,SAAS,IAAI,KAAK,YAAY,OAAO,CAAC;AAChE,CAAC,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,15 @@
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Frame: DefineComponent<{}>;
+        Page: DefineComponent;
+        StackLayout: DefineComponent;
+        GridLayout: DefineComponent;
+        Label: DefineComponent<{
+            text?: unknown;
+        }>;
+        Button: DefineComponent<{
+            text?: unknown;
+        }>;
+    }
+}
+export {};

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/withCompiler.d.ts

@@ -0,0 +1,3 @@
+import { compileToFunction } from "./compiler";
+export { compileToFunction as compile };
+export * from "./index";

package/dist/withCompiler.js

@@ -0,0 +1,6 @@
+import { registerRuntimeCompiler } from "@vue/runtime-core";
+import { compileToFunction } from "./compiler";
+registerRuntimeCompiler(compileToFunction);
+export { compileToFunction as compile };
+export * from "./index";
+//# sourceMappingURL=withCompiler.js.map

package/dist/withCompiler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withCompiler.js","sourceRoot":"","sources":["../src/withCompiler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,uBAAuB,CAAC,iBAAiB,CAAC,CAAC;AAE3C,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/nativescript.webpack.js

@@ -0,0 +1,162 @@
+const { VueLoaderPlugin } = require('vue-loader');
+const spawn = require('cross-spawn');
+
+function findFreePort(startingPort = 8098) {
+  let found = false;
+  let port = startingPort;
+
+  const isPortFree = (port) =>
+    new Promise((resolve) => {
+      const server = require('http')
+        .createServer()
+        .listen(port, '0.0.0.0', () => {
+          server.close();
+          resolve(true);
+        })
+        .on('error', () => {
+          resolve(false);
+        });
+    });
+
+  const findFreePort = () => {
+    isPortFree(port).then((isFree) => {
+      if (!isFree) {
+        port++;
+        return findFreePort();
+      }
+      found = true;
+    });
+  };
+
+  findFreePort();
+
+  while (!found) {
+    process._tickCallback();
+    const start = Date.now();
+    while (Date.now() - start < 100) {
+      // busy wait... not ideal, but we need to find a port synchronously...
+    }
+  }
+
+  return port;
+}
+
+function startVueDevtools(port, isAndroid = false) {
+  console.log(`[VueDevtools] Starting standalone Vue Devtools on port ${port}`);
+  if (isAndroid) {
+    console.log(
+      `[VueDevtools] If the app doesn't automatically connect, check if http traffic is allowed. (e.g. on Android, you may need to set android:usesCleartextTraffic="true" in AndroidManifest.xml)`,
+    );
+  }
+  spawn(require.resolve('@vue/devtools/bin.js'), [], {
+    stdio: 'ignore',
+    env: {
+      ...process.env,
+      PORT: port,
+    },
+  });
+}
+
+/**
+ * @param {typeof import("@nativescript/webpack")} webpack
+ */
+module.exports = (webpack) => {
+  webpack.useConfig('vue');
+
+  webpack.chainWebpack((config, env) => {
+    const additionalDefines = {
+      __VUE_PROD_DEVTOOLS__: false,
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
+    };
+
+    // todo: support configuring the devtools host/port from the nativescript.config.ts...
+    if (!!env.vueDevtools) {
+      // find a free port for the devtools
+      const vueDevtoolsPort = findFreePort(8098);
+      const isAndroid = webpack.Utils.platform.getPlatformName() === 'android';
+
+      // on android simulators, localhost is not the host machine...
+      const vueDevtoolsHost = isAndroid
+        ? 'http://10.0.2.2'
+        : 'http://localhost';
+
+      additionalDefines['__VUE_PROD_DEVTOOLS__'] = true;
+      additionalDefines['__NS_VUE_DEVTOOLS_HOST__'] =
+        JSON.stringify(vueDevtoolsHost);
+      additionalDefines['__NS_VUE_DEVTOOLS_PORT__'] = vueDevtoolsPort;
+
+      const devtoolsEntryPath = require.resolve('./devtools.js');
+      const entryPath = webpack.Utils.platform.getEntryPath();
+      const paths = config.entry('bundle').values();
+      const entryIndex = paths.indexOf(entryPath);
+
+      if (entryIndex === -1) {
+        // if the app entry is not found, add the devtools entry at the beginning - generally should not happen, but just in case.
+        paths.unshift(entryPath);
+      } else {
+        // insert devtools entry before the app entry, but after globals etc.
+        paths.splice(entryIndex, 0, devtoolsEntryPath);
+      }
+
+      config.entry('bundle').clear().merge(paths);
+
+      // start the devtools...
+      startVueDevtools(vueDevtoolsPort, isAndroid);
+    }
+
+    // resolve any imports from "vue" to "nativescript-vue"
+    config.resolve.alias.set('vue', 'nativescript-vue');
+
+    config.plugins.get('VueLoaderPlugin').use(VueLoaderPlugin);
+
+    // use "vue-loader" from "nativescript-vue" deps rather than the one from @nativescript/webpack
+    config.module.rules
+      .get('vue')
+      .uses.get('vue-loader')
+      .loader(require.resolve('vue-loader'))
+      .tap((options) => {
+        return {
+          ...options,
+          isServerBuild: false,
+          compilerOptions: {
+            // isCustomElement: (el) => el.toLowerCase() === 'label',
+            // transformHoist: null
+          },
+        };
+      });
+
+    config.module.rules
+      .get('css')
+      .uses.get('vue-css-loader')
+      .loader(require.resolve('vue-loader/dist/stylePostLoader.js'));
+
+    config.module.rules
+      .get('scss')
+      .uses.get('vue-css-loader')
+      .loader(require.resolve('vue-loader/dist/stylePostLoader.js'));
+
+    config.plugin('DefinePlugin').tap((args) => {
+      Object.assign(args[0], {
+        __VUE_OPTIONS_API__: true,
+        ...additionalDefines,
+      });
+
+      return args;
+    });
+
+    // disable vue fork ts checker, as it doesn't work with vue3 yet?
+    config.plugin('ForkTsCheckerWebpackPlugin').tap((args) => {
+      args[0] = webpack.merge(args[0], {
+        typescript: {
+          extensions: {
+            vue: {
+              enabled: false,
+            },
+          },
+        },
+      });
+
+      return args;
+    });
+  });
+};

package/package.json

@@ -1,31 +1,52 @@
 {
   "name": "nativescript-vue",
-  "version": "3.0.0-dev.3",
-  "description": "nativescript-vue",
-  "main": "index.js",
-  "module": "dist/nativescript-vue.esm-bundler.js",
+  "version": "3.0.0-rc.1",
+  "main": "dist/index.js",
   "files": [
-    "index.js",
-    "dist"
+    "dist/",
+    "devtools.js",
+    "nativescript.webpack.js"
   ],
-  "types": "dist/nativescript-vue.d.ts",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/nativescript-vue/nativescript-vue.git"
-  },
-  "keywords": [
-    "nativescript-vue"
-  ],
-  "author": "Randjelovic Igor",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/nativescript-vue/nativescript-vue/issues"
+  "scripts": {
+    "build": "tsc",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "prepare": "simple-git-hooks",
+    "pack:template": "npm pack ./packages/template-blank",
+    "prepack": "npm run build && npm run pack:template"
   },
-  "homepage": "https://github.com/nativescript-vue/nativescript-vue/tree/dev/packages/nativescript-vue#readme",
   "dependencies": {
-    "@nativescript-vue/compiler": "3.0.0-dev.3",
-    "@nativescript-vue/runtime": "3.0.0-dev.3",
-    "@nativescript-vue/shared": "3.0.0-dev.3",
-    "@vue/shared": "^3.0.0-rc.11"
+    "@vue/compiler-sfc": "^3.4.3",
+    "@vue/devtools": "^6.5.1",
+    "@vue/runtime-core": "^3.4.3",
+    "@vue/shared": "^3.4.3",
+    "cross-spawn": "^7.0.3",
+    "set-value": "^4.1.0",
+    "vue-loader": "^17.4.2"
+  },
+  "devDependencies": {
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
+    "@nativescript/core": "~8.6.2",
+    "@nativescript/webpack": "~5.0.18",
+    "esbuild": "^0.19.11",
+    "lint-staged": "^15.2.0",
+    "prettier": "^3.1.1",
+    "simple-git-hooks": "^2.9.0",
+    "typescript": "^5.3.3"
+  },
+  "simple-git-hooks": {
+    "pre-commit": "npx --no-install lint-staged --config=package.json",
+    "commit-msg": "npx --no-install commitlint --edit"
+  },
+  "lint-staged": {
+    "*": [
+      "prettier --ignore-unknown --write"
+    ]
+  },
+  "prettier": {
+    "useTabs": false,
+    "singleQuote": true
   }
 }

package/dist/nativescript-vue.cjs.js

@@ -1,56 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var compiler = require('@nativescript-vue/compiler');
-var runtime = require('@nativescript-vue/runtime');
-var shared = require('@vue/shared');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) { return e; } else {
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        n[k] = e[k];
-      });
-    }
-    n['default'] = e;
-    return Object.freeze(n);
-  }
-}
-
-var runtime__namespace = /*#__PURE__*/_interopNamespace(runtime);
-
-//
-const compileCache = Object.create(null);
-function compileToFunction(template, options) {
-    if (!shared.isString(template)) {
-         runtime.warn('invalid template option: ', template);
-        return shared.NOOP;
-    }
-    const key = template;
-    const cached = compileCache[key];
-    if (cached) {
-        return cached;
-    }
-    const { code } = compiler.compile(template, {
-        // at runtime - the registry should know about all elements, so we override the
-        // isNativeTag function from our standalone compiler
-        isNativeTag: tag => runtime.isKnownView(tag),
-        hoistStatic: true,
-        onError(err) {
-            // todo
-        },
-        ...options
-    });
-    // console.log(code)
-    // const render = () => {}
-    const render = new Function('Vue', code)(runtime__namespace);
-    return (compileCache[key] = render);
-}
-runtime.registerRuntimeCompiler(compileToFunction);
-
-Object.keys(runtime).forEach(function (k) {
-  if (k !== 'default') exports[k] = runtime[k];
-});
-exports.compile = compileToFunction;

package/dist/nativescript-vue.cjs.prod.js

@@ -1,55 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var compiler = require('@nativescript-vue/compiler');
-var runtime = require('@nativescript-vue/runtime');
-var shared = require('@vue/shared');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) { return e; } else {
-    var n = Object.create(null);
-    if (e) {
-      Object.keys(e).forEach(function (k) {
-        n[k] = e[k];
-      });
-    }
-    n['default'] = e;
-    return Object.freeze(n);
-  }
-}
-
-var runtime__namespace = /*#__PURE__*/_interopNamespace(runtime);
-
-//
-const compileCache = Object.create(null);
-function compileToFunction(template, options) {
-    if (!shared.isString(template)) {
-        return shared.NOOP;
-    }
-    const key = template;
-    const cached = compileCache[key];
-    if (cached) {
-        return cached;
-    }
-    const { code } = compiler.compile(template, {
-        // at runtime - the registry should know about all elements, so we override the
-        // isNativeTag function from our standalone compiler
-        isNativeTag: tag => runtime.isKnownView(tag),
-        hoistStatic: true,
-        onError(err) {
-            // todo
-        },
-        ...options
-    });
-    // console.log(code)
-    // const render = () => {}
-    const render = new Function('Vue', code)(runtime__namespace);
-    return (compileCache[key] = render);
-}
-runtime.registerRuntimeCompiler(compileToFunction);
-
-Object.keys(runtime).forEach(function (k) {
-  if (k !== 'default') exports[k] = runtime[k];
-});
-exports.compile = compileToFunction;