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

package/src/generators/kos-model/lib/utils/ts-visitor.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateModelIndex = exports.updateModelRegistration = exports.addKosModelRegistration = exports.updateRegistrationImport = exports.visitAllFiles = void 0;
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+const ts = require("typescript");
+const logger_1 = require("../../../../utils/logger");
+function visitAllFiles(tree, path, callback) {
+    tree.children(path).forEach((fileName) => {
+        const filePath = `${path}/${fileName}`;
+        if (!tree.isFile(filePath)) {
+            visitAllFiles(tree, filePath, callback);
+        }
+        else {
+            callback(filePath);
+        }
+    });
+}
+exports.visitAllFiles = visitAllFiles;
+function findByName(node, name, parent) {
+    let result = undefined;
+    if (ts.isIdentifier(node) && node.text === name) {
+        result = parent;
+    }
+    else {
+        node.forEachChild((child) => {
+            if (!result) {
+                result = findByName(child, name, node);
+            }
+        });
+    }
+    return result;
+}
+function findByType(node, type) {
+    let result = undefined;
+    if (node.kind === type) {
+        result = node;
+    }
+    else {
+        node.forEachChild((child) => {
+            if (!result) {
+                result = findByType(child, type);
+            }
+        });
+    }
+    return result;
+}
+const createImportStatement = (modelName, modelImportPath) => {
+    const importStatement = ts.factory.createImportDeclaration(undefined, ts.factory.createImportClause(false, undefined, ts.factory.createNamedImports([
+        ts.factory.createImportSpecifier(false, undefined, ts.factory.createIdentifier(modelName)),
+    ])), ts.factory.createStringLiteral(modelImportPath));
+    return importStatement;
+};
+const updateRegistrationImport = (modelName, modelImportPath) => (context) => (rootNode) => {
+    function visit(node) {
+        const { factory } = context;
+        node = ts.visitEachChild(node, visit, context);
+        if (node === rootNode) {
+            const updated = factory.updateSourceFile(node, [
+                createImportStatement(modelName, modelImportPath),
+                ...node.statements,
+            ]);
+            return updated;
+        }
+        return node;
+    }
+    return ts.visitNode(rootNode, visit);
+};
+exports.updateRegistrationImport = updateRegistrationImport;
+const addKosModelRegistration = (modelName) => (context) => (rootNode) => {
+    const spreadAssignment = context.factory.createSpreadAssignment(context.factory.createPropertyAccessExpression(context.factory.createIdentifier(modelName), context.factory.createIdentifier("registration")));
+    const coreModelsVariable = findByName(rootNode, "kosModels");
+    if (!coreModelsVariable) {
+        logger_1.logger.log("coreModelsVariable not found");
+        return rootNode;
+    }
+    const coreModelsObjectLiteral = findByType(coreModelsVariable, ts.SyntaxKind.ObjectLiteralExpression);
+    function visit(node) {
+        const { factory } = context;
+        node = ts.visitEachChild(node, visit, context);
+        if (node === coreModelsObjectLiteral) {
+            const updated = factory.updateObjectLiteralExpression(coreModelsObjectLiteral, [...coreModelsObjectLiteral.properties, spreadAssignment]);
+            return updated;
+        }
+        return node;
+    }
+    return ts.visitNode(rootNode, visit);
+};
+exports.addKosModelRegistration = addKosModelRegistration;
+function updateModelRegistration(registrationPath, modelName, modelImportPath, tree) {
+    logger_1.logger.log(`Updating registration:  ${registrationPath}`);
+    const fullPath = path.join(devkit_1.workspaceRoot, registrationPath);
+    const program = ts.createProgram([fullPath], {});
+    const sourceFile = program.getSourceFile(fullPath);
+    const result = ts.transform(sourceFile, [
+        (0, exports.updateRegistrationImport)(modelName, modelImportPath),
+        (0, exports.addKosModelRegistration)(modelName, modelImportPath),
+    ]);
+    const tsPrinter = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed });
+    const newContents = tsPrinter.printFile(result.transformed[0]); // Prints the
+    tree.write(registrationPath, newContents);
+}
+exports.updateModelRegistration = updateModelRegistration;
+function updateModelIndex(modelIndex, modelPath, tree) {
+    if (modelIndex) {
+        logger_1.logger.info(`Updating ${modelIndex}`);
+        logger_1.logger.info(`Adding export for ${modelPath}`);
+        const fullPath = path.join(devkit_1.workspaceRoot, modelIndex);
+        const program = ts.createProgram([fullPath], {});
+        const sourceFile = program.getSourceFile(fullPath);
+        const exportDeclaration = ts.factory.createExportDeclaration(
+        /* decorators */ undefined, 
+        /* modifiers */ false, undefined, ts.factory.createStringLiteral(`./${modelPath}`) // Module specifier
+        );
+        // Update the source file with the export declaration
+        const updatedSourceFile = ts.factory.updateSourceFile(sourceFile, [
+            ...sourceFile.statements,
+            exportDeclaration,
+        ]);
+        const tsPrinter = ts.createPrinter({ newLine: ts.NewLineKind.LineFeed });
+        const newContents = tsPrinter.printFile(updatedSourceFile); // Prints the
+        tree.write(modelIndex, newContents);
+    }
+}
+exports.updateModelIndex = updateModelIndex;
+//# sourceMappingURL=ts-visitor.js.map

