@vc-shell/create-vc-app 1.0.148 → 1.0.150

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.0.150](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.149...v1.0.150) (2024-01-24)
+
+
+
+## [1.0.149](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.148...v1.0.149) (2024-01-24)
+
+
+### Features
+
+* **create-vc-app:** update package.json and useList composable ([f1ccde1](https://github.com/VirtoCommerce/vc-shell/commit/f1ccde11a9e1e2f91af1a4b82e2c4a072996e008))
+* **framework:** updated localization setup, i18n locales config, dynamic modules localization ([209b92f](https://github.com/VirtoCommerce/vc-shell/commit/209b92fe2bf95379d908064d553ab59e16928569))
+
+
+
 ## [1.0.148](https://github.com/VirtoCommerce/vc-shell/compare/v1.0.147...v1.0.148) (2024-01-16)
 
 

package/dist/templates/base/_env

@@ -1,2 +1,4 @@
 #APP_PLATFORM_URL=add_platform_url_here
 APP_BASE_PATH=/apps/application/
+APP_I18N_LOCALE=en
+APP_I18N_FALLBACK_LOCALE=en

package/dist/templates/base/package.json

@@ -12,7 +12,7 @@
     "type-check": "vue-tsc --noEmit",
     "lint-staged": "lint-staged",
     "lint": "eslint --fix --cache '**/*.{ts,vue}'",
-    "generate:api-client": "cross-env api-client-generator --APP_PLATFORM_MODULES='[]' --APP_API_CLIENT_DIRECTORY=./src/api_client/",
+    "generate-api-client": "cross-env api-client-generator --APP_PLATFORM_MODULES='[]' --APP_API_CLIENT_DIRECTORY=./src/api_client/",
     "release": "tsx scripts/release.ts --dry"
   },
   "devDependencies": {
@@ -24,9 +24,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.148",
-    "@vc-shell/release-config": "^1.0.148",
-    "@vc-shell/ts-config": "^1.0.148",
+    "@vc-shell/api-client-generator": "^1.0.150",
+    "@vc-shell/release-config": "^1.0.150",
+    "@vc-shell/ts-config": "^1.0.150",
     "@vitejs/plugin-vue": "^5.0.3",
     "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
@@ -56,14 +56,14 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.3",
-    "@vc-shell/config-generator": "^1.0.148",
-    "@vc-shell/framework": "^1.0.148",
+    "@vc-shell/config-generator": "^1.0.150",
+    "@vc-shell/framework": "^1.0.150",
     "@vueuse/core": "^10.7.1",
     "@vueuse/integrations": "^10.7.1",
     "moment": "^2.30.1",
     "roboto-fontface": "^0.10.0",
     "vee-validate": "^4.12.4",
-    "vue": "^3.4.7",
+    "vue": "^3.4.14",
     "vue-router": "^4.2.5"
   },
   "lint-staged": {

package/dist/templates/base/src/bootstrap.ts

@@ -0,0 +1,19 @@
+import { useMenuService, useLanguages } from "@vc-shell/framework";
+import { App } from "vue";
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+export function bootstrap(app: App) {
+  const { addMenuItem } = useMenuService();
+
+  const { setLocale, currentLocale } = useLanguages();
+
+  setLocale(currentLocale.value);
+
+  // Add Dashboard to main menu item
+  addMenuItem({
+    title: "SHELL.MENU.DASHBOARD",
+    icon: "fas fa-home",
+    priority: 0,
+    url: "/",
+  });
+}

package/dist/templates/base/src/locales/en.json

@@ -202,5 +202,45 @@
       "PasswordRequiresNonAlphanumeric": "Passwords must have at least one non alphanumeric character",
       "recentPasswordUsed": "You have used this password in the past. Choose another one."
     }
+  },
+  "messages": {
+    "_default": "The {field} is not valid",
+    "alpha": "The {field} field may only contain alphabetic characters",
+    "alpha_num": "The {field} field may only contain alpha-numeric characters",
+    "alpha_dash": "The {field} field may contain alpha-numeric characters as well as dashes and underscores",
+    "alpha_spaces": "The {field} field may only contain alphabetic characters as well as spaces",
+    "between": "The {field} field must be between 0:{min} and 1:{max}",
+    "confirmed": "The {field} field confirmation does not match",
+    "digits": "The {field} field must be numeric and exactly contain 0:{length} digits",
+    "dimensions": "The {field} field must be 0:{width} pixels by 1:{height} pixels",
+    "email": "The {field} field must be a valid email",
+    "not_one_of": "The {field} field is not a valid value",
+    "ext": "The {field} field is not a valid file",
+    "image": "The {field} field must be an image",
+    "integer": "The {field} field must be an integer",
+    "length": "The {field} field must be 0:{length} long",
+    "max_value": "The {field} field must be 0:{max} or less",
+    "max": "The {field} field may not be greater than 0:{length} characters",
+    "mimes": "The {field} field must have a valid file type",
+    "min_value": "The {field} field must be 0:{min} or more",
+    "min": "The {field} field must be at least 0:{length} characters",
+    "numeric": "The {field} field may only contain numeric characters",
+    "one_of": "The {field} field is not a valid value",
+    "regex": "The {field} field format is invalid",
+    "required_if": "The {field} field is required",
+    "required": "The {field} field is required",
+    "size": "The {field} field size must be less than 0:{size}KB",
+    "url": "The {field} field is not a valid URL",
+    "min_dimensions": {
+      "error": "Image dimensions must be greater than {height}*{width}",
+      "not_image_error": "Not image file"
+    },
+    "file_weight": "File size must be maximum {size} kb",
+    "before": "End date must be earlier than start date",
+    "after": "End date must be later than start date",
+    "bigint": "Unsupported number"
+  },
+  "PERMISSION_MESSAGES": {
+    "ACCESS_RESTRICTED": "Access restricted"
   }
 }

package/dist/templates/variants/both/src/main.ts

@@ -5,6 +5,7 @@ import * as locales from "./locales";
 import { RouterView } from "vue-router";
 import ClassicModule from "./modules/classic-module";
 import DynamicModule from "./modules/dynamic-module";
+import { bootstrap } from "./bootstrap";
 
 // Load required CSS
 import "./styles/index.scss";
@@ -21,6 +22,10 @@ async function startApp() {
     .use(VirtoShellFramework, {
       router,
       platformUrl: import.meta.env.APP_PLATFORM_URL,
+      i18n: {
+        locale: import.meta.env.APP_I18N_LOCALE,
+        fallbackLocale: import.meta.env.APP_I18N_FALLBACK_LOCALE,
+      },
     })
     // Classic module based on composables, pages and components
     .use(ClassicModule, { router })
@@ -28,6 +33,8 @@ async function startApp() {
     .use(DynamicModule, { router })
     .use(router);
 
+  bootstrap(app);
+
   Object.entries(locales).forEach(([key, message]) => {
     app.config.globalProperties.$mergeLocaleMessage(key, message);
   });

package/dist/templates/variants/both/src/modules/dynamic-module/composables/useList/index.ts

@@ -51,9 +51,12 @@ export default (args: {
         return { results: res, totalCount: res.length };
       });
     },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    }
   });
 
