@nizza/devkit 0.1.0-alpha.0 → 0.1.0-alpha.10

package/dist/esm/shared/utils.mjs

@@ -0,0 +1,60 @@
+import { logger } from '@nx/devkit';
+import { randomBytes } from 'crypto';
+import { readFileSync } from 'fs';
+import { resolve } from 'path';
+
+/**
+ * Reads and parses the package.json file from the given project path.
+ *
+ * @param {string} projectPath - The path to the project.
+ * @returns {Record<string, any>} - The parsed package.json data.
+ *
+ * @example
+ * const pkgJsonData = getPkgJson('/path/to/project');
+ */ const getPkgJson = (projectPath)=>{
+    try {
+        const data = readFileSync(resolve(projectPath, './package.json'), 'utf-8');
+        return JSON.parse(data);
+    } catch (err) {
+        logger.error('Error reading or parsing package.json');
+        throw err;
+    }
+};
+/**
+ * Generates a random alphanumeric identifier of a specified length.
+ *
+ * @param {number} [length=8] - The length of the identifier to generate. Defaults to 8 if not specified.
+ * @returns {string} - A string representing a unique identifier.
+ */ function shortId(length = 8) {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    return Array.from(randomBytes(length), (b)=>chars[b % chars.length]).join('');
+}
+function combineGlobStyles(array) {
+    function createReadableKey(path) {
+        const pathParts = path.split('/').filter((part)=>part);
+        const fileName = pathParts.pop()?.split('.')[0];
+        const folderName = pathParts.pop()?.replace('.', '');
+        if (fileName && folderName) {
+            return `${folderName}-${fileName}`;
+        } else if (fileName) {
+            return fileName;
+        } else {
+            return '';
+        }
+    }
+    return array.reduce((result, item)=>{
+        const transformedItem = Object.entries(item).reduce((newItem, [key, value])=>{
+            const readableKey = createReadableKey(key);
+            const uniqueHash = shortId(5);
+            const newKey = `${readableKey}-${uniqueHash}`;
+            newItem[newKey] = value;
+            return newItem;
+        }, {});
+        return {
+            ...result,
+            ...transformedItem
+        };
+    }, {});
+}
+
+export { combineGlobStyles, getPkgJson, shortId };

package/dist/esm/types-1282e639.d.ts

@@ -0,0 +1,12 @@
+interface SharedContext {
+    vtexProjectPath: string;
+    projectRoot: string;
+    projectName: string;
+    packageOrg: string;
+}
+interface ExecutorOptions {
+    packageOrg: string;
+    rollback?: boolean;
+    skipLink?: boolean;
+}
+export { SharedContext, ExecutorOptions };

package/dist/esm/types-7377dcc9.d.ts

@@ -0,0 +1,4 @@
+type ExecutorResponse = {
+    success: boolean;
+};
+export { ExecutorResponse };

package/dist/esm/types-763439e4.d.ts

@@ -0,0 +1,14 @@
+interface ExecutorOptions {
+}
+interface ExecutorConfig {
+    implementation: string;
+    schema: string;
+    description: string;
+}
+interface Executors {
+    [executorName: string]: ExecutorConfig;
+}
+interface ExecutorsFile {
+    executors: Executors;
+}
+export { ExecutorOptions, ExecutorConfig, Executors, ExecutorsFile };

package/dist/esm/vite/config-builder/configs/app.d.mts

@@ -0,0 +1,4 @@
+import { UserConfig } from 'vite';
+import { Context } from "../../../index-f6330edc.js";
+declare const getAppConfig: (ctx: Context) => UserConfig;
+export { getAppConfig };

package/dist/esm/vite/config-builder/configs/app.mjs

@@ -0,0 +1,11 @@
+const getAppConfig = (ctx)=>{
+    const { port } = ctx.projectConfig;
+    return {
+        server: {
+            port,
+            host: true
+        }
+    };
+};
+
+export { getAppConfig };

package/dist/esm/vite/config-builder/configs/base.d.mts

@@ -0,0 +1,4 @@
+import { UserConfig } from 'vite';
+import { Context } from "../../../index-f6330edc.js";
+declare const getBaseConfig: (ctx: Context) => UserConfig;
+export { getBaseConfig };

