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

package/src/generators/kos-plugin-project/files/src/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-plugin-project/files/webpack.config.prod.ts.template

@@ -0,0 +1,24 @@
+import { generatePluginConfiguration } from '@kosdev-code/kos-ui-plugin/utilities';
+import { withKosConfig } from '@kosdev-code/kos-ui-plugin/webpack';
+import { withReact } from '@nx/react';
+import { withModuleFederation } from '@nx/react/module-federation';
+import { composePlugins, withNx } from '@nx/webpack';
+import { readFileSync } from 'fs';
+import { join } from 'path';
+import * as webpack from 'webpack';
+
+const kosConfig = JSON.parse(
+  readFileSync(join(__dirname, './.kos.json'), 'utf-8')
+);
+const baseConfig = generatePluginConfiguration(kosConfig);
+const config = {
+  ...baseConfig,
+};
+
+// Nx plugins for webpack to build config object from Nx options and context.
+export default composePlugins(
+  withNx(),
+  withReact({}),
+  withModuleFederation(config),
+  withKosConfig(webpack)
+);

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

@@ -0,0 +1,7 @@
+import { withKosConfig } from '@kosdev-code/kos-ui-plugin/webpack';
+import { withReact } from '@nx/react';
+import { composePlugins, withNx } from '@nx/webpack';
+import * as webpack from 'webpack';
+
+// Nx plugins for webpack to build config object from Nx options and context.
+export default composePlugins(withNx(), withReact({}), withKosConfig(webpack));

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-plugin-project/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,IAAI,EAEL,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAC3D,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,+BAA+B,iBA6HzC;AAED,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,108 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kosPluginProjectGenerator = 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 kosPluginProjectGenerator(tree, options) {
+    const normalizedOptions = (0, normalize_value_1.normalizeAllValues)({
+        name: options.name,
+    });
+    const normalized = {
+        ...normalizedOptions,
+        template: "",
+        directory: options.directory,
+        projectName: options.name,
+        uiType: options.uiType ?? "ddk.ncui.plugin",
+    };
+    console.log(normalized);
+    const projectRoot = path.join(options.directory ?? "plugins", normalized.name);
+    await (0, react_1.remoteGenerator)(tree, {
+        e2eTestRunner: "none",
+        projectNameAndRootFormat: "as-provided",
+        dynamic: true,
+        linter: eslint_1.Linter.EsLint,
+        name: normalized.name,
+        directory: projectRoot,
+        tags: "type:plugin",
+        unitTestRunner: "none",
+        style: "@emotion/styled",
+        skipFormat: false,
+        typescriptConfiguration: true,
+    });
+    await (0, react_1.storybookConfigurationGenerator)(tree, {
+        project: normalized.name,
+        generateStories: false,
+        interactionTests: false,
+    });
+    const projectConfiguration = (0, devkit_1.readProjectConfiguration)(tree, normalized.projectName);
+    const externalJson = {
+        kab: {
+            command: `node tools/scripts/kabtool.mjs build ${normalized.nameDashCase} && node tools/scripts/kabtool.mjs list ${normalized.nameDashCase} `,
+            options: {
+                outputPath: `dist/archives/packages/${normalized.nameDashCase}/`,
+                zipName: "ui.zip",
+                kabName: `${normalized.nameDashCase}.kab`,
+            },
+            dependsOn: ["zip"],
+        },
+        zip: {
+            command: `node tools/scripts/archiver.js ${normalized.nameDashCase}`,
+            options: {
+                outputPath: `dist/archives/packages/${normalized.nameDashCase}/`,
+                zipName: "ui.zip",
+            },
+            dependsOn: ["build:production", "descriptor"],
+        },
+        descriptor: {
+            command: `node tools/scripts/descriptor.mjs ${normalized.nameDashCase}`,
+            options: {
+                outputPath: `dist/plugins/${normalized.nameDashCase}`,
+                fileName: "descriptor.json",
+            },
+            dependsOn: ["build"],
+        },
+    };
+    (0, devkit_1.updateJson)(tree, `${projectConfiguration.root}/project.json`, (json) => {
+        json.targets = {
+            ...json.targets,
+            ...externalJson,
+        };
+        if (json.targets?.build?.configurations?.production) {
+            json.targets.build.configurations.production.webpackConfig = `plugins/${normalized.nameDashCase}/webpack.config.prod.ts`;
+        }
+        return json;
+    });
+    (0, devkit_1.updateJson)(tree, `${projectConfiguration.root}/tsconfig.json`, (json) => {
+        json.compilerOptions = {
+            ...json.compilerOptions,
+            moduleResolution: "Bundler",
+            resolveJsonModule: true,
+        };
+        return json;
+    });
+    (0, devkit_1.updateJson)(tree, `${projectConfiguration.root}/tsconfig.storybook.json`, (json) => {
+        json.include.push(".storybook/*.jsx");
+        json.include.push(".storybook/*.tsx");
+        return json;
+    });
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, "files"), projectConfiguration.root, normalized);
+    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`);
+    tree.delete(`${projectConfiguration.root}/.storybook/preview.ts`);
+    (0, devkit_1.addDependenciesToPackageJson)(tree, {
+        "@kosdev-code/kos-ddk": "~2.0.0",
+        "@kosdev-code/kos-ddk-components": "~2.0.0",
+        "@kosdev-code/kos-ddk-model-components": "~2.0.0",
+        "@kosdev-code/kos-ddk-models": "~2.0.0",
+        "@kosdev-code/kos-ddk-styles": "~2.0.0",
+        "@kosdev-code/kos-ui-plugin-dev": "~2.0.0",
+    }, {});
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.kosPluginProjectGenerator = kosPluginProjectGenerator;
+exports.default = kosPluginProjectGenerator;
+//# sourceMappingURL=generator.js.map

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

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

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

@@ -0,0 +1,5 @@
+export interface KosPluginProjectGeneratorSchema {
+  name: string;
+  directory?: string;
+  uiType?: string;
+}

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

@@ -0,0 +1,33 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "KosPluginProject",
+  "title": "",
+  "type": "object",
+  "properties": {
+    "name": {
+      "type": "string",
+      "description": "",
+      "$default": {
+        "$source": "argv",
+        "index": 0
+      },
+      "x-prompt": "What name would you like to use?"
+    },
+    "directory": {
+      "type": "string",
+      "description": "",
+      "required": false,
+      "$default": {
+        "$source": "argv",
+        "index": 1
+      },
+      "x-prompt": "What directory would you like to use?"
+    },
+    "uiType": {
+      "type": "string",
+      "description": "KAB type of UI",
+      "default": "ddk.ncui.plugin"
+    }
+  },
+  "required": ["name"]
+}

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

@@ -0,0 +1,8 @@
+{
+    "name": "<%= nameDashCase %>-splash",
+    "type": "kos.splash",
+    "version": "0.0.0-SNAPSHOT",
+    "generator": {
+        "projectType": "splash"
+    }
+}

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

@@ -0,0 +1,17 @@
+{
+  "name": "<%= nameDashCase %>",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "splash/<%= nameDashCase %>/src",
+  "projectType": "application",
+  "targets": {
+    "splash": {
+      "command": "node tools/scripts/splashtool.mjs <%= nameDashCase %>",
+      "options": {
+        "outputPath": "dist/archives/packages/<%= nameDashCase %>/",
+        "layerName": "<%= nameDashCase %>",
+        "startPath": "start.html"
+      }
+    }
+  },
+  "tags": []
+}

package/src/generators/kos-splash-project/files/project/src/start.html.template

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title><%= nameDashCase %></title>
+    <base href="./" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+  </head>
+  <body>
+    <div id="root">Hello World</div>
+  </body>
+</html>

package/src/generators/kos-splash-project/files/tools/splashtool.mjs.template

@@ -0,0 +1,247 @@
+#!/usr/bin/env node
+import devkit from '@nx/devkit';
+import archiver from 'archiver';
+import chalk from 'chalk';
+import { spawn } from 'child_process';
+import dotenv from 'dotenv';
+import dotenvExpand from 'dotenv-expand';
+import fs from 'fs';
+import path from 'path';
+const { readCachedProjectGraph } = devkit;
+
+const [, , projectName] = process.argv;
+
+const graph = readCachedProjectGraph();
+const project = graph.nodes[projectName];
+const config = dotenv.config({
+  path: path.resolve(process.cwd(), '.env'),
+});
+
+dotenvExpand.expand(config);
+const splashOptions = project.data?.targets?.splash?.options;
+
+const { outputPath, layerName, startPath } = splashOptions;
+const installPath = process.env.KOS_INSTALL_PATH;
+if (!fs.existsSync(outputPath)) {
+  fs.mkdirSync(outputPath, { recursive: true });
+}
+
+const htmlPath = path.resolve(project.data.sourceRoot, startPath);
+fs.copyFileSync(htmlPath, path.resolve(outputPath, 'start.html'));
+
+const packPath = path.resolve(outputPath, 'layer.pack');
+if (!fs.existsSync(packPath)) {
+  fs.writeFileSync(
+    packPath,
+    `# gensquashfs pack file
+
+dir  /usr/share/www 0755 0 0
+file /usr/share/www/start.html 0644 0 0 ./start.html`,
+    { encoding: 'utf-8' }
+  );
+}
+createDiskImage({
+  outputPath,
+  layerName: `${layerName}.img`,
+  packPath,
+  installPath,
+})
+  .then((imgPath) => {
+    console.log('imgPath: ', imgPath);
+    const zipPath = path.resolve(outputPath, `${layerName}.zip`);
+    console.log('zipPath: ', zipPath);
+    return archiveDiskImage({ zipPath, imgPath });
+  })
+  .then((zipPath) => {
+    console.log('zipPath from archive: ', zipPath);
+    const kabName = `${layerName}.kab`;
+    return createKabFile({
+      zipPath,
+      kabName,
+      outputPath,
+      installPath,
+      layerName,
+    }).then(() => {
+      console.log(chalk.green('done'));
+    });
+  });
+async function createDiskImage({
+  outputPath,
+  layerName,
+  packPath,
+  installPath,
+}) {
+  return new Promise((resolve, reject) => {
+    console.log(`packPath: ${packPath}`);
+
+    if (!fs.existsSync(outputPath)) {
+      fs.mkdirSync(outputPath, { recursive: true });
+    }
+    const layerPath = path.resolve(outputPath, layerName);
+    console.log(`layerName: ${layerPath}`);
+
+    const genSquashFsLocation =
+      process.platform === 'darwin'
+        ? path.join(
+            'Contents',
+            'MacOS',
+            'lib',
+            'squashfs-tools-ng',
+            'bin',
+            'gensquashfs'
+          )
+        : path.join(
+            'release',
+            'lib',
+            'squashfs-tools-ng',
+            'bin',
+            'gensquashfs'
+          );
+
+    console.log(installPath, genSquashFsLocation);
+    const gensquashfsPath = path.resolve(installPath, genSquashFsLocation);
+
+    const command = gensquashfsPath;
+
+    const baseBuildArgs = [
+      '-F',
+      packPath,
+      '--compressor=gzip',
+      '--force',
+      layerPath,
+    ];
+
+    const args = [...baseBuildArgs];
+
+    const ps = spawn(command, args);
+
+    ps.stdout.on('data', (data) => {
+      console.log(chalk.blue(`studio: ${data}`));
+    });
+
+    ps.stderr.on('data', (data) => {
+      console.error(chalk.red(`studio: ${data}`));
+    });
+
+    ps.on('close', (code) => {
+      console.log(`child process exited with code ${code}`);
+      if (code === 0) {
+        resolve(layerPath);
+      } else {
+        reject();
+      }
+    });
+  });
+}
+async function archiveDiskImage({ zipPath, imgPath }) {
+  console.log(`archiveDiskImage: zipPath: ${zipPath}, imgPath: ${imgPath}`);
+  return new Promise((resolve, reject) => {
+    const output = fs.createWriteStream(zipPath);
+    const archive = archiver('zip', {
+      zlib: { level: 9 }, // Sets the compression level.
+    });
+
+    // listen for all archive data to be written
+    // 'close' event is fired only when a file descriptor is involved
+    output.on('close', function () {
+      console.log(archive.pointer() + ' total bytes');
+      console.log(
+        'archiver has been finalized and the output file descriptor has closed.'
+      );
+      resolve(zipPath);
+    });
+
+    // This event is fired when the data source is drained no matter what was the data source.
+    // It is not part of this library but rather from the NodeJS Stream API.
+    // @see: https://nodejs.org/api/stream.html#stream_event_end
+    output.on('end', function () {
+      console.log('Data has been drained');
+    });
+
+    // good practice to catch warnings (ie stat failures and other non-blocking errors)
+    archive.on('warning', function (err) {
+      if (err.code === 'ENOENT') {
+        // log warning
+      } else {
+        // throw error
+        reject();
+      }
+    });
+
+    // good practice to catch this error explicitly
+    archive.on('error', function (err) {
+      reject();
+    });
+
+    // pipe archive data to the file
+    archive.pipe(output);
+
+    // append a file from stream
+
+    // append files from a sub-directory, putting its contents at the root of archive
+    archive.file(imgPath, { name: 'layer.img' });
+
+    // finalize the archive (ie we are done appending files but streams have to finish yet)
+    // 'close', 'end' or 'finish' may be fired right after calling this method so register to them beforehand
+    archive.finalize();
+  });
+}
+
+async function createKabFile({
+  zipPath,
+  kabName,
+  outputPath,
+  installPath,
+  layerName,
+}) {
+  return new Promise((resolve, reject) => {
+    if (!fs.existsSync(outputPath)) {
+      fs.mkdirSync(outputPath, { recursive: true });
+    }
+    const kabPath = path.resolve(outputPath, kabName);
+    console.log(`kabPath: ${kabPath}`);
+
+    const kabtoolLocation =
+      process.platform === 'darwin'
+        ? path.join('Contents', 'MacOS', 'bin', 'kabtool')
+        : path.join('release', 'bin', 'kabtool');
+
+    const kabtoolPath = path.resolve(installPath, kabtoolLocation);
+    console.log(kabtoolPath);
+    const command = kabtoolPath;
+
+    const baseBuildArgs = [
+      '-b',
+      '-t',
+      'kos.layer',
+      '-n',
+      layerName,
+      '-v',
+      '0.0.1',
+      '-z',
+      zipPath,
+    ];
+
+    const args = [...baseBuildArgs, kabPath];
+
+    console.log(command, args);
+    const ps = spawn(command, args);
+
+    ps.stdout.on('data', (data) => {
+      console.log(chalk.blue(`studio: ${data}`));
+    });
+
+    ps.stderr.on('data', (data) => {
+      console.error(chalk.red(`studio: ${data}`));
+    });
+
+    ps.on('close', (code) => {
+      console.log(`child process exited with code ${code}`);
+      if (code === 0) {
+        resolve();
+      } else {
+        reject();
+      }
+    });
+  });
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.d.ts","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-splash-project/generator.ts"],"names":[],"mappings":"AAAA,OAAO,EAA8B,IAAI,EAAE,MAAM,YAAY,CAAC;AAG9D,OAAO,EAAE,+BAA+B,EAAE,MAAM,UAAU,CAAC;AAC3D,wBAAsB,yBAAyB,CAC7C,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,+BAA+B,iBAoBzC;AAED,eAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kosSplashProjectGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const path = require("path");
+const normalize_value_1 = require("../../utils/normalize-value");
+async function kosSplashProjectGenerator(tree, options) {
+    const normalized = (0, normalize_value_1.normalizeAllValues)(options);
+    const projectRoot = `splash/${normalized.nameDashCase}`;
+    const toolsRoot = path.join("tools", "scripts");
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, "files", "project"), projectRoot, normalized);
+    (0, devkit_1.generateFiles)(tree, path.join(__dirname, "files", "tools"), toolsRoot, normalized);
+    await (0, devkit_1.formatFiles)(tree);
+}
+exports.kosSplashProjectGenerator = kosSplashProjectGenerator;
+exports.default = kosSplashProjectGenerator;
+//# sourceMappingURL=generator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"generator.js","sourceRoot":"","sources":["../../../../../../../packages/plugins/kos-nx-plugin/src/generators/kos-splash-project/generator.ts"],"names":[],"mappings":";;;AAAA,uCAA8D;AAC9D,6BAA6B;AAC7B,iEAAiE;AAE1D,KAAK,UAAU,yBAAyB,CAC7C,IAAU,EACV,OAAwC;IAExC,MAAM,UAAU,GAAG,IAAA,oCAAkB,EAAC,OAAO,CAAC,CAAC;IAE/C,MAAM,WAAW,GAAG,UAAU,UAAU,CAAC,YAAY,EAAE,CAAC;IACxD,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAChD,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EACxC,WAAW,EACX,UAAU,CACX,CAAC;IAEF,IAAA,sBAAa,EACX,IAAI,EACJ,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC,EACtC,SAAS,EACT,UAAU,CACX,CAAC;IACF,MAAM,IAAA,oBAAW,EAAC,IAAI,CAAC,CAAC;AAC1B,CAAC;AAtBD,8DAsBC;AAED,kBAAe,yBAAyB,CAAC"}

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

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

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

@@ -0,0 +1,18 @@
+{
+  "$schema": "https://json-schema.org/schema",
+  "$id": "KosSplashProject",
+  "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-theme-project/files/.kos.json.template

@@ -0,0 +1,8 @@
+{
+    "name": "<%= name %>",
+    "type": "ddk.ncui.theme",
+    "version": "0.0.0-SNAPSHOT",
+    "generator": {
+        "projectType": "theme"
+    }
+}

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"}