@vc-shell/create-vc-app 1.0.340 → 1.1.0-alpha.2

package/dist/templates/base/src/router/routes.ts

@@ -1,78 +1,78 @@
-import { RouteRecordRaw } from "vue-router";
-import App from "../pages/App.vue";
-import { Invite, Login, ResetPassword, useBladeNavigation, ChangePasswordPage } from "@vc-shell/framework";
-// eslint-disable-next-line import/no-unresolved
-import whiteLogoImage from "/assets/logo-white.svg";
-// eslint-disable-next-line import/no-unresolved
-import bgImage from "/assets/background.jpg";
-
-export const routes: RouteRecordRaw[] = [
-  {
-    path: "/",
-    component: App,
-    name: "App",
-    meta: {
-      root: true,
-    },
-    children: [],
-    redirect: (to) => {
-      if (to.name === "App") {
-        return { path: "/{{ModuleName}}", params: to.params };
-      }
-      return to.path;
-    },
-  },
-  {
-    name: "Login",
-    path: "/login",
-    component: Login,
-    props: () => ({
-      logo: whiteLogoImage,
-      background: bgImage,
-      title: "{{AppNameSentenceCase}}",
-    }),
-  },
-  {
-    name: "Invite",
-    path: "/invite",
-    component: Invite,
-    props: (route) => ({
-      userId: route.query.userId,
-      token: route.query.token,
-      userName: route.query.userName,
-      logo: whiteLogoImage,
-      background: bgImage,
-    }),
-  },
-  {
-    name: "ResetPassword",
-    path: "/resetpassword",
-    component: ResetPassword,
-    props: (route) => ({
-      userId: route.query.userId,
-      token: route.query.token,
-      userName: route.query.userName,
-      logo: whiteLogoImage,
-      background: bgImage,
-    }),
-  },
-  {
-    name: "ChangePassword",
-    path: "/changepassword",
-    component: ChangePasswordPage,
-    meta: {
-      forced: true,
-    },
-    props: (route) => ({
-      background: bgImage,
-    }),
-  },
-  {
-    path: "/:pathMatch(.*)*",
-    component: App,
-    beforeEnter: async (to) => {
-      const { routeResolver } = useBladeNavigation();
-      return routeResolver(to);
-    },
-  },
-];
+import { RouteRecordRaw } from "vue-router";
+import App from "../pages/App.vue";
+import { Invite, Login, ResetPassword, useBladeNavigation, ChangePasswordPage } from "@vc-shell/framework";
+// eslint-disable-next-line import/no-unresolved
+import whiteLogoImage from "/assets/logo-white.svg";
+// eslint-disable-next-line import/no-unresolved
+import bgImage from "/assets/background.jpg";
+
+export const routes: RouteRecordRaw[] = [
+  {
+    path: "/",
+    component: App,
+    name: "App",
+    meta: {
+      root: true,
+    },
+    children: [],
+    redirect: (to) => {
+      if (to.name === "App") {
+        return { path: "/{{ModuleName}}", params: to.params };
+      }
+      return to.path;
+    },
+  },
+  {
+    name: "Login",
+    path: "/login",
+    component: Login,
+    props: () => ({
+      logo: whiteLogoImage,
+      background: bgImage,
+      title: "{{AppNameSentenceCase}}",
+    }),
+  },
+  {
+    name: "Invite",
+    path: "/invite",
+    component: Invite,
+    props: (route) => ({
+      userId: route.query.userId,
+      token: route.query.token,
+      userName: route.query.userName,
+      logo: whiteLogoImage,
+      background: bgImage,
+    }),
+  },
+  {
+    name: "ResetPassword",
+    path: "/resetpassword",
+    component: ResetPassword,
+    props: (route) => ({
+      userId: route.query.userId,
+      token: route.query.token,
+      userName: route.query.userName,
+      logo: whiteLogoImage,
+      background: bgImage,
+    }),
+  },
+  {
+    name: "ChangePassword",
+    path: "/changepassword",
+    component: ChangePasswordPage,
+    meta: {
+      forced: true,
+    },
+    props: (route) => ({
+      background: bgImage,
+    }),
+  },
+  {
+    path: "/:pathMatch(.*)*",
+    component: App,
+    beforeEnter: async (to) => {
+      const { routeResolver } = useBladeNavigation();
+      return routeResolver(to);
+    },
+  },
+];

package/dist/templates/base/src/shims-vue.d.ts