package/src/generators/kos-model/lib/utils/ts-visitor.js.map

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

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

@@ -0,0 +1,44 @@
+export interface KosBaseGeneratorSchema {
+  name: string;
+  modelProject: string;
+  registrationProject?: string;
+  skipRegistration?: boolean;
+  modelDirectory: string;
+  companion?: boolean;
+  companionModel?: string;
+  companionModelProject?: string;
+  companionPattern?: "composition" | "decorator";
+}
+
+export interface KosModelGeneratorSchema extends KosBaseGeneratorSchema {
+  singleton?: boolean;
+  isContainerSingleton?: boolean;
+  unitTests?: boolean;
+  dataServices?: boolean;
+  container?: boolean;
+  parentAware?: boolean;
+  futureAware?: "none" | "minimal" | "complete";
+  autoRegister?: boolean;
+}
+
+export interface NormalizedKosBaseGeneratorSchema<
+  T extends KosBaseGeneratorSchema
+> extends T {
+  nameDashCase: string;
+  nameProperCase: string;
+  nameCamelCase: string;
+  namePascalCase: string;
+  nameConstantCase: string;
+  nameLowerCase: string;
+  companionModelDashCase: string;
+  companionModelProperCase: string;
+  companionModelCamelCase: string;
+  companionModelPascalCase: string;
+  companionModelConstantCase: string;
+  companionModelLowerCase: string;
+  registrationProject: string;
+  importPath: string;
+  template: string;
+}
+export type NormalizedKosModelGeneratorSchema =
+  NormalizedKosBaseGeneratorSchema<KosModelGeneratorSchema>;

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

