@infomaximum/package-cli 1.3.0 → 1.4.0-rc

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

@@ -0,0 +1,80 @@
+export const APP_D_TS_TEMPLATE = `\
+/* eslint-disable @typescript-eslint/triple-slash-reference */
+/// <reference types="@infomaximum/global-types" />
+/// <reference types="@infomaximum/custom-widget" />
+
+/// <reference types="node" />
+/// <reference types="react" />
+/// <reference types="react-dom" />
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    readonly NODE_ENV: "development" | "production";
+  }
+}
+
+declare module "*.avif" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.bmp" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.gif" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.webp" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.svg" {
+  import * as React from "react";
+
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+
+  export default ReactComponent;
+}
+
+declare module "*.svg?url" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.module.css" {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module "*.module.scss" {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module "*.module.sass" {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+`;

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

@@ -0,0 +1,58 @@
+export const WIDGET_INDEX_TEMPLATE = `\
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import {
+  type IWidget,
+  type IPanelDescription,
+  type IBaseWidgetSettings,
+  type ICustomWidgetProps,
+} from "@infomaximum/custom-widget";
+import manifest from "../manifest.json";
+
+interface Settings extends IBaseWidgetSettings {}
+
+class CustomWidget implements IWidget<Settings> {
+  root: ReactDOM.Root | null = null;
+
+  public initialize(container: HTMLElement) {
+    this.root = ReactDOM.createRoot(container);
+  }
+
+  public update(container: HTMLElement, props: ICustomWidgetProps<Settings>) {
+    this.render(props);
+  }
+
+  public mount(container: HTMLElement, props: ICustomWidgetProps<Settings>) {
+    this.render(props);
+  }
+
+  public unmount() {
+    this.root?.unmount();
+
+    this.root = null;
+  }
+
+  public render(props: ICustomWidgetProps<Settings>) {
+    this.root?.render(
+      <React.StrictMode>
+        <div>Custom Component</div>
+      </React.StrictMode>
+    );
+  }
+
+  public static createPanelDescription(): IPanelDescription<Settings> {
+    return {
+      displayRecords: [],
+    };
+  }
+
+  public static fillSettings() {}
+
+  public static getDimensions() {
+    return [];
+  }
+}
+
+window.im.defineWidget(manifest.uuid, CustomWidget);
+`;

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

@@ -0,0 +1,11 @@
+export const WIDGET_INDEX_CSS_TEMPLATE = `\
+body {
+    margin: 0;
+    overflow: hidden;
+    font-family: -apple-system, BlinkMacSystemFont, "Montserrat Segoe UI",
+      "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
+      "Helvetica Neue", sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+`;

package/dist/templates/widget/widgetConfigs.js

@@ -0,0 +1,98 @@
+export const WIDGET_TSCONFIG_JSON = `\
+{
+    "compilerOptions": {
+      "baseUrl": "./src",
+      "target": "ES2015",
+      "lib": ["dom", "dom.iterable", "esnext"],
+      "allowJs": true,
+      "skipLibCheck": true,
+      "esModuleInterop": true,
+      "allowSyntheticDefaultImports": true,
+      "strict": true,
+      "forceConsistentCasingInFileNames": true,
+      "noFallthroughCasesInSwitch": true,
+      "module": "esnext",
+      "moduleResolution": "node",
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "verbatimModuleSyntax": true,
+      "noEmit": true,
+      "jsx": "react-jsx"
+    },
+    "include": ["src"]
+  }
+`;
+export const WIDGET_BABEL_CONFIG = `\
+module.exports = {
+  presets: [
+    "@babel/preset-env",
+    ["@babel/preset-react", { runtime: "automatic" }],
+    "@babel/preset-typescript",
+  ],
+};
+`;
+export const WIDGET_GITIGNORE = `\
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+/build
+.ultra.cache.json
+*.tsbuildinfo
+`;
+export const WIDGET_ESLINTIGNORE = `\
+node_modules
+build
+`;
+export const WIDGET_ESLINTRC = `\
+{
+  "root": true,
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["@typescript-eslint", "react-hooks"],
+  "extends": [
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react-hooks/recommended"
+  ],
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "react/jsx-uses-react": "off", // React 17+
+    "react/react-in-jsx-scope": "off", // React 17+
+    "react/prop-types": "off",
+    "react/no-unknown-property": ["error", { "ignore": ["css"] }],
+    "@typescript-eslint/no-explicit-any": "off"
+  }
+}
+`;
+export const WIDGET_JEST_CONFIG = `\
+/**
+ * @type {import("jest").Config}
+ */
+module.exports = {
+  setupFilesAfterEnv: ["jest-canvas-mock"],
+  testEnvironment: "jest-environment-jsdom-global",
+  moduleDirectories: ["node_modules", "src"],
+};
+`;