@@ -1,63 +1,63 @@
-/* eslint-disable */
-import {CoreBladeAdditionalSettings} from "@vc-shell/framework";
-import {Ref, Plugin} from "vue";
-import {DynamicGridSchema, DynamicDetailsSchema} from "@vc-shell/framework";
-import * as vue from "vue";
-import * as vueRouter from "vue-router";
-import * as veeValidate from "vee-validate";
-import * as vueI18n from "vue-i18n";
-import moment from "moment";
-import type {Component} from "vue";
-
-declare module "*.vue" {
-  import type {DefineComponent} from "vue";
-  const component: DefineComponent<{}, {}, any>;
-  export default component;
-}
-
-declare module "@vue/runtime-core" {
-  interface ComponentCustomProperties {
-    $hasAccess: (permissions: string | string[]) => boolean;
-    $isPhone: Ref<boolean>;
-    $isTablet: Ref<boolean>;
-    $isMobile: Ref<boolean>;
-    $isDesktop: Ref<boolean>;
-    $isTouch: boolean;
-    $dynamicModules: {
-      [x: string]: {
-        components?: { [key: string]: Component };
-        composables?: { [key: string]: (...args: any[]) => any };
-        default: { install: (app: any, options?: any) => void };
-        schema: { [key: string]: DynamicGridSchema | DynamicDetailsSchema };
-        locales: { [key: string]: { [key: string]: string } };
-        notificationTemplates?: { [key: string]: Component };
-      };
-    };
-  }
-
-  interface ComponentOptionsBase extends CoreBladeAdditionalSettings {
-  }
-}
-
-declare global {
-  interface Window {
-    VcShellDynamicModules: {
-      [x: string]: {
-        components?: { [key: string]: Component };
-        composables?: { [key: string]: (...args: any[]) => any };
-        default: { install: (app: any, options?: any) => void };
-        schema: { [key: string]: DynamicGridSchema | DynamicDetailsSchema };
-        locales: { [key: string]: { [key: string]: string } };
-        notificationTemplates?: { [key: string]: Component };
-      };
-    };
-    Vue: typeof vue;
-    VueRouter: typeof vueRouter;
-    VeeValidate: typeof veeValidate;
-    VueI18n: typeof vueI18n;
-    moment: moment;
-    VcShellFramework: any;
-  }
-}
-
-export {};
+/* eslint-disable */
+import {CoreBladeAdditionalSettings} from "@vc-shell/framework";
+import {Ref, Plugin} from "vue";
+import {DynamicGridSchema, DynamicDetailsSchema} from "@vc-shell/framework";
+import * as vue from "vue";
+import * as vueRouter from "vue-router";
+import * as veeValidate from "vee-validate";
+import * as vueI18n from "vue-i18n";
+import moment from "moment";
+import type {Component} from "vue";
+
+declare module "*.vue" {
+  import type {DefineComponent} from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}
+
+declare module "@vue/runtime-core" {
+  interface ComponentCustomProperties {
+    $hasAccess: (permissions: string | string[]) => boolean;
+    $isPhone: Ref<boolean>;
+    $isTablet: Ref<boolean>;
+    $isMobile: Ref<boolean>;
+    $isDesktop: Ref<boolean>;
+    $isTouch: boolean;
+    $dynamicModules: {
+      [x: string]: {
+        components?: { [key: string]: Component };
+        composables?: { [key: string]: (...args: any[]) => any };
+        default: { install: (app: any, options?: any) => void };
+        schema: { [key: string]: DynamicGridSchema | DynamicDetailsSchema };
+        locales: { [key: string]: { [key: string]: string } };
+        notificationTemplates?: { [key: string]: Component };
+      };
+    };
+  }
+
+  interface ComponentOptionsBase extends CoreBladeAdditionalSettings {
+  }
+}
+
+declare global {
+  interface Window {
+    VcShellDynamicModules: {
+      [x: string]: {
+        components?: { [key: string]: Component };
+        composables?: { [key: string]: (...args: any[]) => any };
+        default: { install: (app: any, options?: any) => void };
+        schema: { [key: string]: DynamicGridSchema | DynamicDetailsSchema };
+        locales: { [key: string]: { [key: string]: string } };
+        notificationTemplates?: { [key: string]: Component };
+      };
+    };
+    Vue: typeof vue;
+    VueRouter: typeof vueRouter;
+    VeeValidate: typeof veeValidate;
+    VueI18n: typeof vueI18n;
+    moment: moment;
+    VcShellFramework: any;
+  }
+}
+
+export {};

package/dist/templates/base/src/styles/base.scss

