@vc-shell/create-vc-app 2.0.3-pr222.ba0d3c5 → 2.0.3-pr223.b4ffb91

package/dist/templates/host-app/src/router/routes.ts.ejs

@@ -0,0 +1,98 @@
+import { RouteRecordRaw } from "vue-router";
+import App from "../pages/App.vue";
+<% if (dashboard) { %>
+import Dashboard from "../pages/Dashboard.vue";
+<% } %>
+import Platform from "../pages/Platform.vue";
+import { Invite, Login, ResetPassword, ForgotPassword, 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";
+
+<% if (tenantRoutes) { %>
+const tenantIdRegex = "[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}";
+<% } %>
+
+export const routes: RouteRecordRaw[] = [
+  {
+<% if (tenantRoutes) { %>
+    path: `/:tenantId(${tenantIdRegex})?`,
+<% } else { %>
+    path: "/",
+<% } %>
+    component: App,
+    name: "App",
+    meta: {
+      root: true,
+    },
+    children: [
+<% if (dashboard) { %>
+      {
+        name: "Dashboard",
+        path: "",
+        component: Dashboard,
+      },
+<% } %>
+      {
+        name: "Platform",
+        path: "platform",
+        component: Platform,
+        props: (route) => ({
+          url: route.query.url,
+        }),
+      },
+    ],
+  },
+  {
+    name: "Login",
+    path: "/login",
+    component: Login,
+    props: () => ({
+      logo: whiteLogoImage,
+      title: "<%- AppNameSentenceCase %>",
+    }),
+  },
+  {
+    name: "Invite",
+    path: "/invite",
+    component: Invite,
+    props: (_route) => ({
+      userId: _route.query.userId,
+      token: _route.query.token,
+      userName: _route.query.userName,
+      logo: whiteLogoImage,
+    }),
+  },
+  {
+    name: "ResetPassword",
+    path: "/resetpassword",
+    component: ResetPassword,
+    props: (_route) => ({
+      userId: _route.query.userId,
+      token: _route.query.token,
+      userName: _route.query.userName,
+      logo: whiteLogoImage,
+    }),
+  },
+  {
+    name: "ForgotPassword",
+    path: "/forgot-password",
+    component: ForgotPassword,
+    props: () => ({
+      logo: whiteLogoImage,
+    }),
+  },
+  {
+    name: "ChangePassword",
+    path: "/changepassword",
+    component: ChangePasswordPage,
+    meta: {
+      forced: true,
+    },
+    props: (_route) => ({
+      forced: _route.meta.forced,
+      logo: whiteLogoImage,
+    }),
+  },
+];

package/dist/templates/host-app/src/styles/custom.scss

@@ -0,0 +1,116 @@
+/* Custom styles.
+*/
+
+/* Apply color scheme example
+You also need to register color theme in startApp() using the 'register(['my-theme'])' method of the useTheme composable. */
+/* :root[data-theme="your-theme-key"] {
+  // Primary
+  --primary-50: #1F2D3A;
+  --primary-100: #2B3D4A;
+  --primary-200: #3A4E5D;
+  --primary-300: #4A5F70;
+  --primary-400: #5B6F82;
+  --primary-500: #6C7F94;
+  --primary-600: #7A8F9E;
+  --primary-700: #8A9FA8;
+  --primary-800: #9AAEB2;
+  --primary-900: #AABFC0;
+  --primary-950: #BCCDD0;
+
+  // Secondary
+  --secondary-50: #1F2D3A;
+  --secondary-100: #2B3D4A;
+  --secondary-200: #3A4E5D;
+  --secondary-300: #4A5F70;
+  --secondary-400: #5B6F82;
+  --secondary-500: #6C7F94;
+  --secondary-600: #7A8F9E;
+  --secondary-700: #8A9FA8;
+  --secondary-800: #9AAEB2;
+  --secondary-900: #AABFC0;
+  --secondary-950: #BCCDD0;
+
+  // Accent
+  --accent-50: #1F2D3A;
+  --accent-100: #2B3D4A;
+  --accent-200: #3A4E5D;
+  --accent-300: #4A5F70;
+  --accent-400: #5B6F82;
+  --accent-500: #6C7F94;
+  --accent-600: #7A8F9E;
+  --accent-700: #8A9FA8;
+  --accent-800: #9AAEB2;
+  --accent-900: #AABFC0;
+  --accent-950: #BCCDD0;
+
+  // Neutrals
+  --neutrals-50: #2E2E2E;
+  --neutrals-100: #3D3D3D;
+  --neutrals-200: #4D4D4D;
+  --neutrals-300: #6D6D6D;
+  --neutrals-400: #8A8A8A;
+  --neutrals-500: #B3B3B3;
+  --neutrals-600: #D4D4D4;
+  --neutrals-700: #E4E4E4;
+  --neutrals-800: #F4F4F4;
+  --neutrals-900: #FAFAFA;
+  --neutrals-950: #FFFFFF;
+
+  // Additional
+  --additional-50: #2E2E2E;
+  --additional-950: #FFFFFF;
+
+  // States
+
+  // Warning
+  --warning-50: #3A2D00;
+  --warning-100: #5A4D00;
+  --warning-200: #7A6D00;
+  --warning-300: #9A8D00;
+  --warning-400: #B9AB00;
+  --warning-500: #D8C600;
+  --warning-600: #D8D100;
+  --warning-700: #B8A800;
+  --warning-800: #9A8B00;
+  --warning-900: #7A6E00;
+  --warning-950: #5A5000;
+
+  // Danger
+  --danger-50: #3F0D0D;
+  --danger-100: #5E1E1E;
+  --danger-200: #7E2F2F;
+  --danger-300: #9E3F3F;
+  --danger-400: #BF4F4F;
+  --danger-500: #DF5F5F;
+  --danger-600: #DF4D4D;
+  --danger-700: #BF3D3D;
+  --danger-800: #9E2D2D;
+  --danger-900: #7E1D1D;
+  --danger-950: #5E0D0D;
+
+  // Success
+  --success-50: #1D3A1D;
+  --success-100: #2D5A2D;
+  --success-200: #3A7A3A;
+  --success-300: #4A9A4A;
+  --success-400: #5AB05A;
+  --success-500: #6AC56A;
+  --success-600: #5A9A5A;
+  --success-700: #4A7F4A;
+  --success-800: #3A664A;
+  --success-900: #1D4C1D;
+  --success-950: #0A3A0A;
+
+  // Info
+  --info-50: #1F2D3A;
+  --info-100: #2B3D4A;
+  --info-200: #3A4E5D;
+  --info-300: #4A5F70;
+  --info-400: #5B6F82;
+  --info-500: #6C7F94;
+  --info-600: #7A8F9E;
+  --info-700: #8A9FA8;
+  --info-800: #9AAEB2;
+  --info-900: #AABFC0;
+  --info-950: #BCCDD0;
+} */

package/dist/templates/host-app/src/styles/index.scss

@@ -0,0 +1,8 @@
+@use 'custom';
+
+@tailwind base;
+
+@tailwind components;
+
+
+@tailwind utilities;

package/dist/templates/host-app/tailwind.config.ts

@@ -0,0 +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,
+};

