@vc-shell/create-vc-app 1.0.222 → 1.0.224

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## [1.0.224](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.223...v1.0.224) (2024-06-04)
+
+
+
+## [1.0.223](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.222...v1.0.223) (2024-05-29)
+
+
+### Features
+
+* **dynamic:** refactoring of scope, composable args interface, dynamic hint for some components ([e6b8099](https://github.com/VirtoCommerce/vc-shell/commit/e6b8099a120cef9429896904947e13fdae670541))
+
+
+### BREAKING CHANGES
+
+* **dynamic:** change scope in composables to be plain object instead refs. Also, if you want to extend scope, use lodash's merge method like: _.merge(scope, {})
+
+
+
 ## [1.0.222](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.221...v1.0.222) (2024-05-28)
 
 

package/dist/index.js

@@ -1,19 +1,19 @@
 #!/usr/bin/env node
 import Ce from "prompts";
-import $e from "mri";
+import Re from "mri";
 import s from "chalk";
 import i from "node:path";
 import u from "node:fs";
-import { fileURLToPath as Re } from "node:url";
-import { cwd as je, argv as Ae, exit as we } from "node:process";
-const ke = "@vc-shell/create-vc-app", Oe = "Application scaffolding", Ne = "1.0.222", Me = "module", Te = "./dist/index.js", Ue = [
+import { fileURLToPath as $e } from "node:url";
+import { cwd as je, argv as Ae, exit as ke } from "node:process";
+const we = "@vc-shell/create-vc-app", Oe = "Application scaffolding", Ne = "1.0.224", Me = "module", Te = "./dist/index.js", Ue = [
   "dist"
 ], Ee = {
   build: "vite build && yarn postbuild",
   postbuild: "shx cp -R src/templates dist/"
 }, Le = {
   "@types/prompts": "^2.4.4",
-  "@vc-shell/ts-config": "^1.0.222",
+  "@vc-shell/ts-config": "^1.0.224",
   copyfiles: "^2.4.1",
   "cross-env": "^7.0.3",
   shx: "^0.3.4",
@@ -29,7 +29,7 @@ const ke = "@vc-shell/create-vc-app", Oe = "Application scaffolding", Ne = "1.0.
   access: "public",
   registry: "https://registry.npmjs.org/"
 }, ze = "yarn@4.0.2", De = {
-  name: ke,
+  name: we,
   description: Oe,
   version: Ne,
   type: Me,
@@ -41,16 +41,16 @@ const ke = "@vc-shell/create-vc-app", Oe = "Application scaffolding", Ne = "1.0.
   publishConfig: Pe,
   packageManager: ze
 };
-var Fe = typeof global == "object" && global && global.Object === Object && global, Ie = typeof self == "object" && self && self.Object === Object && self, Ze = Fe || Ie || Function("return this")(), m = Ze.Symbol, H = Object.prototype, Ve = H.hasOwnProperty, We = H.toString, y = m ? m.toStringTag : void 0;
+var Ie = typeof global == "object" && global && global.Object === Object && global, Fe = typeof self == "object" && self && self.Object === Object && self, Ze = Ie || Fe || Function("return this")(), m = Ze.Symbol, H = Object.prototype, Ve = H.hasOwnProperty, We = H.toString, y = m ? m.toStringTag : void 0;
 function He(e) {
-  var n = Ve.call(e, y), r = e[y];
+  var r = Ve.call(e, y), n = e[y];
   try {
     e[y] = void 0;
     var a = !0;
   } catch {
   }
   var t = We.call(e);
-  return a && (n ? e[y] = r : delete e[y]), t;
+  return a && (r ? e[y] = n : delete e[y]), t;
 }
 var Be = Object.prototype, Je = Be.toString;
 function Ge(e) {
@@ -67,9 +67,9 @@ var Xe = "[object Symbol]";
 function er(e) {
   return typeof e == "symbol" || Qe(e) && Ke(e) == Xe;
 }
-function rr(e, n) {
-  for (var r = -1, a = e == null ? 0 : e.length, t = Array(a); ++r < a; )
-    t[r] = n(e[r], r, e);
+function rr(e, r) {
+  for (var n = -1, a = e == null ? 0 : e.length, t = Array(a); ++n < a; )
+    t[n] = r(e[n], n, e);
   return t;
 }
 var nr = Array.isArray, or = 1 / 0, P = m ? m.prototype : void 0, z = P ? P.toString : void 0;
@@ -80,61 +80,59 @@ function B(e) {
     return rr(e, B) + "";
   if (er(e))
     return z ? z.call(e) : "";
-  var n = e + "";
-  return n == "0" && 1 / e == -or ? "-0" : n;
+  var r = e + "";
+  return r == "0" && 1 / e == -or ? "-0" : r;
 }
 function C(e) {
   return e == null ? "" : B(e);
 }
-function tr(e, n, r) {
+function tr(e, r, n) {
   var a = -1, t = e.length;
-  n < 0 && (n = -n > t ? 0 : t + n), r = r > t ? t : r, r < 0 && (r += t), t = n > r ? 0 : r - n >>> 0, n >>>= 0;
+  r < 0 && (r = -r > t ? 0 : t + r), n = n > t ? t : n, n < 0 && (n += t), t = r > n ? 0 : n - r >>> 0, r >>>= 0;
   for (var c = Array(t); ++a < t; )
-    c[a] = e[a + n];
+    c[a] = e[a + r];
   return c;
 }
-function ar(e, n, r) {
+function ar(e, r, n) {
   var a = e.length;
-  return r = r === void 0 ? a : r, !n && r >= a ? e : tr(e, n, r);
+  return n = n === void 0 ? a : n, !r && n >= a ? e : tr(e, r, n);
 }
-var sr = "\\ud800-\\udfff", ur = "\\u0300-\\u036f", ir = "\\ufe20-\\ufe2f", cr = "\\u20d0-\\u20ff", fr = ur + ir + cr, lr = "\\ufe0e\\ufe0f", dr = "\\u200d", pr = RegExp("[" + dr + sr + fr + lr + "]");
+var sr = "\\ud800-\\udfff", ur = "\\u0300-\\u036f", ir = "\\ufe20-\\ufe2f", cr = "\\u20d0-\\u20ff", lr = ur + ir + cr, fr = "\\ufe0e\\ufe0f", dr = "\\u200d", pr = RegExp("[" + dr + sr + lr + fr + "]");
 function J(e) {
   return pr.test(e);
 }
 function mr(e) {
   return e.split("");
 }
-var G = "\\ud800-\\udfff", gr = "\\u0300-\\u036f", xr = "\\ufe20-\\ufe2f", br = "\\u20d0-\\u20ff", yr = gr + xr + br, vr = "\\ufe0e\\ufe0f", hr = "[" + G + "]", O = "[" + yr + "]", N = "\\ud83c[\\udffb-\\udfff]", Sr = "(?:" + O + "|" + N + ")", Y = "[^" + G + "]", q = "(?:\\ud83c[\\udde6-\\uddff]){2}", K = "[\\ud800-\\udbff][\\udc00-\\udfff]", Cr = "\\u200d", Q = Sr + "?", X = "[" + vr + "]?", $r = "(?:" + Cr + "(?:" + [Y, q, K].join("|") + ")" + X + Q + ")*", Rr = X + Q + $r, jr = "(?:" + [Y + O + "?", O, q, K, hr].join("|") + ")", Ar = RegExp(N + "(?=" + N + ")|" + jr + Rr, "g");
-function wr(e) {
+var G = "\\ud800-\\udfff", gr = "\\u0300-\\u036f", xr = "\\ufe20-\\ufe2f", br = "\\u20d0-\\u20ff", yr = gr + xr + br, vr = "\\ufe0e\\ufe0f", hr = "[" + G + "]", O = "[" + yr + "]", N = "\\ud83c[\\udffb-\\udfff]", Sr = "(?:" + O + "|" + N + ")", Y = "[^" + G + "]", q = "(?:\\ud83c[\\udde6-\\uddff]){2}", K = "[\\ud800-\\udbff][\\udc00-\\udfff]", Cr = "\\u200d", Q = Sr + "?", X = "[" + vr + "]?", Rr = "(?:" + Cr + "(?:" + [Y, q, K].join("|") + ")" + X + Q + ")*", $r = X + Q + Rr, jr = "(?:" + [Y + O + "?", O, q, K, hr].join("|") + ")", Ar = RegExp(N + "(?=" + N + ")|" + jr + $r, "g");
+function kr(e) {
   return e.match(Ar) || [];
 }
-function kr(e) {
-  return J(e) ? wr(e) : mr(e);
+function wr(e) {
+  return J(e) ? kr(e) : mr(e);
 }
 function ee(e) {
-  return function(n) {
-    n = C(n);
-    var r = J(n) ? kr(n) : void 0, a = r ? r[0] : n.charAt(0), t = r ? ar(r, 1).join("") : n.slice(1);
+  return function(r) {
+    r = C(r);
+    var n = J(r) ? wr(r) : void 0, a = n ? n[0] : r.charAt(0), t = n ? ar(n, 1).join("") : r.slice(1);
     return a[e]() + t;
   };
 }
-var Or = ee("toUpperCase");
-const M = Or;
-function Nr(e) {
+var M = ee("toUpperCase");
+function Or(e) {
   return M(C(e).toLowerCase());
 }
-function Mr(e, n, r, a) {
-  var t = -1, c = e == null ? 0 : e.length;
-  for (a && c && (r = e[++t]); ++t < c; )
-    r = n(r, e[t], t, e);
-  return r;
+function Nr(e, r, n, a) {
+  for (var t = -1, c = e == null ? 0 : e.length; ++t < c; )
+    n = r(n, e[t], t, e);
+  return n;
 }
-function Tr(e) {
-  return function(n) {
-    return e?.[n];
+function Mr(e) {
+  return function(r) {
+    return e?.[r];
   };
 }
-var Ur = {
+var Tr = {
   // Latin-1 Supplement block.
   À: "A",
   Á: "A",
@@ -327,60 +325,55 @@ var Ur = {
   œ: "oe",
   ʼn: "'n",
   ſ: "s"
-}, Er = Tr(Ur);
-const Lr = Er;
-var _r = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Pr = "\\u0300-\\u036f", zr = "\\ufe20-\\ufe2f", Dr = "\\u20d0-\\u20ff", Fr = Pr + zr + Dr, Ir = "[" + Fr + "]", Zr = RegExp(Ir, "g");
+}, Ur = Mr(Tr), Er = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, Lr = "\\u0300-\\u036f", _r = "\\ufe20-\\ufe2f", Pr = "\\u20d0-\\u20ff", zr = Lr + _r + Pr, Dr = "[" + zr + "]", Ir = RegExp(Dr, "g");
+function Fr(e) {
+  return e = C(e), e && e.replace(Er, Ur).replace(Ir, "");
+}
+var Zr = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 function Vr(e) {
-  return e = C(e), e && e.replace(_r, Lr).replace(Zr, "");
+  return e.match(Zr) || [];
 }
-var Wr = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+var Wr = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
 function Hr(e) {
-  return e.match(Wr) || [];
-}
-var Br = /[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
-function Jr(e) {
-  return Br.test(e);
+  return Wr.test(e);
 }
-var re = "\\ud800-\\udfff", Gr = "\\u0300-\\u036f", Yr = "\\ufe20-\\ufe2f", qr = "\\u20d0-\\u20ff", Kr = Gr + Yr + qr, ne = "\\u2700-\\u27bf", oe = "a-z\\xdf-\\xf6\\xf8-\\xff", Qr = "\\xac\\xb1\\xd7\\xf7", Xr = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", en = "\\u2000-\\u206f", rn = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", te = "A-Z\\xc0-\\xd6\\xd8-\\xde", nn = "\\ufe0e\\ufe0f", ae = Qr + Xr + en + rn, se = "['’]", D = "[" + ae + "]", on = "[" + Kr + "]", ue = "\\d+", tn = "[" + ne + "]", ie = "[" + oe + "]", ce = "[^" + re + ae + ue + ne + oe + te + "]", an = "\\ud83c[\\udffb-\\udfff]", sn = "(?:" + on + "|" + an + ")", un = "[^" + re + "]", fe = "(?:\\ud83c[\\udde6-\\uddff]){2}", le = "[\\ud800-\\udbff][\\udc00-\\udfff]", p = "[" + te + "]", cn = "\\u200d", F = "(?:" + ie + "|" + ce + ")", fn = "(?:" + p + "|" + ce + ")", I = "(?:" + se + "(?:d|ll|m|re|s|t|ve))?", Z = "(?:" + se + "(?:D|LL|M|RE|S|T|VE))?", de = sn + "?", pe = "[" + nn + "]?", ln = "(?:" + cn + "(?:" + [un, fe, le].join("|") + ")" + pe + de + ")*", dn = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", pn = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", mn = pe + de + ln, gn = "(?:" + [tn, fe, le].join("|") + ")" + mn, xn = RegExp([
-  p + "?" + ie + "+" + I + "(?=" + [D, p, "$"].join("|") + ")",
-  fn + "+" + Z + "(?=" + [D, p + F, "$"].join("|") + ")",
-  p + "?" + F + "+" + I,
+var re = "\\ud800-\\udfff", Br = "\\u0300-\\u036f", Jr = "\\ufe20-\\ufe2f", Gr = "\\u20d0-\\u20ff", Yr = Br + Jr + Gr, ne = "\\u2700-\\u27bf", oe = "a-z\\xdf-\\xf6\\xf8-\\xff", qr = "\\xac\\xb1\\xd7\\xf7", Kr = "\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf", Qr = "\\u2000-\\u206f", Xr = " \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", te = "A-Z\\xc0-\\xd6\\xd8-\\xde", en = "\\ufe0e\\ufe0f", ae = qr + Kr + Qr + Xr, se = "['’]", D = "[" + ae + "]", rn = "[" + Yr + "]", ue = "\\d+", nn = "[" + ne + "]", ie = "[" + oe + "]", ce = "[^" + re + ae + ue + ne + oe + te + "]", on = "\\ud83c[\\udffb-\\udfff]", tn = "(?:" + rn + "|" + on + ")", an = "[^" + re + "]", le = "(?:\\ud83c[\\udde6-\\uddff]){2}", fe = "[\\ud800-\\udbff][\\udc00-\\udfff]", p = "[" + te + "]", sn = "\\u200d", I = "(?:" + ie + "|" + ce + ")", un = "(?:" + p + "|" + ce + ")", F = "(?:" + se + "(?:d|ll|m|re|s|t|ve))?", Z = "(?:" + se + "(?:D|LL|M|RE|S|T|VE))?", de = tn + "?", pe = "[" + en + "]?", cn = "(?:" + sn + "(?:" + [an, le, fe].join("|") + ")" + pe + de + ")*", ln = "\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])", fn = "\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])", dn = pe + de + cn, pn = "(?:" + [nn, le, fe].join("|") + ")" + dn, mn = RegExp([
+  p + "?" + ie + "+" + F + "(?=" + [D, p, "$"].join("|") + ")",
+  un + "+" + Z + "(?=" + [D, p + I, "$"].join("|") + ")",
+  p + "?" + I + "+" + F,
   p + "+" + Z,
-  pn,
-  dn,
+  fn,
+  ln,
   ue,
-  gn
+  pn
 ].join("|"), "g");
-function bn(e) {
-  return e.match(xn) || [];
+function gn(e) {
+  return e.match(mn) || [];
 }
-function yn(e, n, r) {
-  return e = C(e), n = r ? void 0 : n, n === void 0 ? Jr(e) ? bn(e) : Hr(e) : e.match(n) || [];
+function xn(e, r, n) {
+  return e = C(e), r = r, r === void 0 ? Hr(e) ? gn(e) : Vr(e) : e.match(r) || [];
 }
-var vn = "['’]", hn = RegExp(vn, "g");
+var bn = "['’]", yn = RegExp(bn, "g");
 function T(e) {
-  return function(n) {
-    return Mr(yn(Vr(n).replace(hn, "")), e, "");
+  return function(r) {
+    return Nr(xn(Fr(r).replace(yn, "")), e, "");
   };
 }
-var Sn = T(function(e, n, r) {
-  return n = n.toLowerCase(), e + (r ? Nr(n) : n);
-});
-const V = Sn;
-var Cn = ee("toLowerCase");
-const $n = Cn;
-var Rn = T(function(e, n, r) {
-  return e + (r ? "_" : "") + n.toLowerCase();
-}), w = T(function(e, n, r) {
-  return e + (r ? " " : "") + M(n);
+var V = T(function(e, r, n) {
+  return r = r.toLowerCase(), e + (n ? Or(r) : r);
+}), vn = ee("toLowerCase"), hn = T(function(e, r, n) {
+  return e + (n ? "_" : "") + r.toLowerCase();
+}), k = T(function(e, r, n) {
+  return e + (n ? " " : "") + M(r);
 });
-const jn = {
+const Sn = {
   _gitignore: ".gitignore",
   "_yarnrc.yml": ".yarnrc.yml",
   _browserslistrc: ".browserslistrc",
   "_commitlintrc.json": ".commitlintrc.json",
   _editorconfig: ".editorconfig",
   _env: ".env",
+  "_env.local": ".env.local",
   _eslintignore: ".eslintignore",
   _prettierignore: ".prettierignore",
   _prettierrc: ".prettierrc",
@@ -397,23 +390,23 @@ function W(e) {
 function v(e) {
   return e.trim().toLowerCase().replace(/\s+/g, "-").replace(/^[._]/, "").replace(/[^a-z0-9-~]+/g, "-");
 }
-function An(e) {
+function Cn(e) {
   return e.trim().toLowerCase().replace(/\/+/g, "/").replace(/[^a-z0-9/-]+/g, "/").replace(/\/?$/, "/");
 }
 function me(e) {
   if (u.existsSync(e))
-    u.readdirSync(e).forEach((n) => {
-      const r = i.join(e, n);
-      u.lstatSync(r).isDirectory() ? me(r) : u.unlinkSync(r);
+    u.readdirSync(e).forEach((r) => {
+      const n = i.join(e, r);
+      u.lstatSync(n).isDirectory() ? me(n) : u.unlinkSync(n);
     });
   else
     return;
 }
-function wn(e) {
-  const n = u.readdirSync(e);
-  return n.length === 0 || n.length === 1 && n[0] === ".git";
+function Rn(e) {
+  const r = u.readdirSync(e);
+  return r.length === 0 || r.length === 1 && r[0] === ".git";
 }
-const kn = [
+const $n = [
   {
     name: "dynamic",
     display: "Dynamic view modules boilerplate"
@@ -422,33 +415,33 @@ const kn = [
     name: "classic",
     display: "Classic view modules boilerplate"
   }
-], k = {
+], w = {
   classic: ["classic-module"],
   dynamic: ["dynamic-module"]
 };
-async function On() {
+async function jn() {
   console.log(`  ${s.bold(s.green(`
 create-vc-app version: ${De.version}
 `))}`);
   const e = je();
-  let r = $e(Ae.slice(2))._[0];
-  const a = r || "vc-app", t = () => r === "." ? i.basename(i.resolve()) : r;
+  let n = Re(Ae.slice(2))._[0];
+  const a = n || "vc-app", t = () => n === "." ? i.basename(i.resolve()) : n;
   let c;
   try {
     c = await Ce(
       [
         {
           name: "appName",
-          type: r ? null : "text",
+          type: n ? null : "text",
           message: s.reset("Project name:"),
           initial: a,
-          onState: (o) => r = v(String(o.value).trim()) || a,
+          onState: (o) => n = v(String(o.value).trim()) || a,
           format: (o) => v(String(o).trim())
         },
         {
-          type: () => !u.existsSync(r) || wn(r) ? null : "confirm",
+          type: () => !u.existsSync(n) || Rn(n) ? null : "confirm",
           name: "overwrite",
-          message: () => (r === "." ? "Current directory" : `Target directory "${r}"`) + " is not empty. Remove existing files and continue?"
+          message: () => (n === "." ? "Current directory" : `Target directory "${n}"`) + " is not empty. Remove existing files and continue?"
         },
         {
           type: (o, { overwrite: h }) => {
@@ -470,13 +463,13 @@ create-vc-app version: ${De.version}
           type: "text",
           message: s.reset("Base path:"),
           initial: () => "/apps/" + v(t()) + "/",
-          format: (o) => An(String(o).trim())
+          format: (o) => Cn(String(o).trim())
         },
         {
           type: "select",
           name: "variant",
           message: s.reset("Select module variant:"),
-          choices: kn.map((o) => ({
+          choices: $n.map((o) => ({
             title: o.display,
             value: o.name
           }))
@@ -485,7 +478,7 @@ create-vc-app version: ${De.version}
           name: "moduleName",
           type: "text",
           message: s.reset("Module name:"),
-          initial: () => w(t()),
+          initial: () => k(t()),
           format: (o) => String(o).trim()
         },
         {
@@ -502,42 +495,42 @@ create-vc-app version: ${De.version}
       }
     );
   } catch (o) {
-    console.log(o.message), we(1);
+    console.log(o.message), ke(1);
   }
-  const { packageName: ge, variant: g, moduleName: d, appName: U, basePath: xe, mocks: be } = c, $ = /* @__PURE__ */ new Map([
+  const { packageName: ge, variant: g, moduleName: d, appName: U, basePath: xe, mocks: be } = c, R = /* @__PURE__ */ new Map([
     ["{{ModuleName}}", v(d)],
     ["{{ModuleNamePascalCase}}", M(V(d))],
     ["{{ModuleNameUppercase}}", d.toUpperCase()],
-    ["{{ModuleNameUppercaseSnakeCase}}", Rn(d).toUpperCase()],
-    ["{{ModuleNameExports}}", $n(V(d))],
-    ["{{ModuleNameSentenceCase}}", w(d)],
+    ["{{ModuleNameUppercaseSnakeCase}}", hn(d).toUpperCase()],
+    ["{{ModuleNameExports}}", vn(V(d))],
+    ["{{ModuleNameSentenceCase}}", k(d)],
     ["{{AppName}}", U],
-    ["{{AppNameSentenceCase}}", w(U)],
+    ["{{AppNameSentenceCase}}", k(U)],
     ["{{BasePath}}", xe],
     ["{{PackageName}}", ge || t()]
-  ]), f = i.join(e, r);
-  u.existsSync(f) ? me(f) : u.existsSync(f) || u.mkdirSync(f), console.log(`
-Scaffolding app in ${f}...`);
-  const ye = i.resolve(Re(import.meta.url), "..", "templates");
-  function l(o, h = "") {
+  ]), l = i.join(e, n);
+  u.existsSync(l) ? me(l) : u.existsSync(l) || u.mkdirSync(l), console.log(`
+Scaffolding app in ${l}...`);
+  const ye = i.resolve($e(import.meta.url), "..", "templates");
+  function f(o, h = "") {
     const E = i.resolve(ye, o), ve = u.readdirSync(E);
     for (const x of ve) {
-      const R = i.join(E, x);
-      let S = jn[x] ?? x;
-      for (const [L, b] of $.entries()) {
+      const $ = i.join(E, x);
+      let S = Sn[x] ?? x;
+      for (const [L, b] of R.entries()) {
         const A = new RegExp(L, "g");
         S = S.replace(A, b);
       }
-      const j = i.join(f, h, S);
-      if (u.statSync(R).isDirectory())
-        u.mkdirSync(j, { recursive: !0 }), l(i.join(o, x), i.join(h, S));
+      const j = i.join(l, h, S);
+      if (u.statSync($).isDirectory())
+        u.mkdirSync(j, { recursive: !0 }), f(i.join(o, x), i.join(h, S));
       else if ([".png", ".jpg", ".jpeg", ".gif", ".bmp", ".ico", ".pdf", ".zip"].includes(
         i.extname(x).toLowerCase()
       ))
-        u.copyFileSync(R, j);
+        u.copyFileSync($, j);
       else {
-        let b = u.readFileSync(R, "utf-8");
-        for (const [A, he] of $.entries()) {
+        let b = u.readFileSync($, "utf-8");
+        for (const [A, he] of R.entries()) {
           const Se = new RegExp(A, "g");
           b = b.replace(Se, he);
         }
@@ -545,22 +538,22 @@ Scaffolding app in ${f}...`);
       }
     }
   }
-  if (l("base"), k[g].forEach((o) => {
-    l(`modules/${o}`, "src/modules/" + $.get("{{ModuleName}}"));
-  }), be && (g === "dynamic" && k[g].forEach((o) => {
-    l(`sample/${o}`, "src/modules/sample");
-  }), g === "classic" && k[g].forEach((o) => {
-    l(`sample/${o}`, "src/modules/sample");
-  }), l("mocks", "src/modules/sample"), l("sample/overrides", "src")), console.log(`
+  if (f("base"), w[g].forEach((o) => {
+    f(`modules/${o}`, "src/modules/" + R.get("{{ModuleName}}"));
+  }), be && (g === "dynamic" && w[g].forEach((o) => {
+    f(`sample/${o}`, "src/modules/sample");
+  }), g === "classic" && w[g].forEach((o) => {
+    f(`sample/${o}`, "src/modules/sample");
+  }), f("mocks", "src/modules/sample"), f("sample/overrides", "src")), console.log(`
 Done. You can now run application:
-`), f !== e) {
-    const o = i.relative(e, f);
+`), l !== e) {
+    const o = i.relative(e, l);
     console.log(
       `  ${s.bold(s.green(`cd ${o.includes(" ") ? `"${o}"` : o}`))}`
     );
   }
   console.log(`  ${s.bold(s.green("yarn"))}`), console.log(`  ${s.bold(s.green("yarn serve"))}`);
 }
-On().catch((e) => {
+jn().catch((e) => {
   console.error(e);
 });

package/dist/templates/base/_env

@@ -1,4 +1,3 @@
-#APP_PLATFORM_URL=add_platform_url_here
 APP_BASE_PATH={{BasePath}}
 APP_I18N_LOCALE=en
 APP_I18N_FALLBACK_LOCALE=en

package/dist/templates/base/_env.local

@@ -0,0 +1 @@
+#APP_PLATFORM_URL=add_platform_url_here

package/dist/templates/base/_package.json

@@ -23,9 +23,9 @@
     "@types/node": "^20.10.5",
     "@typescript-eslint/eslint-plugin": "^6.16.0",
     "@typescript-eslint/parser": "^6.16.0",
-    "@vc-shell/api-client-generator": "^1.0.222",
-    "@vc-shell/release-config": "^1.0.222",
-    "@vc-shell/ts-config": "^1.0.222",
+    "@vc-shell/api-client-generator": "^1.0.224",
+    "@vc-shell/release-config": "^1.0.224",
+    "@vc-shell/ts-config": "^1.0.224",
     "@vitejs/plugin-vue": "^5.0.3",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
@@ -55,8 +55,8 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.3",
-    "@vc-shell/config-generator": "^1.0.222",
-    "@vc-shell/framework": "^1.0.222",
+    "@vc-shell/config-generator": "^1.0.224",
+    "@vc-shell/framework": "^1.0.224",
     "@vueuse/core": "^10.7.1",
     "@vueuse/integrations": "^10.7.1",
     "cross-spawn": "^7.0.3",

package/dist/templates/modules/dynamic-module/composables/use{{ModuleNamePascalCase}}Details/index.ts

@@ -1,5 +1,5 @@
 import { computed, ref, Ref } from "vue";
-import { DetailsBaseBladeScope, DynamicBladeForm, IBladeToolbar, useDetailsFactory } from "@vc-shell/framework";
+import { DetailsBaseBladeScope, IBladeToolbar, useDetailsFactory, DetailsComposableArgs } from "@vc-shell/framework";
 
 export interface DynamicItemScope extends DetailsBaseBladeScope {
   toolbarOverrides: {
@@ -7,11 +7,7 @@ export interface DynamicItemScope extends DetailsBaseBladeScope {
   };
 }
 
-export default (args: {
-  props: InstanceType<typeof DynamicBladeForm>["$props"];
-  emit: InstanceType<typeof DynamicBladeForm>["$emit"];
-  mounted: Ref<boolean>;
-}) => {
+export default (args: DetailsComposableArgs) => {
   const factory = useDetailsFactory({
     load: async () => {
       return {};

package/dist/templates/modules/dynamic-module/composables/use{{ModuleNamePascalCase}}List/index.ts

@@ -1,6 +1,6 @@
 import { computed, ref, Ref } from "vue";
 import {
-  DynamicBladeList,
+  ListComposableArgs,
   ListBaseBladeScope,
   useBladeNavigation,
   useListFactory,
@@ -10,11 +10,7 @@ import {
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface DynamicItemsScope extends ListBaseBladeScope {}
 
-export default (args: {
-  props: InstanceType<typeof DynamicBladeList>["$props"];
-  emit: InstanceType<typeof DynamicBladeList>["$emit"];
-  mounted: Ref<boolean>;
-}) => {
+export default (args: ListComposableArgs) => {
   const factory = useListFactory({
     load: async () => {
       return {

package/dist/templates/sample/dynamic-module/composables/useDetails/index.ts

@@ -1,5 +1,5 @@
 import { computed, ref, Ref } from "vue";
-import { DetailsBaseBladeScope, DynamicBladeForm, UseDetails, useDetailsFactory } from "@vc-shell/framework";
+import { DetailsBaseBladeScope, DetailsComposableArgs, UseDetails, useDetailsFactory } from "@vc-shell/framework";
 import { addNewMockItem, loadMockItem, removeMockItem, updateMockItem } from "../../sample-data/methods";
 import { currencyOptions, MockedItem } from "../../sample-data";
 import { useI18n } from "vue-i18n";
@@ -8,11 +8,7 @@ export interface DynamicItemScope extends DetailsBaseBladeScope {
   currencyOptions: typeof currencyOptions;
 }
 
-export default (args: {
-  props: InstanceType<typeof DynamicBladeForm>["$props"];
-  emit: InstanceType<typeof DynamicBladeForm>["$emit"];
-  mounted: Ref<boolean>;
-}): UseDetails<MockedItem, DynamicItemScope> => {
+export default (args: DetailsComposableArgs): UseDetails<MockedItem, DynamicItemScope> => {
   const factory = useDetailsFactory<MockedItem>({
     load: loadMockItem,
     saveChanges: (details) => {

package/dist/templates/sample/dynamic-module/composables/useList/index.ts

@@ -1,6 +1,6 @@
 import { computed, ref, Ref } from "vue";
 import {
-  DynamicBladeList,
+  ListComposableArgs,
   ListBaseBladeScope,
   useBladeNavigation,
   useListFactory,
@@ -13,11 +13,7 @@ import { MockedItem, MockedQuery } from "../../sample-data";
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface DynamicItemsScope extends ListBaseBladeScope {}
 
-export default (args: {
-  props: InstanceType<typeof DynamicBladeList>["$props"];
-  emit: InstanceType<typeof DynamicBladeList>["$emit"];
-  mounted: Ref<boolean>;
-}): UseList<MockedItem[], MockedQuery, DynamicItemsScope> => {
+export default (args: ListComposableArgs): UseList<MockedItem[], MockedQuery, DynamicItemsScope> => {
   const factory = useListFactory<MockedItem[], MockedQuery>({
     load: loadMockItemsList,
     remove: async (query, customQuery) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vc-shell/create-vc-app",
   "description": "Application scaffolding",
-  "version": "1.0.222",
+  "version": "1.0.224",
   "type": "module",
   "bin": "./dist/index.js",
   "files": [
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@types/prompts": "^2.4.4",
-    "@vc-shell/ts-config": "^1.0.222",
+    "@vc-shell/ts-config": "^1.0.224",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "shx": "^0.3.4",