@kosdev-code/kos-nx-plugin 2.0.2

package/src/generators/kos-theme-project/files/.kos.json.template

@@ -0,0 +1,5 @@
+{
+    "name": "<%= name %>",
+    "type": "ddk.ncui.theme",
+    "version": "0.1.0"
+}

package/src/generators/kos-theme-project/files/theme/component.css.template

@@ -0,0 +1,2 @@
+:root {
+}

package/src/generators/kos-theme-project/files/theme/generic.css.template

@@ -0,0 +1,2 @@
+:root {
+}

package/src/generators/kos-theme-project/files/theme/semantic.css.template

@@ -0,0 +1,2 @@
+:root {
+}

package/src/generators/kos-theme-project/files/theme/theme-overlay.css.template

@@ -0,0 +1,7 @@
+@import "base-generic.css";
+@import "base-semantic.css";
+@import "base-component.css";
+
+@import "generic.css";
+@import "semantic.css";
+@import "component.css";

package/src/generators/kos-theme-project/files/vite.config.ts.template

@@ -0,0 +1,48 @@
+/// <reference types='vitest' />
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import dts from "vite-plugin-dts";
+import * as path from "path";
+import { nxViteTsPaths } from "@nx/vite/plugins/nx-tsconfig-paths.plugin";
+
+export default defineConfig({
+  root: __dirname,
+  cacheDir: "../../node_modules/.vite/themes/<%= name %>",
+  publicDir: "theme",
+  plugins: [
+    react(),
+    nxViteTsPaths(),
+    dts({
+      entryRoot: "src",
+      tsconfigPath: path.join(__dirname, "tsconfig.lib.json"),
+    }),
+  ],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [ nxViteTsPaths() ],
+  // },
+
+  // Configuration for building your library.
+  // See: https://vitejs.dev/guide/build.html#library-mode
+  build: {
+    outDir: "../../dist/themes/<%= name %>",
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+    lib: {
+      // Could also be a dictionary or array of multiple entry points.
+      entry: "src/index.ts",
+      name: "<%= name %>",
+      fileName: "<%= name %>",
+      // Change this to the formats you want to support.
+      // Don't forget to update your package.json as well.
+      formats: ["es", "cjs"],
+    },
+    rollupOptions: {
+      // External packages that should not be bundled into your library.
+      external: ["react", "react-dom", "react/jsx-runtime"],
+    },
+  },
+});

package/src/generators/kos-theme-project/generator.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from "@nx/devkit";
+import { KosThemeProjectGeneratorSchema } from "./schema";
+export declare function kosThemeProjectGenerator(tree: Tree, options: KosThemeProjectGeneratorSchema): Promise<void>;
+export default kosThemeProjectGenerator;
+//# sourceMappingURL=generator.d.ts.map

package/src/generators/kos-theme-project/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-theme-project/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,IAAI,EAGL,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,8BAA8B,EAAE,MAAM,UAAU,CAAC;AAG1D,wBAAsB,wBAAwB,CAC5C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,8BAA8B,iBAgDxC;AAED,eAAe,wBAAwB,CAAC"}