-  const { load, items, pagination, loading, query } = factory();
+  const { load, remove, items, pagination, loading, query } = factory();
   const { openBlade, resolveBladeByName } = useBladeNavigation();
 
   async function openDetailsBlade(data?: Omit<Parameters<typeof openBlade>["0"], "blade">) {
@@ -70,6 +73,7 @@ export default (args: {
   return {
     items,
     load,
+    remove,
     loading,
     pagination,
     query,

package/dist/templates/variants/both/src/modules/dynamic-module/pages/details.ts

@@ -5,7 +5,6 @@ export const details: DynamicDetailsSchema = {
     url: "/dynamic-module-details",
     id: "DynamicItem",
     localizationPrefix: "DynamicModule",
-    titleTemplate: "Dynamic module details",
     composable: "useDetails",
     component: "DynamicBladeForm",
     toolbar: [

package/dist/templates/variants/classic/src/main.ts

@@ -4,6 +4,7 @@ import { router } from "./router";
 import * as locales from "./locales";
 import { RouterView } from "vue-router";
 import ClassicModule from "./modules/classic-module";
+import { bootstrap } from "./bootstrap";
 
 // Load required CSS
 import "./styles/index.scss";
@@ -20,11 +21,17 @@ async function startApp() {
     .use(VirtoShellFramework, {
       router,
       platformUrl: import.meta.env.APP_PLATFORM_URL,
+      i18n: {
+        locale: import.meta.env.APP_I18N_LOCALE,
+        fallbackLocale: import.meta.env.APP_I18N_FALLBACK_LOCALE,
+      },
     })
     // Classic module based on composables, pages and components
     .use(ClassicModule, { router })
     .use(router);
 
+  bootstrap(app);
+
   Object.entries(locales).forEach(([key, message]) => {
     app.config.globalProperties.$mergeLocaleMessage(key, message);
   });

package/dist/templates/variants/dynamic/src/main.ts

@@ -4,6 +4,7 @@ import { router } from "./router";
 import * as locales from "./locales";
 import { RouterView } from "vue-router";
 import DynamicModule from "./modules/dynamic-module";
+import { bootstrap } from "./bootstrap";
 
 // Load required CSS
 import "./styles/index.scss";
@@ -20,11 +21,17 @@ async function startApp() {
     .use(VirtoShellFramework, {
       router,
       platformUrl: import.meta.env.APP_PLATFORM_URL,
+      i18n: {
+        locale: import.meta.env.APP_I18N_LOCALE,
+        fallbackLocale: import.meta.env.APP_I18N_FALLBACK_LOCALE,
+      },
     })
     // Dynamic module based on page schemas
     .use(DynamicModule, { router })
     .use(router);
 
+  bootstrap(app);
+
   Object.entries(locales).forEach(([key, message]) => {
     app.config.globalProperties.$mergeLocaleMessage(key, message);
   });

package/dist/templates/variants/dynamic/src/modules/dynamic-module/composables/useList/index.ts

@@ -51,9 +51,12 @@ export default (args: {
         return { results: res, totalCount: res.length };
       });
     },
+    remove: () => {
+      throw new Error("Function not implemented.");
+    }
   });
 
-  const { load, items, pagination, loading, query } = factory();
+  const { load, remove, items, pagination, loading, query } = factory();
   const { openBlade, resolveBladeByName } = useBladeNavigation();
 
   async function openDetailsBlade(data?: Omit<Parameters<typeof openBlade>["0"], "blade">) {
@@ -70,6 +73,7 @@ export default (args: {
   return {
     items,
     load,
+    remove,
     loading,
     pagination,
     query,

package/dist/templates/variants/dynamic/src/modules/dynamic-module/pages/details.ts

@@ -5,7 +5,6 @@ export const details: DynamicDetailsSchema = {
     url: "/dynamic-module-details",
     id: "DynamicItem",
     localizationPrefix: "DynamicModule",
-    titleTemplate: "Dynamic module details",
     composable: "useDetails",
     component: "DynamicBladeForm",
     toolbar: [

package/package.json

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