@@ -0,0 +1,137 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "KosModel",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "model name",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "modelProject": {
+      "type": "string",
+      "description": "The project where the model will be located.",
+      "x-prompt": "Which project will this model be located in?",
+      "x-dropdown": "projects"
+    },
+    "registrationProject": {
+      "type": "string",
+      "description": "The project where the model will be registered.  Defaults to the appProject if not specified",
+      "x-prompt": "Which project will this model put UI components?",
+      "x-dropdown": "projects"
+    },
+    "container": {
+      "type": "boolean",
+      "description": "Should a container model be created for this model?",
+      "x-prompt": "Should a container model be created for this model?",
+      "default": false
+    },
+    "parentAware": {
+      "type": "boolean",
+      "description": "Should the model be aware of its parent container?",
+      "x-prompt": "Should the model be aware of its parent container?",
+      "default": false
+    },
+    "isContainerSingleton": {
+      "type": "boolean",
+      "description": "Should a container model be created as a singleton?",
+      "x-prompt": "Should a container model be created as a singleton?",
+      "default": true
+    },
+    "modelDirectory": {
+      "type": "string",
+      "description": "the directory withing the model project to create the model",
+      "default": ""
+    },
+    "singleton": {
+      "type": "boolean",
+      "default": false,
+      "description": "Is there a need for more than one instance of this model type"
+    },
+    "autoRegister": {
+      "type": "boolean",
+      "default": false,
+      "description": "Automatically register the model with the framework (escape hatch for plugins)"
+    },
+    "unitTests": {
+      "type": "boolean",
+      "default": false,
+      "description": "Generate unit tests for this model?"
+    },
+    "dataServices": {
+      "type": "boolean",
+      "default": false,
+      "description": "Generate data services for this model?"
+    },
+    "skipRegistration": {
+      "type": "boolean",
+      "default": false,
+      "description": "skip automated registration of the model?"
+    },
+    "companion": {
+      "type": "boolean",
+      "required": false,
+      "default": false,
+      "description": "skip automated registration of the model?"
+    },
+    "companionParentModel": {
+      "type": "string",
+      "required": false,
+      "description": "the name of the model that this model will be a companion to"
+    },
+    "companionModelProject": {
+      "type": "string",
+      "required": false,
+      "description": "The project where the companion parent is currently located",
+      "x-prompt": "Which project contains the companion parent?",
+      "x-dropdown": "projects"
+    },
+    "companionPattern": {
+      "type": "string",
+      "description": "Which companion pattern to use",
+      "enum": ["composition", "decorator"],
+      "default": "composition",
+      "x-prompt": {
+        "message": "Which companion pattern to use?",
+        "type": "list",
+        "items": [
+          {
+            "value": "composition",
+            "label": "Composition (recommended) - explicit parent access via this.parent"
+          },
+          {
+            "value": "decorator",
+            "label": "Decorator - transparent parent access, drop-in replacement"
+          }
+        ]
+      }
+    },
+    "futureAware": {
+      "type": "string",
+      "description": "Include Future-aware capabilities for progress tracking",
+      "enum": ["none", "minimal", "complete"],
+      "default": "none",
+      "x-prompt": {
+        "message": "Include Future-aware capabilities?",
+        "type": "list",
+        "items": [
+          { "value": "none", "label": "No Future support" },
+          {
+            "value": "minimal",
+            "label": "Minimal (external access only)"
+          },
+          {
+            "value": "complete",
+            "label": "Complete (internal + external access)"
+          }
+        ]
+      }
+    }
+  },
+  "required": ["name"]
+}

package/src/generators/kos-plugin-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-plugin-project/files/.kos.json.template

@@ -0,0 +1,41 @@
+{
+  "name": "<%= name %>",
+  "type": "ddk.ncui.plugin",
+  "version": "0.0.0-SNAPSHOT",
+  "kosdev": {
+    "ddk": {
+      "ncui": {
+        "plugin": {
+          "id": "<%= namePascalCase %>",
+          "contributes": {
+            "cui": [],
+            "cuiView": [],
+            "utilities": [],
+            "utilityView": [],
+            "views": {
+              "ddk.ncui.settings.config": [
+                
+              ],
+              "ddk.ncui.settings.tabView": []
+            }
+          },
+          "extensions": []
+        }
+      }
+    }
+  },
+  "kos": {
+    "localization": {
+      "defaultLocale": "en",
+      "namespaces": {}
+    }
+  },
+  "generator": {
+    "projectType": "plugin",
+    "defaults": {
+        "component": {
+            "folder": "app"
+        }
+    }
+  }
+}

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

@@ -0,0 +1,45 @@
+import type { StorybookConfig } from "@storybook/react-webpack5";
+import webpack from "webpack";
+
+import * as dotenv from "dotenv";
+
+dotenv.config({
+  path: ".env",
+});
+
+function getKosEnv() {
+  const kosKeys = Object.keys(process.env).filter((key) =>
+    key.startsWith("KOS_")
+  );
+  return kosKeys;
+}
+
+const config: StorybookConfig = {
+  stories: ["../src/app/**/*.stories.@(js|jsx|ts|tsx|mdx)"],
+  addons: ["@storybook/addon-essentials", "@nx/react/plugins/storybook"],
+  docs: {
+    autodocs: true,
+    defaultName: "Documentation",
+  },
+  framework: {
+    name: "@storybook/react-webpack5",
+    options: {},
+  },
+  webpackFinal: async (config: any) => {
+    const finalConfig = {
+      ...config,
+      plugins: [
+        ...config.plugins,
+        new webpack.EnvironmentPlugin(["NODE_ENV", ...getKosEnv()]),
+      ],
+    };
+
+    return finalConfig;
+  },
+};
+
+export default config;
+
+// To customize your webpack configuration you can use the webpackFinal field.
+// Check https://storybook.js.org/docs/react/builders/webpack#extending-storybooks-webpack-config
+// and https://nx.dev/recipes/storybook/custom-builder-configs