package/src/generators/kos-theme-project/generator.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kosThemeProjectGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const react_1 = require("@nx/react");
+const path = require("path");
+const eslint_1 = require("@nx/eslint");
+async function kosThemeProjectGenerator(tree, options) {
+    const config = (0, devkit_1.readNxJson)(tree);
+    const root = config?.workspaceLayout?.libsDir || "";
+    const projectRootDir = path.join(root, "themes", options.name);
+    await (0, react_1.libraryGenerator)(tree, {
+        name: options.name,
+        bundler: "vite",
+        directory: projectRootDir,
+        component: false,
+        minimal: true,
+        projectNameAndRootFormat: "as-provided",
+        style: "css",
+        linter: eslint_1.Linter.EsLint,
+    });
+    const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, options.name);
+    const externalJson = {
+        kab: {
+            command: `node tools/scripts/kabtool.mjs build ${options.name} && node tools/scripts/kabtool.mjs list ${options.name} `,
+            options: {
+                outputPath: `dist/archives/packages/${options.name}/`,
+                zipName: "ui.zip",
+                kabName: `${options.name}.kab`,
+            },
+            dependsOn: ["zip"],
+        },
+        zip: {
+            command: `node tools/scripts/archiver.js ${options.name}`,
+            options: {
+                outputPath: `dist/archives/packages/${options.name}/`,
+                zipName: "ui.zip",
+            },
+            dependsOn: ["build"],
+        },
+    };
+    (0, devkit_1.updateProjectConfiguration)(tree, options.name, {
+        ...projectConfiguration,
+        targets: {
+            ...projectConfiguration.targets,
+            ...externalJson,
+        },
+    });
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, "files"), projectRootDir, options);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.kosThemeProjectGenerator = kosThemeProjectGenerator;
+exports.default = kosThemeProjectGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/kos-theme-project/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-theme-project/generator.ts"],"names":[],"mappings":";;;AAAA,uCAOoB;AACpB,qCAA6C;AAC7C,6BAA6B;AAE7B,uCAAoC;AAE7B,KAAK,UAAU,wBAAwB,CAC5C,IAAU,EACV,OAAuC;IAEvC,MAAM,MAAM,GAAG,IAAA,mBAAU,EAAC,IAAI,CAAC,CAAC;IAChC,MAAM,IAAI,GAAG,MAAM,EAAE,eAAe,EAAE,OAAO,IAAI,EAAE,CAAC;IACpD,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,MAAM,IAAA,wBAAgB,EAAC,IAAI,EAAE;QAC3B,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,cAAc;QACzB,SAAS,EAAE,KAAK;QAChB,OAAO,EAAE,IAAI;QACb,wBAAwB,EAAE,aAAa;QACvC,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,eAAM,CAAC,MAAM;KACtB,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,IAAA,iCAAwB,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1E,MAAM,YAAY,GAAG;QACnB,GAAG,EAAE;YACH,OAAO,EAAE,wCAAwC,OAAO,CAAC,IAAI,2CAA2C,OAAO,CAAC,IAAI,GAAG;YACvH,OAAO,EAAE;gBACP,UAAU,EAAE,0BAA0B,OAAO,CAAC,IAAI,GAAG;gBACrD,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,GAAG,OAAO,CAAC,IAAI,MAAM;aAC/B;YACD,SAAS,EAAE,CAAC,KAAK,CAAC;SACnB;QACD,GAAG,EAAE;YACH,OAAO,EAAE,kCAAkC,OAAO,CAAC,IAAI,EAAE;YACzD,OAAO,EAAE;gBACP,UAAU,EAAE,0BAA0B,OAAO,CAAC,IAAI,GAAG;gBACrD,OAAO,EAAE,QAAQ;aAClB;YACD,SAAS,EAAE,CAAC,OAAO,CAAC;SACrB;KACF,CAAC;IAEF,IAAA,mCAA0B,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE;QAC7C,GAAG,oBAAoB;QACvB,OAAO,EAAE;YACP,GAAG,oBAAoB,CAAC,OAAO;YAC/B,GAAG,YAAY;SAChB;KACF,CAAC,CAAC;IAEH,IAAA,sBAAa,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC;IAE5E,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAlDD,4DAkDC;AAED,kBAAe,wBAAwB,CAAC"}

package/src/generators/kos-theme-project/schema.d.ts

@@ -0,0 +1,3 @@
+export interface KosThemeProjectGeneratorSchema {
+  name: string;
+}

package/src/generators/kos-theme-project/schema.json

@@ -0,0 +1,18 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "KosThemeProject",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    }
+  },
+  "required": ["name"]
+}

package/src/generators/kos-ui-project/files/.env.template

@@ -0,0 +1,7 @@
+KOS_ALLOW_ANONYMOUS=true
+KOS_MOCK_WS=true
+KOS_LOG_WS=false
+KOS_USE_FOS=false
+KOS_FOS_PORT=9854
+KOS_PORT=8081
+KOS_USE_MOCK=false

package/src/generators/kos-ui-project/files/.kos.json.template

@@ -0,0 +1,5 @@
+{
+    "name": "<%= nameDashCase %>-ui",
+    "type": "<%= uiType %>>",
+    "version": "0.1.0"
+}

package/src/generators/kos-ui-project/files/bootstrap.tsx.template