@@ -1,38 +1,38 @@
-@tailwind base;
-
-@layer base {
-  html,
-  body,
-  #app {
-    @apply tw-font-roboto tw-h-full tw-w-full tw-m-0 tw-fixed tw-overflow-hidden tw-overscroll-y-none;
-  }
-
-  body {
-    @apply tw-text-sm tw-text-[color:var(--base-text-color)];
-  }
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-button,
-input,
-select,
-textarea {
-  @apply tw-font-roboto;
-}
-::-webkit-input-placeholder {
-  @apply tw-font-roboto;
-}
-:-moz-placeholder {
-  @apply tw-font-roboto;
-}
-::-moz-placeholder {
-  @apply tw-font-roboto;
-}
-:-ms-input-placeholder {
-  @apply tw-font-roboto;
-}
+@tailwind base;
+
+@layer base {
+  html,
+  body,
+  #app {
+    @apply tw-font-roboto tw-h-full tw-w-full tw-m-0 tw-fixed tw-overflow-hidden tw-overscroll-y-none;
+  }
+
+  body {
+    @apply tw-text-sm tw-text-[color:var(--base-text-color)];
+  }
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+button,
+input,
+select,
+textarea {
+  @apply tw-font-roboto;
+}
+::-webkit-input-placeholder {
+  @apply tw-font-roboto;
+}
+:-moz-placeholder {
+  @apply tw-font-roboto;
+}
+::-moz-placeholder {
+  @apply tw-font-roboto;
+}
+:-ms-input-placeholder {
+  @apply tw-font-roboto;
+}

package/dist/templates/base/src/styles/colors.scss

@@ -1,10 +1,10 @@
-/* Do not edit this file. Use custom.scss to add custom colors  */
-
-:root {
-  --base-text-color: var(--neutrals-950);
-  --base-error-color: var(--danger-500);
-  --base-border-color: var(--neutrals-200);
-  --app-background: var(--secondary-200);
-  --empty-grid-icon-color: var(--secondary-500);
-  --mobile-card-count-color: var(--primary-500);
-}
+/* Do not edit this file. Use custom.scss to add custom colors  */
+
+:root {
+  --base-text-color: var(--neutrals-950);
+  --base-error-color: var(--danger-500);
+  --base-border-color: var(--neutrals-200);
+  --app-background: var(--secondary-200);
+  --empty-grid-icon-color: var(--secondary-500);
+  --mobile-card-count-color: var(--primary-500);
+}

package/dist/templates/base/src/styles/custom.scss

@@ -1,2 +1,2 @@
-/* Custom styles.
-*/
+/* Custom styles.
+*/

package/dist/templates/base/tailwind.config.ts

@@ -1,7 +1,7 @@
-import defaultConfig, { content } from "@vc-shell/framework/tailwind.config";
-
-export default {
-  prefix: "tw-",
-  content: [...content, "./src/**/*.{vue,js,ts,jsx,tsx}"],
-  theme: defaultConfig.theme,
-};
+import defaultConfig, { content } from "@vc-shell/framework/tailwind.config";
+
+export default {
+  prefix: "tw-",
+  content: [...content, "./src/**/*.{vue,js,ts,jsx,tsx}"],
+  theme: defaultConfig.theme,
+};

package/dist/templates/base/tsconfig.json

@@ -1,16 +1,16 @@
-{
-  "extends": "@vc-shell/ts-config/tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "outDir": "dist",
-    "rootDir": "src",
-    "types": [
-      "vite/client",
-      ]
-  },
-  "include": [
-    "./src/**/*.ts",
-    "./src/**/*.vue",
-    "./src/**/*.json"
-  ]
-}
+{
+  "extends": "@vc-shell/ts-config/tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "outDir": "dist",
+    "rootDir": "src",
+    "types": [
+      "vite/client",
+      ]
+  },
+  "include": [
+    "./src/**/*.ts",
+    "./src/**/*.vue",
+    "./src/**/*.json"
+  ]
+}

package/dist/templates/base/vite.config.mts

@@ -1,5 +1,5 @@
-import { getApplicationConfiguration } from "@vc-shell/config-generator";
-
-export default getApplicationConfiguration({
-  // Add you extra Vite configuration here
-});
+import { getApplicationConfiguration } from "@vc-shell/config-generator";
+
+export default getApplicationConfiguration({
+  // Add you extra Vite configuration here
+});

package/dist/templates/mocks/sample-data/constants.ts

