@infomaximum/package-cli 2.23.1 → 2.24.0-0

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [2.24.0-0](https://github.com/Infomaximum/package-cli/compare/v2.23.1...v2.24.0-0) (2025-06-20)
+
+
+### Features
+
+* добавлена команда по сборки скрипта виджета ([2810b69](https://github.com/Infomaximum/package-cli/commit/2810b69d7637947f1b143eec064439338057f508))
+* добавлена поддержка externals ([897eb0c](https://github.com/Infomaximum/package-cli/commit/897eb0cba2b3921f47c6d10d02de860b50d4c151))
+
 ### [2.23.1](https://github.com/Infomaximum/package-cli/compare/v2.23.0...v2.23.1) (2025-06-02)
 
 

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 #!/usr/bin/env node
 export type { IntegrationRCConfig, IntegrationFetcherReturnType, IntegrationFetcher, } from "./integration/configs/file.js";
+export type { WidgetRCConfig } from "./widget/configs/file.js";

package/dist/widget/commands/build_script.d.ts

@@ -0,0 +1,7 @@
+import type { Command } from "commander";
+import { configMergeWithOptionsCommon, type InputCommonOptions } from "./common.js";
+export type InputBuildScriptOptions = {
+    buildDir?: string;
+} & InputCommonOptions;
+export type MergedBuildScriptOptions = ReturnType<typeof configMergeWithOptionsCommon>;
+export declare const registerWidgetBuildScriptCommand: (widgetCommand: Command) => void;

package/dist/widget/commands/build_script.js

@@ -0,0 +1,12 @@
+import { getConfigFromFile } from "../configs/file.js";
+import { configMergeWithOptionsCommon, registerCommonOption, } from "./common.js";
+import { runBuildScript } from "../scripts/build_script.js";
+export const registerWidgetBuildScriptCommand = (widgetCommand) => {
+    const widgetBuildScriptCommand = widgetCommand.command("build-script");
+    const config = getConfigFromFile();
+    registerCommonOption(widgetBuildScriptCommand);
+    widgetBuildScriptCommand
+        .description("Выполняет сборку js файла виджета для публикации")
+        .option("--build-dir <buildDirPath>", "путь до директории в которую будет собран пакет")
+        .action((options) => runBuildScript(configMergeWithOptionsCommon(config, options), config));
+};

package/dist/widget/commands.js

@@ -2,10 +2,12 @@ import { registerWidgetBuildCommand } from "./commands/build.js";
 import { registerWidgetStartCommand } from "./commands/start.js";
 import { registerWidgetInitCommand } from "./commands/init.js";
 import { registerWidgetReleaseCommand } from "./commands/release.js";
+import { registerWidgetBuildScriptCommand } from "./commands/build_script.js";
 export const registerWidgetCommands = (cli) => {
     const widgetCommand = cli.command("widget");
     registerWidgetBuildCommand(widgetCommand);
     registerWidgetStartCommand(widgetCommand);
     registerWidgetInitCommand(widgetCommand);
     registerWidgetReleaseCommand(widgetCommand);
+    registerWidgetBuildScriptCommand(widgetCommand);
 };

package/dist/widget/configs/file.d.ts

@@ -1,3 +1,4 @@
+import type { SystemWidgetExternals } from "@infomaximum/widget-sdk";
 export type WidgetRCConfig = {
     entry: string;
     widgetManifest: string;
@@ -7,5 +8,6 @@ export type WidgetRCConfig = {
     buildDir: string;
     port: number;
     host: string;
+    externals?: Partial<SystemWidgetExternals>;
 };
 export declare const getConfigFromFile: () => WidgetRCConfig | undefined;

package/dist/widget/configs/webpack/sections/plugins/minimizer.d.ts

@@ -3,7 +3,7 @@ import TerserWebpackPlugin from "terser-webpack-plugin";
 export declare const getMinimizer: () => {
     optimization: {
         minimize: boolean;
-        splitChunks: boolean;
+        splitChunks: false;
         minimizer: (TerserWebpackPlugin<import("terser").MinifyOptions> | CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended>)[];
     };
 };

package/dist/widget/scripts/build_script.d.ts

@@ -0,0 +1,3 @@
+import type { MergedBuildScriptOptions } from "../commands/build_script.js";
+import type { WidgetRCConfig } from "../configs/file.js";
+export declare const runBuildScript: (args: MergedBuildScriptOptions, config: WidgetRCConfig | undefined) => Promise<void>;

package/dist/widget/scripts/build_script.js

@@ -0,0 +1,39 @@
+import { __awaiter } from "tslib";
+import {} from "webpack";
+import {} from "../../paths.js";
+import { merge } from "webpack-merge";
+import chalk from "chalk";
+import { getCommonWidgetConfig } from "../configs/webpack/common.js";
+import { getMinimizer } from "../configs/webpack/sections/plugins/minimizer.js";
+import { generateWidgetPaths } from "../widgetPaths.js";
+import { runWebpackBuild } from "../../utils.js";
+import { WIDGET_OUTPUT_FULL_FILE_NAME } from "../const.js";
+export const runBuildScript = (args, config) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const mode = "production";
+    const WIDGET_PATHS = generateWidgetPaths(args);
+    const sections = {
+        entry: WIDGET_PATHS.moduleIndex,
+        output: {
+            filename: WIDGET_OUTPUT_FULL_FILE_NAME,
+        },
+    };
+    const configSections = [
+        getCommonWidgetConfig(mode, WIDGET_PATHS),
+        {
+            externals: (_a = config === null || config === void 0 ? void 0 : config.externals) !== null && _a !== void 0 ? _a : {},
+            externalsType: "window",
+        },
+        sections,
+        getMinimizer(),
+    ];
+    const widgetConfig = merge(configSections);
+    try {
+        yield runWebpackBuild(widgetConfig);
+    }
+    catch (error) {
+        console.error(chalk.red("\nFailed to compile.\n"));
+        console.error(chalk.red(error));
+        process.exit(1);
+    }
+});

package/dist/widget/scripts/init/actions.js

@@ -81,7 +81,7 @@ const actions = ({ widgetSDKVersion, packageCliVersion }) => {
         },
         {
             type: "add",
-            path: "widgetrc.json",
+            path: "widgetrc.js",
             template: WIDGET_RC_CONFIG,
         },
         {

package/dist/widget/templates/src/widgetIndex.d.ts

@@ -1 +1 @@
-export declare const WIDGET_INDEX_TEMPLATE = "import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport \"./index.css\";\nimport {\n  type IWidget,\n  type ICustomWidgetProps,\n} from \"@infomaximum/widget-sdk\";\nimport manifest from \"../manifest.json\";\nimport { type WidgetSettings } from \"./definition/settings\";\nimport { Definition } from \"./definition/definition\";\n\nclass CustomWidget implements IWidget<WidgetSettings> {\n  public static definition = new Definition();\n\n  private root: ReactDOM.Root | null = null;\n\n  public initialize(container: HTMLElement) {\n    this.root = ReactDOM.createRoot(container);\n  }\n\n  public update(\n    container: HTMLElement,\n    props: ICustomWidgetProps<WidgetSettings>\n  ) {\n    this.render(props);\n  }\n\n  public mount(\n    container: HTMLElement,\n    props: ICustomWidgetProps<WidgetSettings>\n  ) {\n    this.render(props);\n  }\n\n  public unmount() {\n    this.root?.unmount();\n  }\n\n  private render(props: ICustomWidgetProps<WidgetSettings>) {\n    this.root?.render(\n      <React.StrictMode>\n        <div>{{ capitalize packageName}}</div>\n      </React.StrictMode>\n    );\n  }\n}\n\nwindow.im.widget.defineWidget(manifest.uuid, CustomWidget);\n";
+export declare const WIDGET_INDEX_TEMPLATE = "import React from \"react\";\nimport ReactDOM from \"react-dom/client\";\nimport \"./index.css\";\nimport {\n  type IWidget,\n  type ICustomWidgetProps,\n} from \"@infomaximum/widget-sdk\";\nimport manifest from \"../manifest.json\";\nimport { type WidgetSettings } from \"./definition/settings\";\nimport { Definition } from \"./definition/definition\";\n\nclass CustomWidget implements IWidget<WidgetSettings> {\n  public static definition = new Definition();\n\n  private root: ReactDOM.Root | null = null;\n\n  public initialize(container: HTMLElement) {\n    this.root = ReactDOM.createRoot(container);\n  }\n\n  public update(\n    container: HTMLElement,\n    props: ICustomWidgetProps<WidgetSettings>\n  ) {\n    this.render(props);\n  }\n\n  public mount(\n    container: HTMLElement,\n    props: ICustomWidgetProps<WidgetSettings>\n  ) {\n    this.render(props);\n  }\n\n  public unmount() {\n    this.root?.unmount();\n  }\n\n  private render(props: ICustomWidgetProps<WidgetSettings>) {\n    this.root?.render(\n      <React.StrictMode>\n        <div>{{ capitalize packageName}}</div>\n      </React.StrictMode>\n    );\n  }\n}\n\nwindow.im.widget.defineWidget(manifest.uuid, CustomWidget, {\n  manifest,\n});\n";

package/dist/widget/templates/src/widgetIndex.js

@@ -49,5 +49,7 @@ class CustomWidget implements IWidget<WidgetSettings> {
   }
 }
 
-window.im.widget.defineWidget(manifest.uuid, CustomWidget);
+window.im.widget.defineWidget(manifest.uuid, CustomWidget, {
+  manifest,
+});
 `;

package/dist/widget/templates/widgetPackageJson.d.ts

@@ -1 +1 @@
-export declare const WIDGET_PACKAGE_JSON_TEMPLATE = "{\n  \"name\": \"template_widget\",\n  \"version\": \"1.0.0\",\n  \"private\": true,\n  \"main\": \"src/index.tsx\",\n  \"scripts\": {\n    \"build\": \"im-package-cli widget build\",\n    \"build:dev\": \"im-package-cli widget build --dev\",\n    \"start\": \"im-package-cli widget start\",\n    \"lint\": \"tsc --noEmit && eslint src/ --ext .ts,.tsx --quiet\",\n    \"test\": \"jest --passWithNoTests\",\n    \"release\": \"im-package-cli widget release\",\n    \"changelog\":\"im-package-cli widget release --dry-run\"\n  },\n  \"dependencies\": {\n    \"@infomaximum/widget-sdk\": \"{{widgetSDKVersion}}\",\n    \"react\": \"18.3.1\",\n    \"react-dom\": \"18.3.1\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"7.25.2\",\n    \"@babel/preset-env\": \"7.25.4\",\n    \"@babel/preset-react\": \"7.24.7\",\n    \"@babel/preset-typescript\": \"7.24.7\",\n    \"@infomaximum/package-cli\": \"^{{packageCliVersion}}\",\n    \"@types/jest\": \"29.5.11\",\n    \"@types/react\": \"18.3.4\",\n    \"@types/react-dom\": \"18.3.0\",\n    \"@typescript-eslint/eslint-plugin\": \"8.3.0\",\n    \"@typescript-eslint/parser\": \"8.3.0\",\n    \"eslint\": \"8.57.0\",\n    \"eslint-plugin-react\": \"7.35.0\",\n    \"eslint-plugin-react-hooks\": \"4.6.2\",\n    \"jest\": \"29.7.0\",\n    \"jest-canvas-mock\": \"2.5.2\",\n    \"jest-environment-jsdom\": \"29.7.0\",\n    \"jest-environment-jsdom-global\": \"4.0.0\",\n    \"prettier\": \"3.1.1\",\n    \"typescript\": \"5.5.4\"\n  },\n  \"browserslist\": [\n    \"defaults and supports es6-module\"\n  ]\n}\n";
+export declare const WIDGET_PACKAGE_JSON_TEMPLATE = "{\n  \"name\": \"template_widget\",\n  \"version\": \"1.0.0\",\n  \"main\": \"build/widget.js\",\n  \"files\": [\n    \"build\",\n    \"manifest.json\"\n  ],\n  \"scripts\": {\n    \"build\": \"im-package-cli widget build\",\n    \"build:script\": \"im-package-cli widget build-script\",\n    \"build:dev\": \"im-package-cli widget build --dev\",\n    \"start\": \"im-package-cli widget start\",\n    \"lint\": \"tsc --noEmit && eslint src/ --ext .ts,.tsx --quiet\",\n    \"test\": \"jest --passWithNoTests\",\n    \"release\": \"im-package-cli widget release\",\n    \"changelog\":\"im-package-cli widget release --dry-run\",\n    \"prepublishOnly\": \"npm run build:script\"\n  },\n  \"dependencies\": {\n    \"@infomaximum/widget-sdk\": \"{{widgetSDKVersion}}\",\n    \"react\": \"18.3.1\",\n    \"react-dom\": \"18.3.1\"\n  },\n  \"devDependencies\": {\n    \"@babel/core\": \"7.25.2\",\n    \"@babel/preset-env\": \"7.25.4\",\n    \"@babel/preset-react\": \"7.24.7\",\n    \"@babel/preset-typescript\": \"7.24.7\",\n    \"@infomaximum/package-cli\": \"^{{packageCliVersion}}\",\n    \"@types/jest\": \"29.5.11\",\n    \"@types/react\": \"18.3.4\",\n    \"@types/react-dom\": \"18.3.0\",\n    \"@typescript-eslint/eslint-plugin\": \"8.3.0\",\n    \"@typescript-eslint/parser\": \"8.3.0\",\n    \"eslint\": \"8.57.0\",\n    \"eslint-plugin-react\": \"7.35.0\",\n    \"eslint-plugin-react-hooks\": \"4.6.2\",\n    \"jest\": \"29.7.0\",\n    \"jest-canvas-mock\": \"2.5.2\",\n    \"jest-environment-jsdom\": \"29.7.0\",\n    \"jest-environment-jsdom-global\": \"4.0.0\",\n    \"prettier\": \"3.1.1\",\n    \"typescript\": \"5.5.4\"\n  },\n  \"browserslist\": [\n    \"defaults and supports es6-module\"\n  ]\n}\n";

package/dist/widget/templates/widgetPackageJson.js

@@ -1,19 +1,24 @@
-import { CUSTOM_PACKAGE_CLI_LIB_NAME } from "../../const.js";
-import { WIDGET_SDK_LIB_NAME } from "../const.js";
+import { CUSTOM_PACKAGE_CLI_LIB_NAME, DEFAULT_BUILD_DIR_NAME, } from "../../const.js";
+import { WIDGET_OUTPUT_FULL_FILE_NAME, WIDGET_SDK_LIB_NAME } from "../const.js";
 export const WIDGET_PACKAGE_JSON_TEMPLATE = `\
 {
   "name": "template_widget",
   "version": "1.0.0",
-  "private": true,
-  "main": "src/index.tsx",
+  "main": "${DEFAULT_BUILD_DIR_NAME}/${WIDGET_OUTPUT_FULL_FILE_NAME}",
+  "files": [
+    "build",
+    "manifest.json"
+  ],
   "scripts": {
     "build": "im-package-cli widget build",
+    "build:script": "im-package-cli widget build-script",
     "build:dev": "im-package-cli widget build --dev",
     "start": "im-package-cli widget start",
     "lint": "tsc --noEmit && eslint src/ --ext .ts,.tsx --quiet",
     "test": "jest --passWithNoTests",
     "release": "im-package-cli widget release",
-    "changelog":"im-package-cli widget release --dry-run"
+    "changelog":"im-package-cli widget release --dry-run",
+    "prepublishOnly": "npm run build:script"
   },
   "dependencies": {
     "${WIDGET_SDK_LIB_NAME}": "{{widgetSDKVersion}}",

package/dist/widget/templates/widgetRCConfig.js

@@ -1,15 +1,19 @@
 import { CUSTOM_PACKAGE_CLI_LIB_NAME, DEFAULT_BUILD_DIR_NAME, MANIFEST_JSON_FILE_NAME, } from "../../const.js";
 import { WIDGET_DEFAULT_HOST, WIDGET_DEFAULT_PORT } from "../const.js";
 export const WIDGET_RC_CONFIG = `\
-{
-  "$schema": "node_modules/${CUSTOM_PACKAGE_CLI_LIB_NAME}/schemas/widgetConfigSchema.json",
-  "entry": "src/index.tsx",
-  "widgetManifest": "${MANIFEST_JSON_FILE_NAME}",
-  "packageDir": "package",
-  "packageManifest": "package/${MANIFEST_JSON_FILE_NAME}",
-  "assetsDir": "_resources",
-  "buildDir": "${DEFAULT_BUILD_DIR_NAME}",
-  "port": ${+WIDGET_DEFAULT_PORT},
-  "host": "${WIDGET_DEFAULT_HOST}"
-}
+//@ts-check
+
+/** @type {import("${CUSTOM_PACKAGE_CLI_LIB_NAME}").WidgetRCConfig} */
+const config = {
+  entry: "src/index.tsx",
+  widgetManifest: "${MANIFEST_JSON_FILE_NAME}",
+  packageDir: "package",
+  packageManifest: "package/${MANIFEST_JSON_FILE_NAME}",
+  assetsDir: "_resources",
+  buildDir: "${DEFAULT_BUILD_DIR_NAME}",
+  port: ${+WIDGET_DEFAULT_PORT},
+  host: "${WIDGET_DEFAULT_HOST}",
+};
+
+module.exports = config;
 `;

package/dist/widget/widgetPaths.d.ts

@@ -1,7 +1,8 @@
 import type { MergedBuildOptions } from "./commands/build.js";
 import type { MergedStartOptions } from "./commands/start.js";
+import type { MergedBuildScriptOptions } from "./commands/build_script.js";
 export type WidgetPaths = ReturnType<typeof generateWidgetPaths>;
-type Options = MergedBuildOptions | MergedStartOptions;
+type Options = MergedBuildOptions | MergedStartOptions | MergedBuildScriptOptions;
 export declare function generateWidgetPaths({ entry, assetsDir, widgetManifest, buildDir, }: Options): {
     moduleIndex: string;
     widgetManifestJsonPath: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@infomaximum/package-cli",
-  "version": "2.23.1",
+  "version": "2.24.0-0",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -18,9 +18,11 @@
     "dev": "tsc",
     "dev:w": "npm run dev -- -w",
     "build": "rimraf dist && npm run dev",
-    "release": "tsc --noEmit && standard-version && npm run build",
+    "release": "tsc --noEmit && standard-version",
+    "release:rc": "standard-version -p",
     "lint": "tsc --noEmit",
-    "prettier": "prettier --find-config-path --write 'lib/**/*'"
+    "prettier": "prettier --find-config-path --write 'lib/**/*'",
+    "prepublishOnly": "npm run lint && npm run build"
   },
   "dependencies": {
     "@babel/core": "^7.23.6",
@@ -71,6 +73,7 @@
   },
   "devDependencies": {
     "@infomaximum/integration-sdk": "^2.3.0",
+    "@infomaximum/widget-sdk": "5.26.0-0",
     "@types/babel__core": "^7.20.5",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "^20.9.0",

package/schemas/widgetConfigSchema.json

@@ -39,6 +39,11 @@
     "host": {
       "type": "string",
       "description": "хост по которому будет доступен сервер разработки"
+    },
+    "externals": {
+      "type": "object",
+      "additionalProperties": true,
+      "description": "исключает указанные зависимости из сборки, предполагая их наличие в окружении. Используется для уменьшения размера бандла. Актуально только при сборке скрипта. (https://webpack.js.org/configuration/externals/)"
     }
   },
   "required": [