@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import * as ReactDOM from "react-dom/client";
+import "reflect-metadata";
+import App from "./app/app";
+
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/src/generators/kos-ui-project/files/main.ts.template

@@ -0,0 +1,18 @@
+<% if (ddk) { %>
+import { initializeKosPlugins } from '@kosdev-code/kos-ui-plugin';
+import { setRemoteDefinitions } from '@nx/react/mf';
+
+initializeKosPlugins()
+  .then((definitions) => {
+    setRemoteDefinitions(definitions);
+  })
+  .then(() => import('./bootstrap').catch((err) => console.error(err)));
+<% } else { %>
+import { setRemoteDefinitions } from "@nx/react/mf";
+
+fetch("./assets/module-federation.manifest.json")
+  .then((res) => res.json())
+  .then((definitions) => setRemoteDefinitions(definitions))
+  .then(() => import("./bootstrap").catch((err) => console.error(err)));
+<% } %>
+

package/src/generators/kos-ui-project/files/src/app/app.css.template

@@ -0,0 +1,38 @@
+.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/src/generators/kos-ui-project/files/src/app/app.tsx.template

@@ -0,0 +1,45 @@
+<% if (ddk) { %>import {
+  ApplicationComponentConfigurationProvider,
+  ApplicationProvider,
+} from '@kosdev-code/kos-ddk-model-components';<% } %>
+import {
+  ErrorBoundaryWithFallback,
+  LoadingMessage,
+  getLogLevel,
+  KosTranslationProvider,
+} from "@kosdev-code/kos-ui-sdk";
+import log from "loglevel";
+import { Suspense } from "react";
+import { KosCoreContextProvider } from "./registration";
+import "./app.css";
+import { HashRouter as Router, Routes, Route } from "react-router-dom";
+import { MainView } from "./components/main-view";
+
+const level = getLogLevel();
+
+log.setLevel(level);
+
+const App = () => (
+  <ErrorBoundaryWithFallback>
+    <Suspense fallback={<LoadingMessage></LoadingMessage>}>
+      <KosCoreContextProvider>
+        <KosTranslationProvider>
+        <% if (ddk) { %><ApplicationProvider><% } %>
+        <% if (ddk) { %><ApplicationComponentConfigurationProvider><% } %>
+        <div className="App">
+          <Router window={window}>
+            <Routes>
+              <Route index element={<MainView />} />
+              <Route path="/main" element={<MainView />} />
+            </Routes>
+          </Router>
+        </div>
+        <% if (ddk) { %></ApplicationComponentConfigurationProvider><% } %>
+        <% if (ddk) { %></ApplicationProvider><% } %>
+        </KosTranslationProvider>
+      </KosCoreContextProvider>
+    </Suspense>
+  </ErrorBoundaryWithFallback>
+);
+
+export default App;

package/src/generators/kos-ui-project/files/src/app/components/main-view/index.ts.template

@@ -0,0 +1 @@
+export * from "./main-view";

package/src/generators/kos-ui-project/files/src/app/components/main-view/main-view.tsx.template