package/src/generators/kos-plugin-project/files/.storybook/preview.tsx.template

@@ -0,0 +1,80 @@
+import "reflect-metadata";
+import { Global } from "@emotion/react";
+import { Preview, Meta } from "@storybook/react";
+import { getStyles } from "@kosdev-code/kos-ddk-styles";
+import {
+  ErrorBoundaryWithFallback,
+  KosTranslationProvider,
+  LoadingMessage,
+} from "@kosdev-code/kos-ui-sdk";
+import { ElementType, Suspense } from "react";
+import { MemoryRouter } from "react-router";
+import { KosCoreContextProvider } from "./registration";
+import {
+  ApplicationProvider,
+  ApplicationComponentConfigurationProvider,
+} from "@kosdev-code/kos-ddk-model-components";
+import { AssemblyProvider } from "@kosdev-code/kos-dispense-sdk";
+
+export const globalTypes = {
+  mode: {
+    description: "DDK Render Mode",
+    defaultValue: "standard",
+    toolbar: {
+      title: "Render Mode",
+      icon: "circlehollow",
+      items: ["standard", "compact"],
+      dynamicTitle: true,
+    },
+  },
+};
+
+export const decorators = [
+  (Story: ElementType, context: Meta) => (
+    <MemoryRouter initialEntries={["/"]}>
+      <Global styles={getStyles(context.globals.mode)} />
+      <ErrorBoundaryWithFallback>
+        <Suspense fallback={<LoadingMessage />}>
+          <KosCoreContextProvider>
+            <KosTranslationProvider
+              appContext={["app/system", "app/kosdev.ddk"]}
+              locale="en"
+            >
+              <AssemblyProvider>
+                <ApplicationProvider>
+                  <ApplicationComponentConfigurationProvider
+                    modalModeOverride={
+                      context.globals.mode === "compact"
+                        ? "fullscreen"
+                        : undefined
+                    }
+                    componentModeOverride={context.globals.mode}
+                  >
+                    <Suspense>
+                      <Story />
+                    </Suspense>
+                  </ApplicationComponentConfigurationProvider>
+                </ApplicationProvider>
+              </AssemblyProvider>
+            </KosTranslationProvider>
+          </KosCoreContextProvider>
+        </Suspense>
+      </ErrorBoundaryWithFallback>
+    </MemoryRouter>
+  ),
+];
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      values: [
+        {
+          name: "dark",
+          value: "var(--ncui-generic-color-grey-70)",
+        },
+      ],
+    },
+  },
+};
+
+export default preview;

package/src/generators/kos-plugin-project/files/.storybook/registration.ts.template

@@ -0,0 +1,40 @@
+import { pumpTypeFactory } from "@kosdev-code/kos-ddk-app-common";
+import {
+  Application,
+  assemblyDataMapper,
+  DDKModels,
+  holderDataMapper,
+  ingredientDataMapper,
+  ingredientIndexExtension,
+  FcmPump,
+  LfcvPump,
+} from "@kosdev-code/kos-ddk-models";
+import {
+  KosExtensionManager,
+  KosModelRegistry,
+  Pump,
+} from "@kosdev-code/kos-dispense-sdk";
+import { initKosProvider, registerLegacyModel } from "@kosdev-code/kos-ui-sdk";
+
+KosModelRegistry.dispense
+  .models()
+  .model(FcmPump)
+  .model(LfcvPump)
+  .companion(Pump.type, pumpTypeFactory)
+  .preload(Application.type);
+
+Object.keys(DDKModels).forEach((key) => {
+  const model = DDKModels[key];
+  registerLegacyModel(KosModelRegistry)(key, model);
+});
+
+const ext = new KosExtensionManager();
+ext.dispense
+  .registerIngredientIndex(ingredientIndexExtension)
+  .registerAssemblyDataMapper(assemblyDataMapper)
+  .registerHolderDataMapper(holderDataMapper)
+  .registerIngredientDataMapper(ingredientDataMapper);
+
+const { KosCoreContextProvider } = initKosProvider();
+
+export { KosCoreContextProvider };

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