package/dist/templates/host-app/tsconfig.json

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

package/dist/templates/host-app/vite.config.mts.ejs

@@ -0,0 +1,4 @@
+import { getApplicationConfiguration } from "@vc-shell/config-generator";
+import { mfHostConfig } from "@vc-shell/mf-host/vite";
+
+export default getApplicationConfiguration(mfHostConfig());

package/dist/types.d.ts

@@ -20,20 +20,4 @@ export interface GeneratorContext {
     renderTemplate: (templatePath: string, outputPath: string, data?: Record<string, unknown>) => void;
     renderDir: (templateDir: string, outputDir: string, data?: Record<string, unknown>) => void;
 }
-export interface CLIArgs {
-    _: string[];
-    help?: boolean;
-    version?: boolean;
-    type?: string;
-    name?: string;
-    "app-name"?: string;
-    "package-name"?: string;
-    "module-name"?: string;
-    "base-path"?: string;
-    mocks?: boolean;
-    overwrite?: boolean;
-    "tenant-routes"?: boolean;
-    "ai-agent"?: boolean;
-    dashboard?: boolean;
-}
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACnG,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC7F;AAED,MAAM,WAAW,OAAO;IACtB,CAAC,EAAE,MAAM,EAAE,CAAC;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACnG,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC7F"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vc-shell/create-vc-app",
   "description": "Application scaffolding",
-  "version": "2.0.3-pr222.ba0d3c5",
+  "version": "2.0.3-pr223.b4ffb91",
   "type": "module",
   "bin": "./dist/index.js",
   "files": [
@@ -16,7 +16,7 @@
   "devDependencies": {
     "@types/ejs": "^3.1.5",
     "@types/prompts": "^2.4.4",
-    "@vc-shell/ts-config": "2.0.3-pr222.ba0d3c5",
+    "@vc-shell/ts-config": "2.0.3-pr223.b4ffb91",
     "copyfiles": "^2.4.1",
     "cross-env": "^7.0.3",
     "shx": "^0.3.4",