@kosdev-code/kos-nx-plugin 0.1.0-dev.5053

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,8 @@
+{
+    "name": "<%= nameDashCase %>-ui",
+    "type": "<%= uiType %>>",
+    "version": "0.0.0-SNAPSHOT",
+    "generator": {
+        "projectType": "ui"
+    }
+}

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,129 @@
+:root{
+    /* radius */
+    --kos-generic-border-radius-small: 4px;
+    --kos-generic-border-radius-medium: 8px;
+    --kos-generic-border-radius-large: 16px;
+    --kos-generic-border-radius-x-large: 24px;
+
+    /* border-width */
+    --kos-generic-border-width-small: 1px;
+    --kos-generic-border-width-large: 4px;
+
+    /* border-style */
+    --kos-generic-solid-border-style: solid;
+
+    /* box-shadow */
+    --kos-generic-box-shadow-small: 0 1px 2px rgba(0, 0, 0, 0.1);
+    --kos-generic-box-shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.1);
+    --kos-generic-box-shadow-large: 0 8px 16px rgba(0, 0, 0, 0.1);
+
+    /* box-sizing */
+    --kos-generic-box-sizing: border-box;
+
+    /* color */
+    --kos-generic-color-blue-5: #d7f2f6;
+    --kos-generic-color-blue-10: #93dae8;
+    --kos-generic-color-blue-80: #416af6;
+    --kos-generic-color-blue-100: #2126f8;
+    --kos-generic-color-green-10: #d7f6da;
+    --kos-generic-color-green-100: #00bb26;
+    --kos-generic-color-grey-5: #f9f9f9;
+    --kos-generic-color-grey-7: #f3f4f8;
+    --kos-generic-color-grey-10: #f0f0f0;
+    --kos-generic-color-grey-15: #e3e4e9;
+    --kos-generic-color-grey-20: #dfdede;
+    --kos-generic-color-grey-23: #dedede;
+    --kos-generic-color-grey-25: #d2d4da;
+    --kos-generic-color-grey-30: #c5c5c5;
+    --kos-generic-color-grey-40: #aaaaaa;
+    --kos-generic-color-grey-45: #9496a1;
+    --kos-generic-color-grey-47: #898a8d;
+    --kos-generic-color-grey-50: #888888;
+    --kos-generic-color-grey-60: #797979;
+    --kos-generic-color-grey-63: #777986;
+    --kos-generic-color-grey-65: #5b5d6b;
+    --kos-generic-color-grey-70: #414141;
+    --kos-generic-color-grey-80: #292929;
+    --kos-generic-color-grey-85: #282a3a;
+    --kos-generic-color-grey-85-60: #282a3a99;
+    --kos-generic-color-grey-90: #101223;
+    --kos-generic-color-grey-90-05: #1012230d;
+    --kos-generic-color-grey-100: #171717;
+    --kos-generic-color-grey-100-50: #17171780;
+    --kos-generic-color-orange-100: #ff9e32;
+    --kos-generic-color-orange-200: #c87321;
+    --kos-generic-color-red-5: #ffe1e2;
+    --kos-generic-color-red-10: #f6d7d7;
+    --kos-generic-color-red-100: #ff091b;
+    --kos-generic-color-red-200: #a70412;
+    --kos-generic-color-red-coca-cola: #f40009;
+    --kos-generic-color-white: #ffffff;
+
+    /* font-size */
+    --kos-generic-font-size-xx-small: 12px;
+    --kos-generic-font-size-x-small: 14px;
+    --kos-generic-font-size-small: 16px;
+    --kos-generic-font-size-medium: 20px;
+    --kos-generic-font-size-large: 24px;
+    --kos-generic-font-size-x-large: 28px;
+    --kos-generic-font-size-xx-large: 32px;
+
+    /* font-weight */
+    --kos-generic-font-weight-regular: normal;
+    --kos-generic-font-weight-medium: 600;
+    --kos-generic-font-weight-bold: 700;
+
+    /* letter-spacing */
+    --kos-generic-letter-spacing-small: 0.48px;
+
+    /* padding */
+    --kos-generic-padding-xx-large: 40px;
+    --kos-generic-padding-x-large: 32px;
+    --kos-generic-padding-large: 24px;
+    --kos-generic-padding-medium: 16px;
+    --kos-generic-padding-small: 8px;
+    --kos-generic-padding-x-small: 4px;
+
+    /* transition */
+    --kos-generic-transition-duration-short: 150ms;
+    --kos-generic-transition-duration-medium: 250ms;
+    --kos-generic-transition-duration-long: 350ms;
+
+    /* text-align */
+    --kos-generic-left-text-align: left;
+    --kos-generic-center-text-align: center;
+}
+
+:root {
+    --kos-semantic-control-container-font-size: var(--kos-generic-font-size-medium);
+    --kos-semantic-control-container-color: var(--kos-generic-color-white);
+}
+
+:root {
+
+  /* shell */
+  --kos-component-shell-width: 100vw;
+  --kos-component-shell-height: 100vh;
+  --kos-component-shell-height: 100vh;
+  --kos-component-shell-background-color: black;
+}
+body {
+  height: var(--kos-component-shell-height);
+  width: var(--kos-component-shell-width);
+  overflow: hidden;
+  background-color: var(--kos-component-shell-background-color);
+  user-select: none;
+  font-family: Montserrat, sans-serif;
+  font-size: var(--kos-semantic-control-container-font-size);
+}
+
+.kos-theme-light {
+  --kos-component-shell-background-color: var(--kos-generic-color-white);
+  --kos-semantic-control-container-color: var(--kos-generic-color-grey-100);
+}
+
+.App {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}

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,79 @@
+import { css, Global } from '@emotion/react';
+import styled from '@emotion/styled';
+import {
+  kosComponent,
+  KosLog,
+  Trans,
+  useKosTranslation,
+} from '@kosdev-code/kos-ui-sdk';
+
+const log = KosLog.createLogger({ name: 'main-view' });
+log.debug('main-view component loaded');
+
+export const MainView: React.FunctionComponent = kosComponent(() => {
+  const { t } = useKosTranslation('theme-sample');
+  return (
+    <>
+      <Global
+        styles={css`
+          .kos-theme-dark {
+            --kos-component-logo-url: url('./assets/kos-logo.svg');
+          }
+
+          .kos-theme-light {
+            --kos-component-logo-url: url('./assets/kos-logo-light.svg');
+          }
+        `}
+      />
+      <Main>
+        <div className="logo"></div>
+        <h1>{t('welcome', { default: 'You are now connected.' })}</h1>
+        <h2>
+          <Trans
+            t={t}
+            i18nKey="visit"
+            defaults={
+              'For more information, visit <link>www.kosdev.com</link>.'
+            }
+            components={{ link: <a href="http://www.kosdev.com" /> }}
+          />
+        </h2>
+
+        <div className="footer"></div>
+      </Main>
+    </>
+  );
+});
+
+const Main = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  padding-top: 180px;
+  position: relative;
+
+  .logo {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 200px;
+    height: 72px;
+
+    background-size: cover;
+    background-image: var(--kos-component-logo-url);
+  }
+
+  .footer {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 50vh;
+    background-image: url('./assets/graphics.png');
+    background-size: cover;
+  }
+`;

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

@@ -0,0 +1,17 @@
+<% if (ddk) { %>import { Application, DDKModels } from '@kosdev-code/kos-ddk-models';<% } %>
+import { KosModelRegistry } from '@kosdev-code/kos-dispense-sdk';
+
+import { initKosProvider<% if (ddk) { %>, registerLegacyModel<% } %> } from '@kosdev-code/kos-ui-sdk';
+
+<% if (ddk) { %>
+KosModelRegistry.dispense.models().model(Application);
+Object.keys(DDKModels).forEach((key) => {
+  const model = DDKModels[key];
+  registerLegacyModel(KosModelRegistry)(key, model);
+});
+<% } else { %>
+  KosModelRegistry.dispense.models();
+<% } %>
+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": "You are now connected.",
+    "visit": "For more information, visit <link>www.kosdev.com</link>." 
+}

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 class="kos-theme-light">
+    <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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"}