package/dist/templates/widget/widgetManifest.js

@@ -0,0 +1,19 @@
+import { randomUUID } from "node:crypto";
+import { capitalizeHelperName } from "../../scripts/widget/init/helpers.js";
+export const WIDGET_MANIFEST_TEMPLATE = `\
+{
+    "uuid": "${randomUUID()}",
+    "entry": "index.js",
+    "api_version": 1,
+    "name": {
+      "en": "{{${capitalizeHelperName} packageName}}",
+      "ru": "{{${capitalizeHelperName} packageName}}"
+    },
+    "default_size_percentage": {
+      "width": 60,
+      "height": 20,
+      "min_width": 8,
+      "min_height": 4
+    }
+  }
+`;

package/dist/templates/widget/widgetPackageJson.js

@@ -0,0 +1,43 @@
+export const WIDGET_PACKAGE_JSON_TEMPLATE = `\
+{
+    "name": "template_widget",
+    "version": "1.0.0",
+    "private": true,
+    "main": "src/index.tsx",
+    "scripts": {
+      "build": "im-package-cli widget build --entry ./src/index.tsx",
+      "start": "im-package-cli widget start --entry ./src/index.tsx",
+      "lint": "tsc --noEmit && eslint src/ --ext .ts,.tsx --quiet",
+      "test": "jest --passWithNoTests"
+    },
+    "dependencies": {
+      "react": "18.2.0",
+      "react-dom": "18.2.0",
+      "@infomaximum/custom-widget": "^{{customWidgetVersion}}"
+    },
+    "devDependencies": {
+      "@babel/core": "7.23.3",
+      "@babel/preset-env": "7.23.3",
+      "@babel/preset-react": "7.23.3",
+      "@babel/preset-typescript": "7.23.3",
+      "@infomaximum/package-cli": "^{{packageCliVersion}}",
+      "@types/jest": "29.5.10",
+      "@types/react": "18.2.39",
+      "@types/react-dom": "18.2.17",
+      "@typescript-eslint/eslint-plugin": "6.13.0",
+      "@typescript-eslint/parser": "6.13.0",
+      "eslint": "8.54.0",
+      "eslint-plugin-react": "7.33.2",
+      "eslint-plugin-react-hooks": "4.6.0",
+      "jest": "29.7.0",
+      "jest-canvas-mock": "2.5.2",
+      "jest-environment-jsdom": "29.7.0",
+      "jest-environment-jsdom-global": "4.0.0",
+      "prettier": "3.1.0",
+      "typescript": "~5.3.2"
+    },
+    "browserslist": [
+      "defaults and supports es6-module"
+    ]
+  }
+`;

package/dist/utils.js

