@wwchao6411/create-web-ui-template 0.1.0

package/templates/web-ui-template/src/business/WorkspacePage.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import { PlatformWorkspacePage } from "@wwchao6411/platform-shell-ui/vue";
+import { RouterLink } from "vue-router";
+</script>
+
+<template>
+  <PlatformWorkspacePage
+    eyebrow="workspace"
+    :title="`${'__PROJECT_NAME__'} Workspace`"
+    description="The generated shell starts with a single launch surface that can grow into your business workspace."
+  >
+    <template #launcher>
+      <RouterLink
+        class="rounded-3xl border border-white/10 bg-slate-950/60 px-5 py-4 text-left transition hover:border-cyan-300/40 hover:bg-slate-900/80"
+        to="/workspace/sample-microapp"
+      >
+        <p class="text-sm font-semibold text-white">Sample MicroApp</p>
+        <p class="mt-2 text-xs text-slate-400">/workspace/sample-microapp</p>
+      </RouterLink>
+    </template>
+  </PlatformWorkspacePage>
+</template>

package/templates/web-ui-template/src/business/apps.ts

@@ -0,0 +1,12 @@
+import type { PlatformAppDefinition } from "@wwchao6411/platform-shell-core";
+
+import { templateRuntimeConfig } from "../shared/config";
+
+export const templateApps: PlatformAppDefinition[] = [
+  {
+    code: "sample-microapp",
+    title: "Sample MicroApp",
+    entryUrl: "/workspace/sample-microapp",
+    openMode: templateRuntimeConfig.features.microapp ? "micro-app" : "auto"
+  }
+];

package/templates/web-ui-template/src/business/menu.ts

@@ -0,0 +1,23 @@
+export interface TemplateMenuItem {
+  label: string;
+  to: string;
+}
+
+export const templateMenuItems: TemplateMenuItem[] = [
+  {
+    label: "Home",
+    to: "/"
+  },
+  {
+    label: "Login",
+    to: "/login"
+  },
+  {
+    label: "Workspace",
+    to: "/workspace"
+  },
+  {
+    label: "Sample MicroApp",
+    to: "/workspace/sample-microapp"
+  }
+];

package/templates/web-ui-template/src/business/permissions.ts

@@ -0,0 +1 @@
+export const templatePermissions = ["workspace.view", "workspace.launch", "workspace.configure"];

package/templates/web-ui-template/src/platform/create-platform.ts

@@ -0,0 +1,29 @@
+import { createPlatformContext } from "@wwchao6411/platform-shell-core";
+import { createVueWebPreset } from "@wwchao6411/platform-shell-presets";
+
+import { templateApps } from "../business/apps";
+import { templateRuntimeConfig } from "../shared/config";
+import { registerTemplateMicroApps } from "./register-microapps";
+
+export interface TemplatePlatformDescriptor {
+  presetName: string;
+  runtime: "web";
+  appCodes: string[];
+  microApps: string[];
+}
+
+// 创建模板默认平台描述。
+export function createTemplatePlatform(): TemplatePlatformDescriptor {
+  const preset = createVueWebPreset();
+  const platformContext = createPlatformContext({
+    apps: templateApps,
+    getConfig: () => templateRuntimeConfig
+  });
+
+  return {
+    presetName: preset.name,
+    runtime: preset.runtime,
+    appCodes: platformContext.apps.map((app) => app.code),
+    microApps: registerTemplateMicroApps().map((app) => app.code)
+  };
+}

package/templates/web-ui-template/src/platform/register-microapps.ts

@@ -0,0 +1,8 @@
+import type { PlatformAppDefinition } from "@wwchao6411/platform-shell-core";
+
+import { templateApps } from "../business/apps";
+
+// 提取模板中的微前端应用定义。
+export function registerTemplateMicroApps(): PlatformAppDefinition[] {
+  return templateApps.filter((app) => app.openMode === "micro-app");
+}

package/templates/web-ui-template/src/platform/register-routes.ts

@@ -0,0 +1,32 @@
+import type { RouteRecordRaw } from "vue-router";
+
+import HomePage from "../business/HomePage.vue";
+import LoginPage from "../business/LoginPage.vue";
+import PreviewMicroAppPage from "../business/PreviewMicroAppPage.vue";
+import WorkspacePage from "../business/WorkspacePage.vue";
+
+// 注册模板默认路由，提供首页、登录页和工作区入口。
+export function registerTemplateRoutes(): RouteRecordRaw[] {
+  return [
+    {
+      path: "/",
+      name: "home",
+      component: HomePage
+    },
+    {
+      path: "/login",
+      name: "login",
+      component: LoginPage
+    },
+    {
+      path: "/workspace",
+      name: "workspace",
+      component: WorkspacePage
+    },
+    {
+      path: "/workspace/sample-microapp",
+      name: "sample-microapp",
+      component: PreviewMicroAppPage
+    }
+  ];
+}

package/templates/web-ui-template/src/shared/config.ts

@@ -0,0 +1,28 @@
+export interface TemplateRuntimeConfig {
+  projectName: string;
+  packageManager: string;
+  features: {
+    desktop: boolean;
+    microapp: boolean;
+    chromeTabs: boolean;
+    auth: boolean;
+    sshForwarding: boolean;
+  };
+}
+
+// 解析模板中的布尔占位符，便于 CLI 渲染前后复用同一份源码。
+function resolveBooleanToken(token: string): boolean {
+  return token === "true";
+}
+
+export const templateRuntimeConfig: TemplateRuntimeConfig = {
+  projectName: "__PROJECT_NAME__",
+  packageManager: "__PACKAGE_MANAGER__",
+  features: {
+    desktop: resolveBooleanToken("__ENABLE_DESKTOP__"),
+    microapp: resolveBooleanToken("__ENABLE_MICROAPP__"),
+    chromeTabs: resolveBooleanToken("__ENABLE_CHROME_TABS__"),
+    auth: resolveBooleanToken("__ENABLE_AUTH__"),
+    sshForwarding: resolveBooleanToken("__ENABLE_SSH_FORWARDING__")
+  }
+};

package/templates/web-ui-template/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "@wwchao6411/configs/tsconfig/vue-app.json",
+  "compilerOptions": {
+    "baseUrl": "."
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.vue",
+    "electron/**/*.ts",
+    "vite.config.ts",
+    "electron.vite.config.ts"
+  ]
+}

package/templates/web-ui-template/vite.config.ts

@@ -0,0 +1,22 @@
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig, mergeConfig } from "vite";
+import tsconfigPaths from "vite-tsconfig-paths";
+import vue from "@vitejs/plugin-vue";
+
+import { createBaseViteConfig } from "@wwchao6411/configs/vite/base.mjs";
+
+export default defineConfig(
+  mergeConfig(createBaseViteConfig(__dirname), {
+    plugins: [
+      tsconfigPaths(),
+      tailwindcss(),
+      vue({
+        template: {
+          compilerOptions: {
+            isCustomElement: (tag) => tag === "micro-app"
+          }
+        }
+      })
+    ]
+  })
+);