package/dist/{src/vite/config-builder/configs/base.js → esm/vite/config-builder/configs/base.mjs}

@@ -1,40 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getBaseConfig", {
-    enumerable: true,
-    get: function() {
-        return getBaseConfig;
-    }
-});
-const _plugins = require("../plugins");
-const _shared = require("../shared");
-const _fs = require("fs");
-const _path = require("path");
+import { bundleAnalysisPlugin, basePlugins } from '../plugins.mjs';
+import { Target, ViteMode, Flag, Stage } from '../shared/types.mjs';
+import { getPlugins, when } from '../shared/utils/helpers.mjs';
+import 'minimatch';
+import '../../../shared/logger.mjs';
+import '@nx/devkit';
+import 'crypto';
+import { existsSync } from 'fs';
+import { resolve } from 'path';
+import 'chalk';
+import 'mri';
+import 'vite';
+
 const getBaseConfig = (ctx)=>{
     const { commonConfig, projectConfig, viteCmd } = ctx;
     const { resolveEnvs, path } = projectConfig;
     const { stage, target, flags: cmdOverrides } = viteCmd;
-    const NODE_ENV = target === _shared.Target.BUILD ? _shared.ViteMode.PROD : _shared.ViteMode.DEV;
-    const sourcemap = cmdOverrides?.[_shared.Flag.SOURCEMAP] ?? stage !== _shared.Stage.PROD;
+    const NODE_ENV = target === Target.BUILD ? ViteMode.PROD : ViteMode.DEV;
+    const sourcemap = cmdOverrides?.[Flag.SOURCEMAP] ?? stage !== Stage.PROD;
     const envPrefix = `${commonConfig.envPrefix.toUpperCase()}_`;
     const omittedStages = resolveEnvs.local ? [
-        _shared.Stage.DEV
+        Stage.DEV
     ] : [
-        _shared.Stage.DEV,
-        _shared.Stage.LOCAL
+        Stage.DEV,
+        Stage.LOCAL
     ];
     const envPath = `environments/environment.${stage}.ts`;
     const fallbackEnvPath = `environments/environment.ts`;
     // Verify if the local Environment file is present
-    const envFilePath = (0, _fs.existsSync)((0, _path.resolve)(path, 'src', envPath)) ? envPath : fallbackEnvPath;
+    const envFilePath = existsSync(resolve(path, 'src', envPath)) ? envPath : fallbackEnvPath;
     return {
         envPrefix,
-        plugins: (0, _shared.getPlugins)(ctx, _plugins.basePlugins, _plugins.bundleAnalysisPlugin),
+        plugins: getPlugins(ctx, basePlugins, bundleAnalysisPlugin),
         resolve: {
             alias: {
-                ...(0, _shared.when)(resolveEnvs.default && !omittedStages.includes(stage), {
+                ...when(resolveEnvs.default && !omittedStages.includes(stage), {
                     '~env': envFilePath
                 })
             }
@@ -53,3 +52,5 @@ const getBaseConfig = (ctx)=>{
         }
     };
 };
+
+export { getBaseConfig };

package/dist/esm/vite/config-builder/configs/index.d.mts

@@ -0,0 +1,7 @@
+import { ProjectType, Context } from "../../../index-f6330edc.js";
+declare const getConfig: (ctx: Context, type?: ProjectType | null) => import("vite").UserConfig;
+export * from "./app.js";
+export * from "./base.js";
+export * from "./lib.js";
+export * from "./script.js";
+export { getConfig };

package/dist/esm/vite/config-builder/configs/index.mjs

@@ -0,0 +1,30 @@
+import { ProjectType } from '../shared/types.mjs';
+import '@nx/devkit';
+import 'path';
+import 'ramda';
+import '../../../shared/logger.mjs';
+import 'crypto';
+import 'fs';
+import 'minimatch';
+import 'chalk';
+import 'mri';
+import 'vite';
+import { getAppConfig } from './app.mjs';
+import { getBaseConfig } from './base.mjs';
+import { getLibConfig } from './lib.mjs';
+import { getScriptConfig } from './script.mjs';
+
+const getConfig = (ctx, type = null)=>{
+    switch(type){
+        case ProjectType.APP:
+            return getAppConfig(ctx);
+        case ProjectType.LIB:
+            return getLibConfig(ctx);
+        case ProjectType.SCRIPT:
+            return getScriptConfig(ctx);
+        default:
+            return getBaseConfig(ctx);
+    }
+};
+
+export { getAppConfig, getBaseConfig, getConfig, getLibConfig, getScriptConfig };

package/dist/esm/vite/config-builder/configs/lib.d.mts

@@ -0,0 +1,4 @@
+import { UserConfig } from 'vite';
+import { Context } from "../../../index-f6330edc.js";
+declare const getLibConfig: (ctx: Context) => UserConfig;
+export { getLibConfig };

package/dist/{src/vite/config-builder/configs/lib.js → esm/vite/config-builder/configs/lib.mjs}

@@ -1,34 +1,30 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "getLibConfig", {
-    enumerable: true,
-    get: function() {
-        return getLibConfig;
-    }
-});
-const _path = require("path");
-const _plugins = require("../plugins");
-const _shared = require("../shared");
+import { resolve } from 'path';
+import { dtsPlugin } from '../plugins.mjs';
+import '../shared/types.mjs';
+import { when, getPlugins } from '../shared/utils/helpers.mjs';
+import { getExternalDependencies } from '../shared/utils/projectConfig.mjs';
+import 'chalk';
+import 'mri';
+import 'vite';
+
 const getLibConfig = (ctx)=>{
     const { projectConfig, commonConfig } = ctx;
     const { externalizeLibGlob = [] } = commonConfig;
     const { name, path, externalizeLibs } = projectConfig;
-    const entry = (0, _path.resolve)(path, projectConfig.entry ?? 'src/index.ts');
+    const entry = resolve(path, projectConfig.entry ?? 'src/index.ts');
     const defaultExternals = {
         react: true,
         'react-dom': true,
         'react/jsx-runtime': true
     };
     // Get external dependencies based on glob patterns
-    const externalDeps = (0, _shared.getExternalDependencies)(path, [
+    const externalDeps = getExternalDependencies(path, [
         ...externalizeLibGlob,
         ...externalizeLibs.glob
     ]);
     const rollupExternal = [
         ...externalDeps,
-        ...Object.keys((0, _shared.when)(externalizeLibs.default, defaultExternals))
+        ...Object.keys(when(externalizeLibs.default, defaultExternals))
     ];
     const rollupGlobals = {
         react: 'React',
@@ -36,7 +32,7 @@ const getLibConfig = (ctx)=>{
         'react/jsx-runtime': 'ReactJsxRuntime'
     };
     return {
-        plugins: (0, _shared.getPlugins)(ctx, _plugins.dtsPlugin),
+        plugins: getPlugins(ctx, dtsPlugin),
         build: {
             lib: {
                 name,
@@ -49,9 +45,11 @@ const getLibConfig = (ctx)=>{
             rollupOptions: {
                 external: rollupExternal,
                 output: {
-                    globals: (0, _shared.when)(externalizeLibs.default, rollupGlobals)
+                    globals: when(externalizeLibs.default, rollupGlobals)
                 }
             }
         }
     };
 };
+
+export { getLibConfig };

package/dist/esm/vite/config-builder/configs/script.d.mts

@@ -0,0 +1,4 @@
+import { UserConfig } from 'vite';
+import { Context } from "../../../index-f6330edc.js";
+declare const getScriptConfig: (ctx: Context) => UserConfig;
+export { getScriptConfig };

package/dist/esm/vite/config-builder/configs/script.mjs

@@ -0,0 +1,44 @@
+import { resolve } from 'path';
+import { injectCssByJsPlugin, injectCssIntoShadowDomPlugin } from '../plugins.mjs';
+import '../shared/types.mjs';
+import { getPlugins, chunkName } from '../shared/utils/helpers.mjs';
+import 'minimatch';
+import '../../../shared/logger.mjs';
+import '@nx/devkit';
+import 'crypto';
+import 'fs';
+import 'chalk';
+import 'mri';
+import 'vite';
+
+const getScriptConfig = (ctx)=>{
+    const { commonConfig, projectConfig } = ctx;
+    const { envPrefix } = commonConfig;
+    const { port } = projectConfig;
+    const { name, path, fileName, chunkPrefix } = projectConfig;
+    const entry = resolve(path, projectConfig.entry ?? 'src/main');
+    return {
+        plugins: getPlugins(ctx, injectCssIntoShadowDomPlugin, injectCssByJsPlugin),
+        server: {
+            port,
+            host: true
+        },
+        build: {
+            lib: {
+                name,
+                entry,
+                fileName,
+                formats: [
+                    'es'
+                ]
+            },
+            rollupOptions: {
+                output: {
+                    chunkFileNames: chunkName(`${envPrefix}-${chunkPrefix}`)
+                }
+            }
+        }
+    };
+};
+
+export { getScriptConfig };

package/dist/esm/vite/config-builder/main.d.mts

@@ -0,0 +1,10 @@
+import { UserConfig } from 'vite';
+import { CommonProjectConfig, ProjectConfig } from "../../index-f6330edc.js";
+/**
+ * Builds the configuration based on common and project-specific configurations.
+ *
+ * @param {CommonProjectConfig} commonConfig - The common configuration.
+ * @returns - Returns a function that accepts a project configuration and returns the Vite configuration.
+ */
+declare const createConfigBuilder: (commonConfig: CommonProjectConfig) => (projectConfig: ProjectConfig) => UserConfig;
+export { createConfigBuilder };

package/dist/esm/vite/config-builder/main.mjs

@@ -0,0 +1,40 @@
+import { defineConfig } from 'vite';
+import { currentLogLevel, LogLevel, logger } from '../../shared/logger.mjs';
+import { getPkgJson } from '../../shared/utils.mjs';
+import { getConfig } from './configs/index.mjs';
+import './shared/types.mjs';
+import '@nx/devkit';
+import 'path';
+import 'ramda';
+import { initializeConfig, mergeConfigs } from './shared/utils/projectConfig.mjs';
+import 'chalk';
+import 'mri';
+
+/**
+ * Builds the configuration based on common and project-specific configurations.
+ *
+ * @param {CommonProjectConfig} commonConfig - The common configuration.
+ * @returns - Returns a function that accepts a project configuration and returns the Vite configuration.
+ */ const createConfigBuilder = (commonConfig)=>(projectConfig)=>{
+        try {
+            const localPkgJson = getPkgJson(projectConfig.path);
+            const { cfg, viteCmd } = initializeConfig(commonConfig, projectConfig, localPkgJson);
+            const isDebug = currentLogLevel === LogLevel.DEBUG;
+            const { type, overrides } = cfg;
+            const ctx = {
+                viteCmd,
+                localPkgJson,
+                commonConfig,
+                projectConfig: cfg
+            };
+            const defaultConfig = mergeConfigs(getConfig(ctx), getConfig(ctx, type));
+            const config = mergeConfigs(defaultConfig, overrides);
+            if (isDebug) logger.debug('Generated config:', config);
+            return defineConfig(config);
+        } catch (err) {
+            logger.error('buildConfig unexpected error:');
+            throw err;
+        }
+    };
+
+export { createConfigBuilder };

package/dist/esm/vite/config-builder/plugins.d.mts

@@ -0,0 +1,30 @@
+import { PluginConfig } from "../../index-f6330edc.js";
+/**
+ * Base plugins configuration for apps and libs.
+ *
+ * Plugins configured:
+ * - vite-tsconfig-paths
+ * - @originjs/vite-plugin-commonjs
+ * - @rollup/plugin-graphql
+ * - @vitejs/plugin-react-swc
+ */
+declare const basePlugins: PluginConfig;
+/**
+ * Plugin configuration for generating type declarations using vite-plugin-dts.
+ */
+declare const dtsPlugin: PluginConfig;
+/**
+ * Plugin configuration for bundle analysis using rollup-plugin-visualizer.
+ */
+declare const bundleAnalysisPlugin: PluginConfig;
+/**
+ * Plugin configuration for injecting CSS into JS files
+ * using vite-plugin-css-injected-by-js.
+ */
+declare const injectCssByJsPlugin: PluginConfig;
+/**
+ * Plugin configuration for injecting CSS into Shadow Dom.
+ * using local plugin.
+ */
+declare const injectCssIntoShadowDomPlugin: PluginConfig;
+export { basePlugins, dtsPlugin, bundleAnalysisPlugin, injectCssByJsPlugin, injectCssIntoShadowDomPlugin };

package/dist/esm/vite/config-builder/plugins.mjs

@@ -0,0 +1,87 @@
+import { viteCommonjs } from '@originjs/vite-plugin-commonjs';
+import graphql from '@rollup/plugin-graphql';
+import react from '@vitejs/plugin-react-swc';
+import { resolve } from 'path';
+import { visualizer } from 'rollup-plugin-visualizer';
+import cssInjectedByJsPlugin from 'vite-plugin-css-injected-by-js';
+import dts from 'vite-plugin-dts';
+import tsconfigPaths from 'vite-tsconfig-paths';
+import 'vite';
+import { injectCssIntoShadowDom } from '../plugins/shadow-dom-inject-css/index.mjs';
+import { Stage, Flag } from './shared/types.mjs';
+import { getNxTsConfigPaths } from './shared/utils/helpers.mjs';
+import 'minimatch';
+import '../../shared/logger.mjs';
+import '@nx/devkit';
+import 'crypto';
+import 'fs';
+import 'chalk';
+import 'mri';
+
+/**
+ * Base plugins configuration for apps and libs.
+ *
+ * Plugins configured:
+ * - vite-tsconfig-paths
+ * - @originjs/vite-plugin-commonjs
+ * - @rollup/plugin-graphql
+ * - @vitejs/plugin-react-swc
+ */ const basePlugins = {
+    generate: ()=>{
+        const projects = getNxTsConfigPaths();
+        return [
+            tsconfigPaths({
+                projects
+            }),
+            viteCommonjs(),
+            graphql(),
+            react({
+                tsDecorators: true
+            })
+        ];
+    }
+};
+/**
+ * Plugin configuration for generating type declarations using vite-plugin-dts.
+ */ const dtsPlugin = {
+    generate: ({ projectConfig })=>[
+            dts({
+                tsconfigPath: resolve(projectConfig.path, 'tsconfig.lib.json'),
+                outDir: resolve(projectConfig.path, 'dist'),
+                entryRoot: resolve(projectConfig.path, 'src')
+            })
+        ],
+    condition: ({ projectConfig, viteCmd })=>viteCmd.stage !== Stage.LOCAL && projectConfig.dts == null ? true : !!projectConfig.dts
+};
+/**
+ * Plugin configuration for bundle analysis using rollup-plugin-visualizer.
+ */ const bundleAnalysisPlugin = {
+    generate: ({ projectConfig })=>[
+            visualizer({
+                emitFile: true,
+                projectRoot: resolve(projectConfig.path, 'dist'),
+                filename: 'bundle-analysis.html'
+            })
+        ],
+    condition: ({ viteCmd })=>viteCmd.flags?.[Flag.ANALYZE] === 'true'
+};
+/**
+ * Plugin configuration for injecting CSS into JS files
+ * using vite-plugin-css-injected-by-js.
+ */ const injectCssByJsPlugin = {
+    generate: (_)=>[
+            cssInjectedByJsPlugin()
+        ],
+    condition: ({ projectConfig })=>!projectConfig.shadowDom
+};
+/**
+ * Plugin configuration for injecting CSS into Shadow Dom.
+ * using local plugin.
+ */ const injectCssIntoShadowDomPlugin = {
+    generate: (_)=>[
+            injectCssIntoShadowDom()
+        ],
+    condition: ({ projectConfig })=>projectConfig.shadowDom
+};
+
+export { basePlugins, bundleAnalysisPlugin, dtsPlugin, injectCssByJsPlugin, injectCssIntoShadowDomPlugin };