@kosdev-code/kos-nx-plugin 2.0.2

package/src/generators/kos-component/generator.js

@@ -0,0 +1,270 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kosComponentGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+const project_utils_1 = require("../../utils/project-utils");
+const normalize_options_1 = require("../kos-model/lib/normalize-options");
+const PLUGIN_CUI = "cui";
+const PLUGIN_UTILITY = "utility";
+const PLUGIN_TROUBLE_ACTION = "troubleAction";
+const PLUGIN_SETUP = "setup";
+const PLUGIN_SETTING = "setting";
+const PLUGIN_NAV = "nav";
+const contributionMap = {
+    [PLUGIN_SETUP]: "setup",
+    [PLUGIN_CUI]: "cui",
+    [PLUGIN_UTILITY]: "utility",
+    [PLUGIN_SETTING]: "setting",
+    [PLUGIN_NAV]: "nav",
+    [PLUGIN_TROUBLE_ACTION]: "trouble-action",
+};
+async function kosComponentGenerator(tree, options) {
+    const normalized = (0, normalize_options_1.normalizeOptions)(tree, {
+        ...options,
+        modelProject: "__NONE__",
+    });
+    const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, normalized.appProject);
+    const kosConfig = (0, project_utils_1.getKosProjectConfiguration)(tree, projectConfiguration.name);
+    const componentLocation = kosConfig?.generator?.defaults?.component?.folder || "";
+    options.appDirectory = options.appDirectory || componentLocation;
+    options.type = contributionMap[options.pluginType || ""] || options.type;
+    const projectRoot = projectConfiguration.sourceRoot;
+    const isCuiConfig = options.pluginType === "cui";
+    const isUtilityConfig = options.pluginType === "utility";
+    const isSetupConfig = options.pluginType === "setup";
+    const isSettingConfig = options.pluginType === "setting";
+    const isTroubleActionConfig = options.pluginType === "troubleAction";
+    const isNav = options.pluginType === "nav";
+    const requiresLocalization = isCuiConfig ||
+        isUtilityConfig ||
+        isSetupConfig ||
+        isSettingConfig ||
+        isNav ||
+        isTroubleActionConfig;
+    const sourcePath = contributionMap[options.pluginType || ""] ?? "files";
+    if (projectRoot) {
+        (0, devkit_1.generateFiles)(tree, path.join(__dirname, sourcePath), path.join(projectRoot, options.appDirectory, options.type, normalized.nameDashCase), normalized);
+        if (options.useEmotionCss) {
+            const cssPath = path.join(projectRoot, options.appDirectory, options.type, normalized.nameDashCase, `${normalized.nameDashCase}.css`);
+            tree.delete(cssPath);
+        }
+        if (options.pluginType) {
+            const kosConfigPath = path.join(projectConfiguration.root, ".kos.json");
+            const kosConfig = {
+                cui: [],
+            };
+            const tabViewConfig = [];
+            const utilityViewConfig = {
+                utilities: [],
+            };
+            const troubleActionConfig = {
+                troubleActions: [],
+            };
+            const setupViewConfig = {
+                setupStep: [],
+            };
+            const settingViewConfig = {
+                settings: [],
+            };
+            const navViewConfig = {
+                navViews: [],
+            };
+            const experiences = {};
+            const compPath = path.join(options.appDirectory, options.type, normalized.nameDashCase, `${normalized.nameDashCase}.tsx`);
+            if (isCuiConfig) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.cui.experience`;
+                kosConfig.cui = [
+                    {
+                        id: `${configPrefix}`,
+                        title: `${configPrefix}.cui.title`,
+                        namespace: normalized.appProject,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else if (isUtilityConfig) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.util.experience`;
+                utilityViewConfig.utilities = [
+                    {
+                        id: `${configPrefix}.util`,
+                        title: `${configPrefix}.utility.title`,
+                        namespace: normalized.appProject,
+                        utilDescriptor: normalized.nameCamelCase,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else if (isTroubleActionConfig) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.troubleAction.experience`;
+                troubleActionConfig.troubleActions = [
+                    {
+                        id: `${configPrefix}.troubleAction`,
+                        title: `${configPrefix}.troubleAction.title`,
+                        namespace: normalized.appProject,
+                        troubleType: normalized.nameCamelCase,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else if (isSetupConfig) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.setup.experience`;
+                setupViewConfig.setupStep = [
+                    {
+                        id: `${configPrefix}.setup`,
+                        title: `${configPrefix}.setup.title`,
+                        namespace: normalized.appProject,
+                        setupDescriptor: normalized.nameCamelCase,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else if (isSettingConfig) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.settings.experience`;
+                settingViewConfig.settings = [
+                    {
+                        id: `${configPrefix}.setting`,
+                        title: `${configPrefix}.setting.title`,
+                        namespace: normalized.appProject,
+                        settingsGroup: normalized.group,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else if (isNav) {
+                const configPrefix = `${normalized.appProject}.${normalized.nameCamelCase}`;
+                const experienceId = `${configPrefix}.nav.experience`;
+                navViewConfig.navViews = [
+                    {
+                        id: `${configPrefix}.nav`,
+                        title: `${configPrefix}.nav.title`,
+                        namespace: normalized.appProject,
+                        navDescriptor: normalized.nameLowerCase,
+                        experienceId,
+                    },
+                ];
+                experiences[experienceId] = {
+                    id: experienceId,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                };
+            }
+            else {
+                tabViewConfig.push({
+                    id: `${normalized.appProject}.${normalized.nameCamelCase}`,
+                    title: "ddk.ncui.config.title",
+                    namespace: normalized.appProject,
+                    component: normalized.namePascalCase,
+                    location: `./src/${compPath}`,
+                });
+            }
+            const localePath = path.join(projectRoot, "assets", "locales", "en", `${normalized.appProject}.json`);
+            (0, devkit_1.updateJson)(tree, localePath, (json) => {
+                if (requiresLocalization) {
+                    json[normalized.appProject] = json[normalized.appProject] || {};
+                    json[normalized.appProject][normalized.nameCamelCase] =
+                        json[normalized.appProject][normalized.nameCamelCase] || {};
+                    json[normalized.appProject][normalized.nameCamelCase][sourcePath] = {
+                        ...json[normalized.appProject][normalized.nameCamelCase][sourcePath],
+                        title: `${normalized.nameCamelCase}`,
+                    };
+                }
+                return json;
+            });
+            (0, devkit_1.updateJson)(tree, kosConfigPath, (json) => {
+                json.kosdev = {
+                    ...json?.kosdev,
+                    ddk: {
+                        ...json?.kosdev?.ddk,
+                        ncui: {
+                            ...json?.kosdev?.ddk?.ncui,
+                            plugin: {
+                                ...json?.kosdev?.ddk?.ncui?.plugin,
+                                contributes: {
+                                    ...json?.kosdev?.ddk?.ncui?.plugin?.contributes,
+                                    setupStep: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.setupStep || []),
+                                        ...setupViewConfig.setupStep,
+                                    ],
+                                    cui: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes?.cui ||
+                                            []),
+                                        ...kosConfig.cui,
+                                    ],
+                                    utilities: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.utilities || []),
+                                        ...utilityViewConfig.utilities,
+                                    ],
+                                    troubleActions: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.troubleActions || []),
+                                        ...troubleActionConfig.troubleActions,
+                                    ],
+                                    settings: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.settings || []),
+                                        ...settingViewConfig.settings,
+                                    ],
+                                    navViews: [
+                                        ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.navViews || []),
+                                        ...navViewConfig.navViews,
+                                    ],
+                                    experiences: {
+                                        ...json?.kosdev?.ddk?.ncui?.plugin?.contributes
+                                            ?.experiences,
+                                        ...experiences,
+                                    },
+                                    views: {
+                                        ...json?.kosdev?.ddk?.ncui?.plugin?.contributes?.views,
+                                        "ddk.ncui.settings.tabView": [
+                                            ...(json?.kosdev?.ddk?.ncui?.plugin?.contributes?.views["ddk.ncui.settings.tabView"] || []),
+                                            ...tabViewConfig,
+                                        ],
+                                    },
+                                },
+                            },
+                        },
+                    },
+                };
+                return json;
+            });
+        }
+        await (0, devkit_1.formatFiles)(tree);
+    }
+}
+exports.kosComponentGenerator = kosComponentGenerator;
+exports.default = kosComponentGenerator;
+//# sourceMappingURL=generator.js.map

package/src/generators/kos-component/generator.js.map

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

package/src/generators/kos-component/nav/__nameDashCase__.stories.tsx__template__

@@ -0,0 +1,30 @@
+/**
+ * Note: The plugin project Storybook configuration requires that the Studio
+ * Simulator is running in order to retrieve model data...
+ */
+import { NavStoryContainer } from "@kosdev-code/kos-ui-plugin/dev";
+import type { Meta, StoryObj } from "@storybook/react";
+import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
+
+const meta: Meta<typeof <%= namePascalCase %>> = {
+  args: {},
+  component: <%= namePascalCase %>,
+  decorators: [
+    (Story, context) => (
+      <NavStoryContainer>
+        <Story args={{ ...context.args }} />
+      </NavStoryContainer>
+    ),
+  ],
+  tags: ["!autodocs"],
+  title: "nav/<%= namePascalCase %>",
+};
+
+export default meta;
+
+type Story = StoryObj<typeof <%= namePascalCase %>>;
+
+export const Default: Story = {
+  render: (props) => <<%= namePascalCase %> {...props} />,
+};
+

package/src/generators/kos-component/nav/__nameDashCase__.tsx__template__

@@ -0,0 +1,25 @@
+import styled from '@emotion/styled';
+import { type Experience } from '@kosdev-code/kos-ddk-components';
+import {
+  KosLog,
+  kosComponent,
+  useKosTranslation,
+} from '@kosdev-code/kos-ui-sdk';
+
+const log = KosLog.createLogger({name: "<%= nameDashCase %>"})
+log.debug("<%= nameDashCase %> component loaded");
+
+const <%= namePascalCase %>Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`;
+
+export const <%= namePascalCase %>: Experience = kosComponent(({}) => {
+  const { t } = useKosTranslation('<%= appProject %>');
+  return (
+      <<%= namePascalCase %>Container>Hello from <%= namePascalCase %> Navigation View</<%= namePascalCase %>Container>
+  );
+});
+
+export default <%= namePascalCase %>

package/src/generators/kos-component/nav/index.ts__template__

@@ -0,0 +1 @@
+export * from "./<%= nameDashCase %>";

package/src/generators/kos-component/schema.d.ts

@@ -0,0 +1,18 @@
+import { KosBaseGeneratorSchema } from "../kos-model/schema";
+
+export interface KosComponentGeneratorSchema
+  extends Omit<KosBaseGeneratorSchema, "modelProject"> {
+  type: "components" | "features";
+  useEmotionCss: boolean;
+  appProject: string;
+  appDirectory: string;
+  group?: string;
+  pluginType?:
+    | "cui"
+    | "settings"
+    | "utility"
+    | "setup"
+    | "setting"
+    | "nav"
+    | "troubleAction";
+}

package/src/generators/kos-component/schema.json

@@ -0,0 +1,88 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "KosComponent",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "Component name",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "type": {
+      "type": "string",
+      "description": "Provide the component type",
+      "x-prompt": {
+        "message": "Which type of component would you like to generate?",
+        "type": "list",
+        "items": [
+          {
+            "value": "components",
+            "label": "Component"
+          },
+          {
+            "value": "features",
+            "label": "Feature"
+          }
+        ]
+      }
+    },
+    "appProject": {
+      "type": "string",
+      "description": "The project where the ui components will be located.",
+      "x-prompt": "Which project will this model put UI components?",
+      "x-dropdown": "projects",
+      "default": ""
+    },
+    "appDirectory": {
+      "type": "string",
+      "description": "The directory where the ui components will be located.",
+      "default": ""
+    },
+    "useEmotionCss": {
+      "type": "boolean",
+      "description": "Use emotion css",
+      "default": true
+    },
+    "pluginType": {
+      "type": "string",
+      "description": "The plugin type",
+      "x-prompt": {
+        "message": "Choose the plugin type.",
+        "type": "list",
+        "items": [
+          {
+            "value": "setup",
+            "label": "Setup"
+          },
+          {
+            "value": "cui",
+            "label": "CUI"
+          },
+          {
+            "value": "utility",
+            "label": "Utility"
+          },
+          {
+            "value": "setting",
+            "label": "Setting"
+          },
+          {
+            "value": "nav",
+            "label": "NAV"
+          }
+        ]
+      }
+    },
+    "group": {
+      "type": "string",
+      "description": "The settings group",
+      "default": ""
+    }
+  },
+  "required": ["name", "appProject"]
+}

package/src/generators/kos-component/setting/__nameDashCase__.stories.tsx__template__

@@ -0,0 +1,30 @@
+/**
+ * Note: The plugin project Storybook configuration requires that the Studio
+ * Simulator is running in order to retrieve model data...
+ */
+import { SettingStoryContainer } from "@kosdev-code/kos-ui-plugin/dev";
+import type { Meta, StoryObj } from "@storybook/react";
+import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
+
+const meta: Meta<typeof <%= namePascalCase %>> = {
+  args: {},
+  component: <%= namePascalCase %>,
+  decorators: [
+    (Story, context) => (
+      <SettingStoryContainer>
+        <Story args={{ ...context.args }} />
+      </SettingStoryContainer>
+    ),
+  ],
+  tags: ["!autodocs"],
+  title: "setting/<%= namePascalCase %>",
+};
+
+export default meta;
+
+type Story = StoryObj<typeof <%= namePascalCase %>>;
+
+export const Default: Story = {
+  render: (props) => <<%= namePascalCase %> {...props} />,
+};
+

package/src/generators/kos-component/setting/__nameDashCase__.tsx__template__

@@ -0,0 +1,25 @@
+import styled from '@emotion/styled';
+import { type Experience } from '@kosdev-code/kos-ddk-components';
+import {
+  KosLog,
+  kosComponent,
+  useKosTranslation,
+} from '@kosdev-code/kos-ui-sdk';
+
+const log = KosLog.createLogger({name: "<%= nameDashCase %>"})
+log.debug("<%= nameDashCase %> component loaded");
+
+const <%= namePascalCase %>Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+`;
+
+export const <%= namePascalCase %>: Experience = kosComponent(({}) => {
+  const { t } = useKosTranslation('<%= appProject %>');
+  return (
+      <<%= namePascalCase %>Container>Hello from <%= namePascalCase %> Setting</<%= namePascalCase %>Container>
+  );
+});
+
+export default <%= namePascalCase %>

package/src/generators/kos-component/setting/index.ts__template__

@@ -0,0 +1 @@
+export * from "./<%= nameDashCase %>";

package/src/generators/kos-component/setup/__nameDashCase__.stories.tsx__template__

@@ -0,0 +1,30 @@
+/**
+ * Note: The plugin project Storybook configuration requires that the Studio
+ * Simulator is running in order to retrieve model data...
+ */
+import { SetupStepStoryContainer } from "@kosdev-code/kos-ui-plugin/dev";
+import type { Meta, StoryObj } from "@storybook/react";
+import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
+
+const meta: Meta<typeof <%= namePascalCase %>> = {
+  args: {},
+  component: <%= namePascalCase %>,
+  decorators: [
+    (Story, context) => (
+      <SetupStepStoryContainer>
+        <Story args={{ ...context.args }} />
+      </SetupStepStoryContainer>
+    ),
+  ],
+  tags: ["!autodocs"],
+  title: "setup/<%= namePascalCase %>",
+};
+
+export default meta;
+
+type Story = StoryObj<typeof <%= namePascalCase %>>;
+
+export const Default: Story = {
+  render: (props) => <<%= namePascalCase %> {...props} />,
+};
+

package/src/generators/kos-component/setup/__nameDashCase__.tsx__template__

@@ -0,0 +1,32 @@
+import styled from '@emotion/styled';
+import {
+  Button,
+  Footer,
+  type Experience,
+} from '@kosdev-code/kos-ddk-components';
+import {
+  KosLog,
+  kosComponent,
+  useKosTranslation,
+} from '@kosdev-code/kos-ui-sdk';
+
+const log = KosLog.createLogger({name: "<%= nameDashCase %>"})
+log.debug("<%= nameDashCase %> component loaded");
+
+const <%= namePascalCase %>Container = styled.div`
+  height: 100%;
+`;
+
+export const <%= namePascalCase %>: Experience = kosComponent(({ onComplete }) => {
+  const { t } = useKosTranslation('<%= appProject %>');
+  return (
+    <<%= namePascalCase %>Container onClick={onComplete}>
+        Hello from <%= namePascalCase %> Setup Step
+      <Footer>
+        <Button onClick={onComplete}>{t('proceed')}</Button>
+      </Footer>
+    </<%= namePascalCase %>Container>
+  );
+});
+
+export default <%= namePascalCase %>

package/src/generators/kos-component/setup/index.ts__template__

@@ -0,0 +1 @@
+export * from "./<%= nameDashCase %>";

package/src/generators/kos-component/trouble-action/__nameDashCase__.stories.tsx__template__

@@ -0,0 +1,30 @@
+/**
+ * Note: The plugin project Storybook configuration requires that the Studio
+ * Simulator is running in order to retrieve model data...
+ */
+import { UtilityStoryContainer } from "@kosdev-code/kos-ui-plugin/dev";
+import type { Meta, StoryObj } from "@storybook/react";
+import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
+
+const meta: Meta<typeof <%= namePascalCase %>> = {
+  args: {},
+  component: <%= namePascalCase %>,
+  decorators: [
+    (Story, context) => (
+      <UtilityStoryContainer>
+        <Story args={{ ...context.args }} />
+      </UtilityStoryContainer>
+    ),
+  ],
+  tags: ["!autodocs"],
+  title: "troubleAction/<%= namePascalCase %>",
+};
+
+export default meta;
+
+type Story = StoryObj<typeof <%= namePascalCase %>>;
+
+export const Default: Story = {
+  render: (props) => <<%= namePascalCase %> {...props} />,
+};
+

package/src/generators/kos-component/trouble-action/__nameDashCase__.tsx__template__

@@ -0,0 +1,58 @@
+import styled from '@emotion/styled';
+import {
+  Button,
+  Footer,
+  type Experience,
+} from '@kosdev-code/kos-ddk-components';
+import {
+  KosLog,
+  kosComponent,
+  useKosTranslation,
+  type TroubleModel,
+} from '@kosdev-code/kos-ui-sdk';
+import { useCallback } from "react";
+ 
+const log = KosLog.createLogger({name: "<%= nameDashCase %>"})
+log.debug("<%= nameDashCase %> component loaded");
+
+const <%= namePascalCase %>Container = styled.div`
+  align-items: center;
+  background-color: white;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  font-size: 40px;
+  height: 100vh;
+  justify-content: center;
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 0;
+  width: 100vw;
+  z-index: 999;
+`;
+
+interface Props {
+  trouble: TroubleModel;
+  onComplete: () => void;
+  onSkip?: () => void;
+}
+
+export const <%= namePascalCase %> = kosComponent(({ onComplete, trouble }: Props) => {
+  const { t } = useKosTranslation('<%= appProject %>');
+  const handleComplete = useCallback(() => {
+    trouble?.resolve();
+    onComplete();
+  }, [trouble]);
+
+  return (
+    <<%= namePascalCase %>Container onClick={onComplete}>
+      Hello from <%= namePascalCase %> Utility
+      <Footer>
+        <Button onClick={onComplete}>{t('proceed')}</Button>
+      </Footer>
+    </<%= namePascalCase %>Container>
+  );
+});
+
+export default <%= namePascalCase %>