@@ -0,0 +1,31 @@
+import styled from "@emotion/styled";
+import { kosComponent, KosLog } from '@kosdev-code/kos-ui-sdk';
+
+const log = KosLog.createLogger({name: "main-view"})
+log.debug('main-view component loaded');
+
+const Main = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 50px;
+  .logo {
+    width: 300px;
+  }
+`;
+
+export const MainView: React.FunctionComponent = kosComponent(
+  () => {
+    return (
+      <Main>
+        <div className="logo">
+          <img src="./assets/kos-logo.svg"></img>
+        </div>
+        <h1>Welcome to kOS</h1>
+        <h2>Main View</h2>
+
+      </Main>
+    );
+  }
+);
+

package/src/generators/kos-ui-project/files/src/app/registration.ts.template

@@ -0,0 +1,13 @@
+import { Application, DDKModels } from '@kosdev-code/kos-ddk-models';
+import { KosModelRegistry } from '@kosdev-code/kos-dispense-sdk';
+
+import { initKosProvider, registerLegacyModel } from '@kosdev-code/kos-ui-sdk';
+
+KosModelRegistry.dispense.models().model(Application);
+Object.keys(DDKModels).forEach((key) => {
+  const model = DDKModels[key];
+  registerLegacyModel(KosModelRegistry)(key, model);
+});
+const { KosCoreContextProvider } = initKosProvider();
+
+export { KosCoreContextProvider };

package/src/generators/kos-ui-project/files/src/assets/kos-logo.svg.template

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="kos_logo_full" data-name="kos_logo_full" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 41.58 16.95">
+    <path d="m21.49,12.39c-.7-.38-1.25-.91-1.64-1.59-.4-.68-.59-1.45-.59-2.32s.2-1.64.59-2.32c.4-.68.94-1.21,1.64-1.59.7-.38,1.49-.57,2.38-.57s1.68.19,2.38.57c.7.38,1.25.91,1.64,1.59.4.68.59,1.45.59,2.32s-.2,1.64-.59,2.32c-.4.68-.94,1.21-1.64,1.59-.7.38-1.49.57-2.38.57s-1.68-.19-2.38-.57Zm3.76-1.49c.4-.24.72-.56.95-.98.23-.42.34-.9.34-1.43s-.11-1.01-.34-1.43c-.23-.42-.54-.75-.95-.98-.4-.24-.86-.35-1.37-.35s-.97.12-1.37.35c-.4.24-.72.56-.95.98-.23.42-.34.9-.34,1.43s.11,1.01.34,1.43c.23.42.54.75.95.98.4.24.86.35,1.37.35s.97-.12,1.37-.35Zm6.34,1.67c-.73-.24-1.32-.56-1.76-.98l1.16-1.42c.81.72,1.77,1.08,2.89,1.08.51,0,.92-.1,1.24-.29.31-.19.47-.43.47-.71,0-.21-.09-.38-.28-.53-.18-.14-.5-.26-.94-.35l-1.84-.35c-.8-.15-1.4-.43-1.79-.83-.4-.4-.59-.91-.59-1.51,0-.54.16-1.02.47-1.42.32-.4.76-.71,1.32-.93s1.2-.32,1.91-.32c.67,0,1.32.1,1.93.29s1.15.49,1.6.9l-1.08,1.38c-.76-.62-1.6-.92-2.51-.92-.49,0-.89.08-1.22.25-.32.17-.49.38-.49.64,0,.17.08.32.25.44.16.13.48.24.94.32l1.7.31c.85.16,1.49.46,1.91.91.43.44.64.97.64,1.59,0,.55-.15,1.04-.44,1.46s-.71.75-1.25.98-1.17.35-1.88.35c-.86,0-1.65-.12-2.38-.35ZM41.5,1c0-.55-.46-1-1.01-1H1C.45,0,0,.45,0,1v14.95c0,.55.45,1,1,1h15.2v-.02s.06.02.1.02h24.29c.55,0,1-.45.99-1l-.08-14.95Zm-25.21,14.95l-.09-14.95h24.3s.09,14.95.09,14.95h-24.3Zm-8.34-7.1l-1.66,1.64v2.32h-1.88V4.16h1.88v4.09l4.1-4.09h2.27l-3.42,3.4,3.62,5.24h-2.23l-2.69-3.96Z"/>
+</svg>

package/src/generators/kos-ui-project/files/src/assets/locales/en/__nameDashCase__.json.template

@@ -0,0 +1,4 @@
+{
+    "welcome": "Welcome to kOS",
+    "mainView": "Main View" 
+}

package/src/generators/kos-ui-project/files/src/bootstrap.tsx.template

@@ -0,0 +1,13 @@
+import { StrictMode } from "react";
+import * as ReactDOM from "react-dom/client";
+
+import App from "./app/app";
+
+const root = ReactDOM.createRoot(
+  document.getElementById("root") as HTMLElement
+);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

package/src/generators/kos-ui-project/files/src/index.html.template

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= name %></title>
+    <base href="./" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/src/generators/kos-ui-project/files/webpack.config.ts.template

@@ -0,0 +1,45 @@
+import { composePlugins, withNx } from '@nx/webpack';
+import { withReact } from '@nx/react';
+import * as webpack from 'webpack';
+import { withModuleFederation } from '@nx/react/module-federation';
+
+import baseConfig from './module-federation.config';
+
+import * as dotenv from 'dotenv';
+
+dotenv.config({
+  path: '.env',
+});
+
+const config = {
+  ...baseConfig,
+};
+
+function getKosEnv() {
+  const kosKeys = Object.keys(process.env).filter((key) =>
+    key.startsWith('KOS_')
+  );
+  return kosKeys;
+}
+
+// Nx plugins for webpack to build config object from Nx options and context.
+export default composePlugins(
+  withNx({}),
+  withReact(),
+  withModuleFederation(config),
+  (config, { options, context }) => {
+    if (config) {
+      config.resolve = config.resolve || {};
+      config.resolve.fallback = {
+        ...config.resolve.fallback,
+        path: false,
+      };
+    }
+    config.mode = (process.env.NODE_ENV || config.mode) as any;
+    // customize webpack config here
+    config?.plugins?.push(
+      new webpack.EnvironmentPlugin(['NODE_ENV', ...getKosEnv()])
+    );
+    return config;
+  }
+);

package/src/generators/kos-ui-project/generator.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from "@nx/devkit";
+import { KosUiProjectGeneratorSchema } from "./schema";
+export declare function kosUiProjectGenerator(tree: Tree, options: KosUiProjectGeneratorSchema): Promise<void>;
+export default kosUiProjectGenerator;
+//# sourceMappingURL=generator.d.ts.map

package/src/generators/kos-ui-project/generator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-ui-project/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EAEL,MAAM,YAAY,CAAC;AAIpB,OAAO,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAIvD,wBAAsB,qBAAqB,CACzC,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,2BAA2B,iBAqJrC;AAED,eAAe,qBAAqB,CAAC"}

package/src/generators/kos-ui-project/generator.js

@@ -0,0 +1,135 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kosUiProjectGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const eslint_1 = require("@nx/eslint");
+const react_1 = require("@nx/react");
+const path = require("path");
+const normalize_value_1 = require("../kos-model/lib/normalize-value");
+async function kosUiProjectGenerator(tree, options) {
+    const normalizedOptions = (0, normalize_value_1.normalizeAllValues)({
+        name: options.name,
+    });
+    const normalized = {
+        ...normalizedOptions,
+        template: "",
+        directory: options.directory,
+        projectName: options.name,
+        ddk: options.ddk,
+        uiType: options.uiType ?? "kos.ui",
+    };
+    const appUiName = `${normalized.nameDashCase}`;
+    const appDir = path.join(options.directory || "apps", `${appUiName}`);
+    if (options.internal) {
+        await (0, react_1.applicationGenerator)(tree, {
+            strict: true,
+            e2eTestRunner: "none",
+            directory: appDir,
+            linter: eslint_1.Linter.EsLint,
+            bundler: "vite",
+            unitTestRunner: "none",
+            name: `${appUiName}`,
+            style: "@emotion/styled",
+            projectNameAndRootFormat: "as-provided",
+        });
+    }
+    else {
+        await (0, react_1.hostGenerator)(tree, {
+            strict: true,
+            e2eTestRunner: "none",
+            directory: appDir,
+            linter: eslint_1.Linter.EsLint,
+            unitTestRunner: "none",
+            name: `${appUiName}`,
+            style: "@emotion/styled",
+            dynamic: true,
+            projectNameAndRootFormat: "as-provided",
+        });
+    }
+    const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, normalized.projectName);
+    const archivePath = normalized.directory || "packages";
+    const externalJson = {
+        kab: {
+            command: `node tools/scripts/kabtool.mjs build ${normalized.nameDashCase} && node tools/scripts/kabtool.mjs list ${normalized.nameDashCase} `,
+            options: {
+                outputPath: `dist/archives/${archivePath}/${normalized.nameDashCase}/`,
+                zipName: "ui.zip",
+                kabName: `${normalized.nameDashCase}.kab`,
+            },
+            dependsOn: ["zip"],
+        },
+        zip: {
+            command: `node tools/scripts/archiver.js ${normalized.nameDashCase}`,
+            options: {
+                outputPath: `dist/archives/${archivePath}/${normalized.nameDashCase}/`,
+                zipName: "ui.zip",
+            },
+            dependsOn: ["build"],
+        },
+        descriptor: {
+            command: `node tools/scripts/descriptor.mjs ${appUiName}`,
+            options: {
+                outputPath: `dist/apps/${appUiName}`,
+                fileName: "descriptor.json",
+            },
+            dependsOn: ["build"],
+        },
+    };
+    if (options.internal) {
+        externalJson.copyKab = {
+            command: `node tools/scripts/copykab.js ${normalized.nameDashCase}`,
+            options: {
+                outputPath: "$STUDIO_ROOT/tools_dir/kab",
+                kabPath: `dist/archives/${archivePath}/${normalized.nameDashCase}`,
+                kabName: `${normalized.nameDashCase}.kab`,
+            },
+            dependsOn: ["kab"],
+        };
+    }
+    (0, devkit_1.updateJson)(tree, `${projectConfiguration.root}/project.json`, (json) => {
+        json.targets = {
+            ...json.targets,
+            ...externalJson,
+            build: {
+                ...json.targets.build,
+                options: {
+                    ...json.targets.build.options,
+                    baseHref: "./",
+                },
+                configurations: {
+                    ...json.targets.build.configurations,
+                    development: {
+                        ...json.targets.build.configurations.development,
+                        baseHref: "/",
+                    },
+                },
+            },
+        };
+        return json;
+    });
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, "files"), projectConfiguration.root, normalized);
+    if (options.internal) {
+        (0, devkit_1.generateFiles)(tree, path.join(__dirname, "internal"), projectConfiguration.root, normalized);
+        tree.delete(`${projectConfiguration.root}/webpack.config.ts`);
+    }
+    if (options.ddk) {
+        (0, devkit_1.addDependenciesToPackageJson)(tree, {
+            "@kosdev-code/kos-ddk": "latest",
+            "@kosdev-code/kos-ddk-components": "latest",
+            "@kosdev-code/kos-ddk-model-components": "latest",
+            "@kosdev-code/kos-ddk-models": "latest",
+            "@kosdev-code/kos-ddk-styles": "latest",
+            "@kosdev-code/kos-ui-plugin": "latest",
+            "@kosdev-code/kos-cms-sdk": "latest",
+            "@kosdev-code/kos-cms-ui": "latest",
+            "@kosdev-code/kos-cms-model": "latest",
+        }, {});
+    }
+    tree.delete(`${projectConfiguration.root}/src/app/nx-welcome.tsx`);
+    tree.delete(`${projectConfiguration.root}/src/index.ts`);
+    tree.delete(`${projectConfiguration.root}/src/app/app.spec.tsx`);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.kosUiProjectGenerator = kosUiProjectGenerator;
+exports.default = kosUiProjectGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/kos-ui-project/generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-ui-project/generator.ts"],"names":[],"mappings":"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"}

package/src/generators/kos-ui-project/internal/vite.config.ts.template

@@ -0,0 +1,49 @@
+/// <reference types="vitest" />
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import viteTsConfigPaths from "vite-tsconfig-paths";
+import EnvironmentPlugin from "vite-plugin-environment";
+
+export default defineConfig({
+  cacheDir: "../../node_modules/.vite/<%= name %>",
+  base: "./",
+  server: {
+    port: 4200,
+    host: "localhost",
+  },
+
+  preview: {
+    port: 4300,
+    host: "localhost",
+  },
+  build: {
+    target: 'esnext',
+  },
+
+  plugins: [
+    EnvironmentPlugin("all", { prefix: "KOS_" }),
+    EnvironmentPlugin(["NODE_ENV"]),
+    react(),
+    viteTsConfigPaths({
+      root: "../../",
+    }),
+  ],
+
+  // Uncomment this if you are using workers.
+  // worker: {
+  //  plugins: [
+  //    viteTsConfigPaths({
+  //      root: '../../',
+  //    }),
+  //  ],
+  // },
+
+  test: {
+    globals: true,
+    cache: {
+      dir: "../../node_modules/.vitest",
+    },
+    environment: "jsdom",
+    include: ["src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+  },
+});

package/src/generators/kos-ui-project/schema.d.ts

@@ -0,0 +1,7 @@
+export interface KosUiProjectGeneratorSchema {
+  name: string;
+  directory: string;
+  internal?: boolean;
+  ddk?: boolean;
+  uiType?: string;
+}