@razaman2/reactive-view 0.0.34-beta.27 → 0.0.34-beta.29

package/dist/index.d.mts

@@ -128,7 +128,8 @@ declare function showComponent(component: any, options?: {
     container?: string;
     key?: string;
     router?: any;
-}): ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, vue.ComponentProvideOptions>, {}, {}, "", {}, any> | undefined;
+    plugins?: Array<any>;
+}): any;
 declare const getData: (component: any, path: number | string, alternative: any) => any;
 declare const setData: (component: any, data: any, path?: string) => any;
 declare const dataPath: (component: any, path: string | number) => any;

package/dist/index.d.ts

@@ -128,7 +128,8 @@ declare function showComponent(component: any, options?: {
     container?: string;
     key?: string;
     router?: any;
-}): ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, vue.ComponentProvideOptions>, {}, {}, "", {}, any> | undefined;
+    plugins?: Array<any>;
+}): any;
 declare const getData: (component: any, path: number | string, alternative: any) => any;
 declare const setData: (component: any, data: any, path?: string) => any;
 declare const dataPath: (component: any, path: string | number) => any;

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -174,7 +177,7 @@ var import_vue = require("vue");
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.27";
+var version = "0.0.34-beta.29";
 
 // src/ReactiveView.ts
 var setup = {
@@ -194,7 +197,7 @@ var ReactiveView_default = {
     notifications: Object,
     subscriptions: Object,
     beforeSetData: Function,
-    data: { default: () => ({}) },
+    data: { default: () => (0, import_vue.reactive)({}) },
     defaultData: {},
     getDefaultData: {
       type: Function,
@@ -255,17 +258,17 @@ var ReactiveView_default = {
       console.error("[ReactiveView]: defaultData is required for promise or async function data.");
     }
     const defaultData = props.getDefaultData(
-      "defaultData" in vue.vnode.props ? vue.vnode.props.defaultData : "data" in vue.vnode.props ? Array.isArray(vue.vnode.props.data) ? [] : {} : {}
+      "defaultData" in vue.vnode.props ? vue.vnode.props.defaultData : "data" in vue.vnode.props ? Array.isArray((0, import_vue.isRef)(vue.vnode.props.data) ? (0, import_vue.unref)(vue.vnode.props.data) : vue.vnode.props.data) ? [] : {} : {}
     );
     const datatype = Array.isArray(defaultData) ? [] : {};
     const normalize = (data) => {
       if (props.debug) {
-        console.warn(`[ReactiveView]: using beta props data in [${props.modelName}] component`, { vue, data, defaultData, ref: (0, import_vue.isRef)(data), reactive: (0, import_vue.isReactive)(data) });
+        console.warn(`[ReactiveView]: using beta props data in [${props.modelName}] component`, { vue, data, defaultData, isRef: (0, import_vue.isRef)(data), isReactive: (0, import_vue.isReactive)(data) });
       }
-      if ((0, import_vue.isRef)(data) || (0, import_vue.isReactive)(data)) {
+      if ((0, import_vue.isReactive)(data)) {
         return data;
       } else {
-        if (isFunctionData || isPromiseData) {
+        if ((0, import_vue.isRef)(data) || isFunctionData || isPromiseData) {
           return (0, import_vue.reactive)(datatype);
         } else {
           const props2 = "data" in vue.vnode.props;
@@ -315,7 +318,7 @@ var ReactiveView_default = {
     });
     const component = (0, import_vue.ref)({ parent: { self: vue.proxy }, self: { template, model, diff, dataPath: dataPath2, isValid } });
     if (props.debug) {
-      console.log("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
+      console.warn("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
     }
     const watchDataProp = (dataProp) => {
       var _a2, _b2, _c2, _d2;
@@ -326,7 +329,7 @@ var ReactiveView_default = {
         }, context.attrs["data:immediate"] ? { immediate: context.attrs["data:immediate"] } : {}), context.attrs["data:once"] ? { once: context.attrs["data:once"] } : {}), ((_d2 = context.attrs["onUpdate:data"]) != null ? _d2 : {}).options)
       };
       if (context.attrs["data:log"]) {
-        console.log(`[ReactiveView]:data`, { config: config2, dataProp });
+        console.warn(`[ReactiveView]:data`, { config: config2, dataProp });
       }
       (0, import_vue.watch)(isFunctionData || (0, import_vue.isRef)(dataProp) || (0, import_vue.isReactive)(dataProp) ? dataProp : () => dataProp, (after, before) => {
         var _a3;
@@ -345,31 +348,35 @@ var ReactiveView_default = {
         }, context.attrs["model:immediate"] ? { immediate: context.attrs["model:immediate"] } : {}), context.attrs["model:once"] ? { once: context.attrs["model:once"] } : {}), ((_f = context.attrs["onUpdate:model"]) != null ? _f : {}).options)
       } : (_g = context.attrs["onUpdate:model"]) != null ? _g : {};
       if (context.attrs["model:log"]) {
-        console.log(`[ReactiveView]:model`, { config: config2 });
+        console.warn(`[ReactiveView]:model`, { config: config2 });
       }
       (0, import_vue.watch)(() => import_object_manager.default.on(model.getData()).clone(), (after, before) => {
         config2.callback(access(component).diff(import_object_manager.default.on(before), import_object_manager.default.on(after)), { component });
       }, config2.options);
     }
     if (props.beta) {
-      if (isFunctionData || isPromiseData) {
+      const isRefData = (0, import_vue.isRef)(props.data);
+      if (isRefData || isFunctionData || isPromiseData) {
         setTimeout(async () => {
-          var _a2, _b2;
+          var _a2, _b2, _c2;
           const [data] = isPromiseData ? await Promise.all([
             isAsyncFunctionData ? props.data() : props.data,
             (_a2 = defer.value) != null ? _a2 : true
           ]) : [props.data];
-          (0, import_vue.watch)(isFunctionData ? data : typeof data === "function" ? data : () => data, (after, before) => {
+          (0, import_vue.watch)(isRefData ? data : isFunctionData ? data : typeof data === "function" ? data : () => data, (after, before) => {
             var _a3;
-            const callback = context.attrs["data:callback"];
-            if (typeof callback === "function") {
-              model.replaceData((_a3 = callback(access(component).diff(import_object_manager.default.on(before), import_object_manager.default.on(after)), { component })) != null ? _a3 : after);
-            } else {
-              model.replaceData(after);
+            if (before !== void 0 || after !== void 0) {
+              const callback = context.attrs["data:callback"];
+              if (typeof callback === "function") {
+                const diff2 = access(component).diff(import_object_manager.default.on(before), import_object_manager.default.on(after));
+                model.replaceData((_a3 = callback(diff2, { component })) != null ? _a3 : after);
+              } else {
+                model.replaceData(after);
+              }
             }
           }, {
             immediate: (_b2 = context.attrs["data:immediate"]) != null ? _b2 : true,
-            deep: context.attrs["data:deep"],
+            deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : true,
             once: context.attrs["data:once"]
           });
         });
@@ -622,7 +629,7 @@ var extendVnode = (component, element) => {
   });
 };
 function defineReactiveView(param1, param2) {
-  console.log(`log params:`, { param1, param2 });
+  const instance = (0, import_vue2.ref)();
   return (0, import_vue2.defineComponent)({
     name: param1 == null ? void 0 : param1.modelName,
     props: __spreadValues({ setup }, param1 ? param1.props : {}),
@@ -630,18 +637,23 @@ function defineReactiveView(param1, param2) {
       const _a = param1 != null ? param1 : {}, { setup: setup2, props } = _a, rest = __objRest(_a, ["setup", "props"]);
       return (component) => {
         const props2 = Object.entries(rest).reduce((props3, [key, val]) => {
-          return Object.assign(props3, { [key]: typeof val === "function" ? val(component) : val });
+          return Object.assign(props3, { [key]: typeof val === "function" ? val(component, instance) : val });
         }, {});
         const slots = typeof (param1 == null ? void 0 : param1.slots) === "function" ? param1.slots(component) : Array.isArray(param1 == null ? void 0 : param1.slots) ? () => param1.slots : param1 == null ? void 0 : param1.slots;
-        return (0, import_vue2.createVNode)(param2 != null ? param2 : ReactiveView_default, __spreadValues(__spreadValues({}, props2), Object.assign({}, props2, typeof setup2 === "function" ? {
+        return (0, import_vue2.createVNode)(param2 != null ? param2 : ReactiveView_default, __spreadProps(__spreadValues(__spreadValues({}, props2), Object.assign({}, props2, typeof setup2 === "function" ? {
           setup: (self, parent) => setup2(self, parent, component)
-        } : {})), slots);
+        } : {})), {
+          instance
+        }), slots);
       };
     }
   });
 }
 function showComponent(component, options = {}) {
   var _a;
+  if (options.router) {
+    console.warn("[ReactiveView]: Deprecated {router} option used with {showComponent()}. \nUse {plugins} option instead.");
+  }
   if (!options.key || !document.getElementById(options.key)) {
     const container = options.container || "app-dialogs";
     const dialogs = document.getElementById(container) || document.createElement("div");
@@ -668,6 +680,10 @@ function showComponent(component, options = {}) {
     );
     if (options.router) {
       return app.use(options.router).mount(`#${id}`);
+    } else if (options.plugins) {
+      return options.plugins.reduce((app2, plugin) => {
+        return app2.use(...Array.isArray(plugin) ? plugin : [plugin]);
+      }, app).mount(`#${id}`);
     } else {
       return app.mount(`#${id}`);
     }

package/dist/index.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -124,11 +127,11 @@ var Subscriptions = _Subscriptions;
 // src/ReactiveView.ts
 import ObjectManager from "@razaman2/object-manager";
 import DataManager from "@razaman2/data-manager";
-import { ref, reactive, watch, isRef, isReactive, createVNode, getCurrentInstance } from "vue";
+import { ref, reactive, watch, isRef, isReactive, createVNode, getCurrentInstance, unref } from "vue";
 
 // package.json
 var name = "@razaman2/reactive-view";
-var version = "0.0.34-beta.27";
+var version = "0.0.34-beta.29";
 
 // src/ReactiveView.ts
 var setup = {
@@ -148,7 +151,7 @@ var ReactiveView_default = {
     notifications: Object,
     subscriptions: Object,
     beforeSetData: Function,
-    data: { default: () => ({}) },
+    data: { default: () => reactive({}) },
     defaultData: {},
     getDefaultData: {
       type: Function,
@@ -209,17 +212,17 @@ var ReactiveView_default = {
       console.error("[ReactiveView]: defaultData is required for promise or async function data.");
     }
     const defaultData = props.getDefaultData(
-      "defaultData" in vue.vnode.props ? vue.vnode.props.defaultData : "data" in vue.vnode.props ? Array.isArray(vue.vnode.props.data) ? [] : {} : {}
+      "defaultData" in vue.vnode.props ? vue.vnode.props.defaultData : "data" in vue.vnode.props ? Array.isArray(isRef(vue.vnode.props.data) ? unref(vue.vnode.props.data) : vue.vnode.props.data) ? [] : {} : {}
     );
     const datatype = Array.isArray(defaultData) ? [] : {};
     const normalize = (data) => {
       if (props.debug) {
-        console.warn(`[ReactiveView]: using beta props data in [${props.modelName}] component`, { vue, data, defaultData, ref: isRef(data), reactive: isReactive(data) });
+        console.warn(`[ReactiveView]: using beta props data in [${props.modelName}] component`, { vue, data, defaultData, isRef: isRef(data), isReactive: isReactive(data) });
       }
-      if (isRef(data) || isReactive(data)) {
+      if (isReactive(data)) {
         return data;
       } else {
-        if (isFunctionData || isPromiseData) {
+        if (isRef(data) || isFunctionData || isPromiseData) {
           return reactive(datatype);
         } else {
           const props2 = "data" in vue.vnode.props;
@@ -269,7 +272,7 @@ var ReactiveView_default = {
     });
     const component = ref({ parent: { self: vue.proxy }, self: { template, model, diff, dataPath: dataPath2, isValid } });
     if (props.debug) {
-      console.log("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
+      console.warn("[ReactiveView]:", { props, context, vue, defer, config, model, component, datatype, defaultData, isValid, isReady, isFunctionData, isAsyncFunctionData, isPromiseData });
     }
     const watchDataProp = (dataProp) => {
       var _a2, _b2, _c2, _d2;
@@ -280,7 +283,7 @@ var ReactiveView_default = {
         }, context.attrs["data:immediate"] ? { immediate: context.attrs["data:immediate"] } : {}), context.attrs["data:once"] ? { once: context.attrs["data:once"] } : {}), ((_d2 = context.attrs["onUpdate:data"]) != null ? _d2 : {}).options)
       };
       if (context.attrs["data:log"]) {
-        console.log(`[ReactiveView]:data`, { config: config2, dataProp });
+        console.warn(`[ReactiveView]:data`, { config: config2, dataProp });
       }
       watch(isFunctionData || isRef(dataProp) || isReactive(dataProp) ? dataProp : () => dataProp, (after, before) => {
         var _a3;
@@ -299,31 +302,35 @@ var ReactiveView_default = {
         }, context.attrs["model:immediate"] ? { immediate: context.attrs["model:immediate"] } : {}), context.attrs["model:once"] ? { once: context.attrs["model:once"] } : {}), ((_f = context.attrs["onUpdate:model"]) != null ? _f : {}).options)
       } : (_g = context.attrs["onUpdate:model"]) != null ? _g : {};
       if (context.attrs["model:log"]) {
-        console.log(`[ReactiveView]:model`, { config: config2 });
+        console.warn(`[ReactiveView]:model`, { config: config2 });
       }
       watch(() => ObjectManager.on(model.getData()).clone(), (after, before) => {
         config2.callback(access(component).diff(ObjectManager.on(before), ObjectManager.on(after)), { component });
       }, config2.options);
     }
     if (props.beta) {
-      if (isFunctionData || isPromiseData) {
+      const isRefData = isRef(props.data);
+      if (isRefData || isFunctionData || isPromiseData) {
         setTimeout(async () => {
-          var _a2, _b2;
+          var _a2, _b2, _c2;
           const [data] = isPromiseData ? await Promise.all([
             isAsyncFunctionData ? props.data() : props.data,
             (_a2 = defer.value) != null ? _a2 : true
           ]) : [props.data];
-          watch(isFunctionData ? data : typeof data === "function" ? data : () => data, (after, before) => {
+          watch(isRefData ? data : isFunctionData ? data : typeof data === "function" ? data : () => data, (after, before) => {
             var _a3;
-            const callback = context.attrs["data:callback"];
-            if (typeof callback === "function") {
-              model.replaceData((_a3 = callback(access(component).diff(ObjectManager.on(before), ObjectManager.on(after)), { component })) != null ? _a3 : after);
-            } else {
-              model.replaceData(after);
+            if (before !== void 0 || after !== void 0) {
+              const callback = context.attrs["data:callback"];
+              if (typeof callback === "function") {
+                const diff2 = access(component).diff(ObjectManager.on(before), ObjectManager.on(after));
+                model.replaceData((_a3 = callback(diff2, { component })) != null ? _a3 : after);
+              } else {
+                model.replaceData(after);
+              }
             }
           }, {
             immediate: (_b2 = context.attrs["data:immediate"]) != null ? _b2 : true,
-            deep: context.attrs["data:deep"],
+            deep: (_c2 = context.attrs["data:deep"]) != null ? _c2 : true,
             once: context.attrs["data:once"]
           });
         });
@@ -371,7 +378,7 @@ var ReactiveView_default = {
 };
 
 // src/index.ts
-import { h, unref, toRaw, createApp, createVNode as createVNode2, defineComponent } from "vue";
+import { h, ref as ref2, unref as unref2, toRaw, createApp, createVNode as createVNode2, defineComponent } from "vue";
 import { formatInTimeZone } from "date-fns-tz";
 import { twMerge } from "tailwind-merge";
 console.log(`%c[ReactiveView]: ${version}`, "background-color: red; color: yellow;");
@@ -471,7 +478,7 @@ function access(view = {}, alternative) {
     });
   };
   try {
-    const component = (_a = unref(typeof view === "function" ? view() : view)) != null ? _a : {};
+    const component = (_a = unref2(typeof view === "function" ? view() : view)) != null ? _a : {};
     return resolve("instance" in component ? component.instance : component);
   } catch (e) {
     return resolve(view);
@@ -576,7 +583,7 @@ var extendVnode = (component, element) => {
   });
 };
 function defineReactiveView(param1, param2) {
-  console.log(`log params:`, { param1, param2 });
+  const instance = ref2();
   return defineComponent({
     name: param1 == null ? void 0 : param1.modelName,
     props: __spreadValues({ setup }, param1 ? param1.props : {}),
@@ -584,18 +591,23 @@ function defineReactiveView(param1, param2) {
       const _a = param1 != null ? param1 : {}, { setup: setup2, props } = _a, rest = __objRest(_a, ["setup", "props"]);
       return (component) => {
         const props2 = Object.entries(rest).reduce((props3, [key, val]) => {
-          return Object.assign(props3, { [key]: typeof val === "function" ? val(component) : val });
+          return Object.assign(props3, { [key]: typeof val === "function" ? val(component, instance) : val });
         }, {});
         const slots = typeof (param1 == null ? void 0 : param1.slots) === "function" ? param1.slots(component) : Array.isArray(param1 == null ? void 0 : param1.slots) ? () => param1.slots : param1 == null ? void 0 : param1.slots;
-        return createVNode2(param2 != null ? param2 : ReactiveView_default, __spreadValues(__spreadValues({}, props2), Object.assign({}, props2, typeof setup2 === "function" ? {
+        return createVNode2(param2 != null ? param2 : ReactiveView_default, __spreadProps(__spreadValues(__spreadValues({}, props2), Object.assign({}, props2, typeof setup2 === "function" ? {
           setup: (self, parent) => setup2(self, parent, component)
-        } : {})), slots);
+        } : {})), {
+          instance
+        }), slots);
       };
     }
   });
 }
 function showComponent(component, options = {}) {
   var _a;
+  if (options.router) {
+    console.warn("[ReactiveView]: Deprecated {router} option used with {showComponent()}. \nUse {plugins} option instead.");
+  }
   if (!options.key || !document.getElementById(options.key)) {
     const container = options.container || "app-dialogs";
     const dialogs = document.getElementById(container) || document.createElement("div");
@@ -622,6 +634,10 @@ function showComponent(component, options = {}) {
     );
     if (options.router) {
       return app.use(options.router).mount(`#${id}`);
+    } else if (options.plugins) {
+      return options.plugins.reduce((app2, plugin) => {
+        return app2.use(...Array.isArray(plugin) ? plugin : [plugin]);
+      }, app).mount(`#${id}`);
     } else {
       return app.mount(`#${id}`);
     }
@@ -645,7 +661,7 @@ var setData = (component, data, path) => {
   return "state" in vue ? diff : vue.$emit("update:state", diff);
 };
 var componentState = (component) => {
-  return unref("state" in component ? component.state : component.$attrs.state);
+  return unref2("state" in component ? component.state : component.$attrs.state);
 };
 var dataPath = (component, path) => {
   return typeof component.$attrs["data:path"] === "function" ? component.$attrs["data:path"](path) : path;

package/package.json

@@ -1,48 +1,48 @@
-{
-    "name": "@razaman2/reactive-view",
-    "version": "0.0.34-beta.27",
-    "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
-    "main": "dist/index.js",
-    "module": "dist/index.mjs",
-    "types": "dist/index.d.ts",
-    "scripts": {
-        "prepublishOnly": "npm run build",
-        "build": "tsup src/index.ts --format cjs,esm --dts",
-        "lint": "tsc",
-        "test": "cd tests/vue-ts && npm run dev",
-        "pr": "sh pr.sh"
-    },
-    "keywords": [
-        "vue",
-        "vue-helper",
-        "reactive-view",
-        "vue-class-component",
-        "reactive-ui"
-    ],
-    "author": "razaman2",
-    "license": "MIT",
-    "dependencies": {
-        "@razaman2/data-manager": "^3.2.12",
-        "@razaman2/event-emitter": "^2.1.1",
-        "@razaman2/object-manager": "^3.4.7",
-        "date-fns": "^4.1.0",
-        "date-fns-tz": "^3.2.0",
-        "tailwind-merge": "^3.3.1",
-        "uuid": "^13.0.0"
-    },
-    "peerDependencies": {
-        "vue": ">=3.0.0"
-    },
-    "devDependencies": {
-        "@types/uuid": "^11.0.0",
-        "tsup": "^8.5.0",
-        "typescript": "^5.9.3",
-        "vitest": "^4.0.5"
-    },
-    "publishConfig": {
-        "access": "public"
-    },
-    "files": [
-        "dist"
-    ]
-}
+{
+    "name": "@razaman2/reactive-view",
+    "version": "0.0.34-beta.29",
+    "description": "This library enables you to build vue apps in an object oriented way. It provides a convenient approach to extend and override ui components. It provides a built in eventing system along with component data management.",
+    "main": "dist/index.js",
+    "module": "dist/index.mjs",
+    "types": "dist/index.d.ts",
+    "scripts": {
+        "prepublishOnly": "npm run build",
+        "build": "tsup src/index.ts --format cjs,esm --dts",
+        "lint": "tsc",
+        "test": "cd tests/vue-ts && npm run dev",
+        "pr": "sh pr.sh"
+    },
+    "keywords": [
+        "vue",
+        "vue-helper",
+        "reactive-view",
+        "vue-class-component",
+        "reactive-ui"
+    ],
+    "author": "razaman2",
+    "license": "MIT",
+    "dependencies": {
+        "@razaman2/data-manager": "^3.2.12",
+        "@razaman2/event-emitter": "^2.1.1",
+        "@razaman2/object-manager": "^3.4.7",
+        "date-fns": "^4.1.0",
+        "date-fns-tz": "^3.2.0",
+        "tailwind-merge": "^3.3.1",
+        "uuid": "^13.0.0"
+    },
+    "peerDependencies": {
+        "vue": ">=3.0.0"
+    },
+    "devDependencies": {
+        "@types/uuid": "^11.0.0",
+        "tsup": "^8.5.0",
+        "typescript": "^5.9.3",
+        "vitest": "^4.0.5"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "files": [
+        "dist"
+    ]
+}