@@ -1,86 +1,86 @@
-interface MockedItem {
-  imgSrc: string;
-  name: string;
-  id: string;
-  description: string;
-  price: number;
-  salePrice: number;
-  guid: string;
-  currency: string;
-}
-
-interface MockedQuery {
-  keyword?: string;
-}
-
-const mockedItems: MockedItem[] = [
-  {
-    id: "beb211ea-1379-5a79-832c-9577ad387feb",
-    name: "Product 1",
-    imgSrc: "https://via.placeholder.com/150",
-    description: "Product 1 description",
-    price: 100,
-    salePrice: 90,
-    guid: "a1e26bcd-2704-5a3f-b97c-3e32e3d77a38",
-    currency: "USD",
-  },
-  {
-    id: "44b96758-792a-5449-b649-f2a0cd614c4b",
-    name: "Product 2",
-    imgSrc: "https://via.placeholder.com/150",
-    description: "Product 2 description",
-    price: 200,
-    salePrice: 90,
-    guid: "0ab995c0-3798-5011-a4ae-498e4c683cfd",
-    currency: "USD",
-  },
-  {
-    id: "605b2bfb-ba13-5687-91d5-0261b4b60524",
-    name: "Product 3",
-    imgSrc: "https://via.placeholder.com/150",
-    description: "Product 3 description",
-    price: 300,
-    salePrice: 90,
-    guid: "8a9b6954-7bf7-58b2-a146-c68e06fa7bb4",
-    currency: "USD",
-  },
-  {
-    id: "5ca8185c-0c28-59bf-ab40-991f134e6db3",
-    name: "Product 4",
-    imgSrc: "https://via.placeholder.com/150",
-    description: "Product 4 description",
-    price: 400,
-    salePrice: 90,
-    guid: "261364c5-f976-5c86-a92c-b0f0ea14efc7",
-    currency: "USD",
-  },
-  {
-    id: "077930cb-0874-5f85-9a5b-daafdd0bf860",
-    name: "Product 5",
-    imgSrc: "https://via.placeholder.com/150",
-    description: "Product 5 description",
-    price: 500,
-    salePrice: 90,
-    guid: "74d302ef-31e6-5432-91f1-d92c87ee2d2a",
-    currency: "USD",
-  },
-];
-
-const currencyOptions = [
-  {
-    value: "USD",
-    label: "USD",
-  },
-  {
-    value: "EUR",
-    label: "EUR",
-  },
-  {
-    value: "GBP",
-    label: "GBP",
-  },
-];
-
-export { mockedItems, currencyOptions };
-
-export type { MockedItem, MockedQuery };
+interface MockedItem {
+  imgSrc: string;
+  name: string;
+  id: string;
+  description: string;
+  price: number;
+  salePrice: number;
+  guid: string;
+  currency: string;
+}
+
+interface MockedQuery {
+  keyword?: string;
+}
+
+const mockedItems: MockedItem[] = [
+  {
+    id: "beb211ea-1379-5a79-832c-9577ad387feb",
+    name: "Product 1",
+    imgSrc: "https://via.placeholder.com/150",
+    description: "Product 1 description",
+    price: 100,
+    salePrice: 90,
+    guid: "a1e26bcd-2704-5a3f-b97c-3e32e3d77a38",
+    currency: "USD",
+  },
+  {
+    id: "44b96758-792a-5449-b649-f2a0cd614c4b",
+    name: "Product 2",
+    imgSrc: "https://via.placeholder.com/150",
+    description: "Product 2 description",
+    price: 200,
+    salePrice: 90,
+    guid: "0ab995c0-3798-5011-a4ae-498e4c683cfd",
+    currency: "USD",
+  },
+  {
+    id: "605b2bfb-ba13-5687-91d5-0261b4b60524",
+    name: "Product 3",
+    imgSrc: "https://via.placeholder.com/150",
+    description: "Product 3 description",
+    price: 300,
+    salePrice: 90,
+    guid: "8a9b6954-7bf7-58b2-a146-c68e06fa7bb4",
+    currency: "USD",
+  },
+  {
+    id: "5ca8185c-0c28-59bf-ab40-991f134e6db3",
+    name: "Product 4",
+    imgSrc: "https://via.placeholder.com/150",
+    description: "Product 4 description",
+    price: 400,
+    salePrice: 90,
+    guid: "261364c5-f976-5c86-a92c-b0f0ea14efc7",
+    currency: "USD",
+  },
+  {
+    id: "077930cb-0874-5f85-9a5b-daafdd0bf860",
+    name: "Product 5",
+    imgSrc: "https://via.placeholder.com/150",
+    description: "Product 5 description",
+    price: 500,
+    salePrice: 90,
+    guid: "74d302ef-31e6-5432-91f1-d92c87ee2d2a",
+    currency: "USD",
+  },
+];
+
+const currencyOptions = [
+  {
+    value: "USD",
+    label: "USD",
+  },
+  {
+    value: "EUR",
+    label: "EUR",
+  },
+  {
+    value: "GBP",
+    label: "GBP",
+  },
+];
+
+export { mockedItems, currencyOptions };
+
+export type { MockedItem, MockedQuery };

package/dist/templates/mocks/sample-data/index.ts

@@ -1,2 +1,2 @@
-export * from './constants'
-export * from './methods'
+export * from './constants'
+export * from './methods'