@@ -0,0 +1,48 @@
+import { __awaiter } from "tslib";
+import fs from "node:fs/promises";
+import path from "node:path";
+import https from "node:https";
+import { spawn } from "node:child_process";
+export function capitalizeFirstLetter(str = "") {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+export function writeFile(pathToFile, contents, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        yield fs.mkdir(path.dirname(pathToFile), { recursive: true });
+        yield fs.writeFile(pathToFile, contents, options);
+    });
+}
+export function getLatestVersionOfLibrary(libraryName) {
+    return new Promise((resolve, reject) => {
+        https
+            .get(`https://registry.npmjs.org/-/package/${libraryName}/dist-tags`, (res) => {
+            if (res.statusCode === 200) {
+                let body = "";
+                res.on("data", (data) => (body += data));
+                res.on("end", () => {
+                    resolve(JSON.parse(body).latest);
+                });
+            }
+            else {
+                reject();
+            }
+        })
+            .on("error", () => {
+            reject();
+        });
+    });
+}
+export function spawnCommand(command, options) {
+    const didSucceed = (code) => `${code}` === "0";
+    return new Promise((resolve, reject) => {
+        const childProcess = spawn(command, Object.assign({ shell: true, stdio: "inherit" }, options));
+        childProcess.on("close", (code) => {
+            if (didSucceed(code)) {
+                resolve();
+            }
+            else {
+                reject(code);
+            }
+        });
+    });
+}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@infomaximum/package-cli",
-  "version": "1.3.0",
-  "main": "dist/bin/cli.js",
+  "version": "1.4.0-rc",
+  "exports": "./dist/index.js",
+  "type": "module",
   "license": "Apache-2.0",
   "bin": {
-    "im-package-cli": "dist/bin/cli.js"
+    "im-package-cli": "dist/index.js"
   },
   "files": [
     "dist/",
@@ -35,6 +36,7 @@
     "css-loader": "^6.8.1",
     "css-minimizer-webpack-plugin": "^5.0.1",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
+    "node-plop": "^0.32.0",
     "less": "^4.2.0",
     "less-loader": "^11.1.3",
     "postcss": "^8.4.31",
@@ -55,7 +57,15 @@
   "devDependencies": {
     "prettier": "^3.1.0",
     "rimraf": "^5.0.5",
-    "typescript": "^5.3.2"
+    "typescript": "~5.3.2"
+  },
+  "resolutions": {
+    "wrap-ansi": "7.0.0",
+    "string-width": "4.1.0",
+    "strip-ansi": "6.0.0"
+  },
+  "engines": {
+    "node": ">=16"
   },
   "repository": {
     "type": "git",

package/dist/bin/cli.js

@@ -1,10 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var commander_1 = tslib_1.__importDefault(require("commander"));
-var arguments_1 = require("../lib/arguments");
-var cli = new commander_1.default.Command();
-process.title = "im-package-cli";
-(0, arguments_1.registerCommands)(cli);
-cli.parse(process.argv);

package/dist/lib/arguments.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerCommands = void 0;
-var tslib_1 = require("tslib");
-var package_json_1 = tslib_1.__importDefault(require("../package.json"));
-var build_1 = require("./scripts/build");
-var start_1 = require("./scripts/start");
-var registerCommands = function (cli) {
-    cli.helpOption("-h", "Отображает помощь по командам");
-    cli.name("im-package-cli");
-    cli.version(package_json_1.default.version, "-v, --version", "Текущая версия библиотеки");
-    var widgetCommand = cli.command("widget");
-    var widgetBuildCommand = widgetCommand.command("build");
-    widgetBuildCommand
-        .option("-e, --entry <path>", "Путь до entrypoint")
-        .description("Запускает сборку проекта")
-        .action(function (options) { return (0, build_1.runBuild)(options); });
-    var widgetStartCommand = widgetCommand.command("start");
-    widgetStartCommand
-        .description("Запускает проект в dev режиме")
-        .option("-e, --entry <path>", "Путь до entrypoint")
-        .option("-p, --port <port>", "Порт на котором будет доступен виджет", "5555")
-        .option("--host <host>", "host на котором будет доступен виджет", "0.0.0.0")
-        .action(function (options) { return (0, start_1.runDevServer)(options); });
-};
-exports.registerCommands = registerCommands;

package/dist/lib/configs/webpack/buildPa/321/201kage.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPackageConfig = void 0;
-var tslib_1 = require("tslib");
-var zip_webpack_plugin_1 = tslib_1.__importDefault(require("zip-webpack-plugin"));
-var copy_webpack_plugin_1 = tslib_1.__importDefault(require("copy-webpack-plugin"));
-var common_1 = require("./common");
-var path_1 = tslib_1.__importDefault(require("path"));
-var json_modify_webpack_plugin_1 = require("@infomaximum/json-modify-webpack-plugin");
-var packageFilename = "main.js";
-var getPackageConfig = function (mode, PATHS) {
-    var widgetVersion = require(PATHS.appPackageJson).version;
-    var manifestPackageName = require(PATHS.packageManifest).name;
-    return {
-        mode: mode,
-        name: "package",
-        entry: [
-            PATHS.packageManifest,
-            path_1.default.resolve(PATHS.appBuild, "".concat(common_1.widgetArchiveName, ".").concat(common_1.archiveExt)),
-        ],
-        output: {
-            path: PATHS.appBuild,
-            filename: packageFilename,
-            clean: true,
-        },
-        module: {
-            rules: [
-                {
-                    test: /manifest.json$/i,
-                    type: "asset/resource",
-                    generator: {
-                        filename: "manifest[ext]",
-                    },
-                },
-                {
-                    test: new RegExp(".".concat(common_1.archiveExt, "$"), "i"),
-                    type: "asset/resource",
-                    generator: {
-                        filename: "[name][ext]",
-                    },
-                },
-            ],
-        },
-        plugins: [
-            new copy_webpack_plugin_1.default({
-                patterns: [{ from: PATHS.packagePath }],
-            }),
-            new zip_webpack_plugin_1.default({
-                filename: "".concat(manifestPackageName, "_").concat(widgetVersion),
-                extension: common_1.archiveExt,
-                exclude: [packageFilename],
-            }),
-            new json_modify_webpack_plugin_1.JsonModifyWebpackPlugin({
-                matchers: [
-                    {
-                        matcher: /^manifest.json$/,
-                        action: function (currentJsonContent) {
-                            currentJsonContent.version = widgetVersion;
-                            return currentJsonContent;
-                        },
-                    },
-                ],
-            }),
-        ],
-        dependencies: [common_1.buildWidgetConfigName],
-    };
-};
-exports.getPackageConfig = getPackageConfig;

package/dist/lib/configs/webpack/devServer.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDevServerConfig = void 0;
-var getDevServerConfig = function (_a) {
-    var host = _a.host, port = _a.port;
-    return {
-        open: false,
-        hot: true,
-        port: port,
-        host: host,
-        headers: {
-            "Access-Control-Allow-Origin": "*",
-        },
-        devMiddleware: {
-            writeToDisk: false,
-        },
-    };
-};
-exports.getDevServerConfig = getDevServerConfig;

package/dist/lib/paths.js

@@ -1,77 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateIndexPath = exports.MODE = exports.generatePaths = void 0;
-var tslib_1 = require("tslib");
-var fs_1 = tslib_1.__importDefault(require("fs"));
-var path_1 = tslib_1.__importDefault(require("path"));
-var appDirectory = fs_1.default.realpathSync(process.cwd());
-var resolveApp = function (relativePath) {
-    return path_1.default.resolve(appDirectory, relativePath);
-};
-var moduleFileExtensions = [
-    "web.mjs",
-    "mjs",
-    "web.js",
-    "js",
-    "web.ts",
-    "ts",
-    "web.tsx",
-    "tsx",
-    "json",
-    "web.jsx",
-    "jsx",
-    "module.ts",
-    "module.tsx",
-];
-var resolveModule = function (resolveFn, filePath) {
-    var extension = moduleFileExtensions.find(function (extension) {
-        return fs_1.default.existsSync(resolveFn("".concat(filePath, ".").concat(extension)));
-    });
-    if (extension) {
-        return resolveFn("".concat(filePath, ".").concat(extension));
-    }
-    return resolveFn("".concat(filePath, ".js"));
-};
-var generatePaths = function (args) {
-    var packagePath = resolveApp("package");
-    return {
-        appPath: resolveApp("."),
-        appBuild: resolveApp("build"),
-        moduleIndex: (0, exports.generateIndexPath)(args.entryPath),
-        appPackageJson: resolveApp("package.json"),
-        manifestJson: resolveApp("manifest.json"),
-        packagePath: packagePath,
-        packageManifest: resolveApp(path_1.default.resolve(packagePath, "manifest.json")),
-        appTsConfig: resolveApp("tsconfig.json"),
-        appNodeModules: resolveApp("node_modules"),
-        publicPath: "/",
-    };
-};
-exports.generatePaths = generatePaths;
-exports.MODE = {
-    DEV: "development",
-    PROD: "production",
-};
-var generateIndexPath = function (entryPath) {
-    var _a;
-    var indexSrcPath = resolveModule(resolveApp, "src/index");
-    if (entryPath && fs_1.default.existsSync(entryPath)) {
-        return entryPath;
-    }
-    try {
-        var mainIndexPath = path_1.default.resolve(process.cwd(), (_a = require(resolveApp("package.json"))) === null || _a === void 0 ? void 0 : _a.main);
-        if (mainIndexPath && fs_1.default.existsSync(mainIndexPath)) {
-            return mainIndexPath;
-        }
-    }
-    catch (error) {
-        console.error("Не найдена секция main в package.json");
-        process.exit(1);
-    }
-    if (fs_1.default.existsSync(indexSrcPath)) {
-        return indexSrcPath;
-    }
-    console.error("Не найден входной файл");
-    process.exit(1);
-};
-exports.generateIndexPath = generateIndexPath;

package/dist/lib/scripts/build.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runBuild = void 0;
-var tslib_1 = require("tslib");
-var webpack_1 = tslib_1.__importDefault(require("webpack"));
-var paths_1 = require("../paths");
-var common_1 = require("../configs/webpack/common");
-var buildPa_kage_1 = require("../configs/webpack/buildPa\u0441kage");
-var runBuild = function (args) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
-    var mode, PATHS, configList;
-    return tslib_1.__generator(this, function (_a) {
-        mode = "production";
-        PATHS = (0, paths_1.generatePaths)({
-            entryPath: args.entry,
-        });
-        configList = [
-            (0, common_1.getCommonWidgetConfig)(mode, PATHS),
-            (0, buildPa_kage_1.getPackageConfig)(mode, PATHS),
-        ];
-        try {
-            build(configList);
-        }
-        catch (error) {
-            console.error("Failed to compile.\n");
-            console.error(error);
-            process.exit(1);
-        }
-        return [2];
-    });
-}); };
-exports.runBuild = runBuild;
-function build(config) {
-    var compiler = (0, webpack_1.default)(config);
-    return compiler.run(function (err, stats) {
-        if (err) {
-            console.error(err.stack || err);
-            if (err === null || err === void 0 ? void 0 : err.details) {
-                console.error(err.details);
-            }
-            return;
-        }
-        stats &&
-            console.log(stats === null || stats === void 0 ? void 0 : stats.toString({
-                chunks: false,
-                colors: true,
-            }));
-    });
-}