@@ -0,0 +1,15 @@
+<!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>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/src/generators/kos-plugin-project/files/module-federation.config.ts.template

@@ -0,0 +1 @@
+export default {};

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

@@ -0,0 +1,2 @@
+.App {
+}

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

@@ -0,0 +1,54 @@
+import { Global } from '@emotion/react';
+import {
+  ApplicationComponentConfigurationProvider,
+  ApplicationProvider,
+} from '@kosdev-code/kos-ddk-model-components';
+import { getStyles } from '@kosdev-code/kos-ddk-styles';
+import {
+  ErrorBoundaryWithFallback,
+  KosTranslationProvider,
+  LoadingMessage,
+  getLogLevel,
+} from '@kosdev-code/kos-ui-sdk';
+import log from 'loglevel';
+import { Suspense } from 'react';
+import { Route, HashRouter as Router, Routes } from 'react-router-dom';
+import { KosCoreContextProvider } from '../registration';
+import "@kosdev-code/kos-ddk-components/style.css";
+import './app.css';
+import { MainView } from './components/main-view';
+
+const level = getLogLevel();
+
+log.setLevel(level);
+
+const App = () => (
+  <>
+    <Global styles={getStyles()}></Global>
+    <ErrorBoundaryWithFallback>
+      <Suspense fallback={<LoadingMessage></LoadingMessage>}>
+        <KosCoreContextProvider>
+          <KosTranslationProvider
+            appContext={['app/system', 'app/kosdev.ddk']}
+            locale="en"
+          >
+            <ApplicationProvider>
+              <ApplicationComponentConfigurationProvider>
+                <div className="App">
+                  <Router window={window}>
+                    <Routes>
+                      <Route index element={<MainView />} />
+                      <Route path=":id" element={<MainView />} />
+                    </Routes>
+                  </Router>
+                </div>
+              </ApplicationComponentConfigurationProvider>
+            </ApplicationProvider>
+          </KosTranslationProvider>
+        </KosCoreContextProvider>
+      </Suspense>
+    </ErrorBoundaryWithFallback>
+  </>
+);
+
+export default App;

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

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

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

@@ -0,0 +1,14 @@
+import { kosComponent, KosLog } from '@kosdev-code/kos-ui-sdk';
+import { resolver, kOSJSON } from '../../tools';
+import { DynamicContainer, Shell } from '@kosdev-code/kos-ui-plugin-dev';
+
+const log = KosLog.createLogger({ name: 'main-view' });
+log.debug('main-view component loaded');
+
+export const MainView: React.FunctionComponent = kosComponent(() => {
+  return (
+    <Shell>
+      <DynamicContainer kOSJSON={kOSJSON} resolver={resolver} />
+    </Shell>
+  );
+});

package/src/generators/kos-plugin-project/files/src/app/tools/experience-resolver.ts.template

@@ -0,0 +1,10 @@
+export const resolver = async (location: string) => {
+  const regexp = /\.\/src\/app\/(.+)\/.+/;
+  const match = location.match(regexp);
+
+  if (!match) throw new Error("Invalid location");
+
+  const target = match[1];
+
+  return await import(`../${target}`);
+};

package/src/generators/kos-plugin-project/files/src/app/tools/index.ts.template

@@ -0,0 +1,2 @@
+export * from './experience-resolver';
+export * from './kOSJSON';

package/src/generators/kos-plugin-project/files/src/app/tools/kOSJSON.ts.template

@@ -0,0 +1 @@
+export { default as kOSJSON } from '../../../.kos.json';

package/src/generators/kos-plugin-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-plugin-project/files/src/assets/locales/en/__nameDashCase__.json.template

@@ -0,0 +1,3 @@
+{
+    "ddk.ncui.config.title": "Placeholder Config",
+}