@dxtmisha/scripts 0.11.8 → 1.0.0

package/CHANGELOG.md

@@ -2,6 +2,63 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.0] - 2026-08-30
+
+### Added
+- **`DesignTypes` Pipeline & Concurrency**:
+  - Added `aiTypesConcurrency` configuration option in `DesignUiConfig` (defaulting to `3`) to control parallel execution during AI type generation.
+  - Added `DesignTypesMakeFile.getListCache()` to read cached `.d.ts` definitions directly from `UI_DIR_AI_TYPES_LIST` without triggering compilation.
+  - Added `DesignTypesMcp.is()` check to prevent regenerating MCP server resource files when they already exist during `dxt-types-save`.
+  - Updated `ai-memory.md` prompt guidelines in templates and storybooks to prohibit modifying existing rules, restricting memory updates to duplicate removal and direct conflict resolution.
+  - Enhanced package root and path resolution in `DesignTypesBuild`.
+  - Modularized `DesignTypes` pipeline into abstract base classes (`DesignTypesPromptsAbstract`) and dedicated template modules (`DesignTypesPromptTemplates`).
+  - Added `.local` configuration file discovery and merging in `PropertiesConfig`, giving priority to local settings.
+  - Refactored configuration loading into static `PropertiesConfig.loadConfig()`.
+  - Added repository root scanning as an auxiliary library in `LibraryAiPrompt`.
+  - Updated `LibraryAiPromptItem.getPathString()` to handle optional subpaths cleanly.
+- **CLI & Scaffolding**:
+  - Added centralized CLI argument parsing across executable scripts in `bin/`.
+  - Added dedicated `vite.config.ts` for scripts library building.
+- **Template System Modernization**:
+  - Migrated template file loading to static raw Vite imports (`?raw`).
+  - Standardized in-memory template loading and AI prompt structures.
+- **Tests & Documentation**:
+  - Added comprehensive unit test suites for `Styles`, composables, utility functions, and classes.
+  - Completed bilingual JSDoc annotations across all exports.
+
+### Changed
+- **CLI Execution**: Migrated executable scripts in `packages/scripts/bin` from TypeScript (`.ts`) execution to compiled JavaScript.
+- **Dependencies & Exports**: Updated package metadata, broadened peer dependencies, and updated export paths.
+
+### Removed
+- **Legacy Subsystems**:
+  - Removed obsolete `AiDoc` subsystem and legacy `ai-doc.md` generators.
+  - Removed deprecated `ComponentWiki` AI generator and related wiki templates.
+  - Removed obsolete `BuildFunctional` / `dxt-build-functional` binary script.
+  - Removed legacy `getDirname` and `hasNativeDirname` helper functions.
+
+## [0.12.0] - 2026-08-21
+
+### Added
+- **`LibraryAiMcp` Generator**:
+  - Added new `LibraryAiMcp` class (`src/classes/Library/LibraryAiMcp.ts`) that transforms aggregated MCP JSON resources (`ai-mcp-all-resources.json`) and system prompt (`ai-prompt.md`) into a fully typed TypeScript resource module (`ai-mcp-all-resources.ts`).
+  - Automatically generates dynamic import `handler` callbacks (`async () => (await import(...))?.default`) with `?raw` support for markdown, text, HTML, and CSS assets, enabling lazy, on-demand resource loading for `@dxtmisha/mcp`.
+  - Groups resources into package-level constants (`mcpConstructorResources`, `mcpD1Resources`, etc.), a grouped record map (`mcpPackageResources`), and an aggregated export (`mcpAllResources`, `export default mcpAllResources`).
+  - Added comprehensive unit test suite in `src/classes/Library/__tests__/LibraryAiMcp.test.ts`.
+- **Constants & Exports**:
+  - Added `UI_FILE_AI_MCP_ALL_TS` (`'ai-mcp-all-resources.ts'`) in `src/config.ts`.
+  - Exported `LibraryAiMcp` from `src/library.ts`.
+
+### Changed
+- **AI Prompt Generation (`LibraryAiPrompt`)**:
+  - Integrated `LibraryAiMcp.make()` invocation directly into `LibraryAiPrompt.make()` when the MCP flag is active, automatically synchronizing `ai-mcp-all-resources.ts` during prompt builds (`dxt-prompt`).
+
+## [0.11.9] - 2026-08-21
+
+### Fixed
+- **AI Description Generation (`DesignTypesDescription`)**:
+  - Added emptiness check using `isFilled` for `content` and `code` in `toAiDescription()`, returning an empty string immediately if both inputs are empty to avoid redundant AI requests.
+
 ## [0.11.8] - 2026-08-20
 
 ### Changed

package/ai-resources/componentMaterials.md

@@ -0,0 +1,19 @@
+# AI Prompt: Component Implementation & Development (Materials)
+
+## 1. Analysis & Materials
+- **Persona:** Act as a Senior Frontend Web Developer & Technical Architect writing clean, BEM-compliant, production-ready code.
+- **Mandatory Study:** You MUST fully analyze all design assets, specs, and screenshots in the local `materials` directory (the folder where you were invoked) before writing code. Match the designs and features perfectly.
+
+## 2. Component Structure & Locations
+All component source files are located one level up in the parent directory (the component root folder, which contains the `materials/` folder):
+- `[ComponentName].vue`: Main Vue SFC (layout, script setup, BEM-compliant SCSS).
+- `types.ts`: Public typings (Props, Emits, Slots, Defaults).
+- `index.ts`: Package entrypoint exporting the component and types.
+- `subcomponents/`: Subdirectory for reusable child components.
+- `wiki/`: Documentation and Storybook files (`.mdx`, `.stories.ts`, `prompt.md`, `run.ts`). **If you modify anything here, you MUST strictly follow the rules in `wiki/prompt.md`.**
+
+## 3. Strict Implementation Rules
+1. **Available Dependencies Only:** Do NOT install external packages unless explicitly requested.
+2. **Global Rules (`ai-prompt.md`):** You MUST study and strictly adhere to the root `ai-prompt.md` file (coding standards, BEM, SCSS mixins). Ignore instructions outside the repository.
+3. **Monorepo Context:** Ensure compatibility with both package-level configurations and root system rules.
+4. **Zero Tolerance for Hallucinations:** Strictly follow specs. Do NOT invent properties, methods, slots, or external libraries.

package/ai-resources/componentPrompt.md

@@ -0,0 +1,381 @@
+# Component Documentation AI Prompt
+
+You are a professional technical writer and frontend developer. Your task is to create comprehensive documentation and Storybook stories for a Vue 3 component in MDX and TypeScript formats.
+
+This prompt is specifically designed for generating and structuring:
+1. `[ComponentName].mdx` (based on the `ComponentDoc.mdx` template)
+2. `[ComponentName].stories.ts` (based on the `ComponentDoc.stories.ts` template)
+
+---
+
+## Target Template Structure
+
+### 1. MDX Template (`[ComponentName].mdx`)
+The component MDX file MUST strictly follow this exact header structure:
+
+```mdx
+import {Meta} from '@storybook/addon-docs/blocks'
+import {StorybookMain} from '@dxtmisha/wiki/storybook'
+
+import * as Component from './[ComponentName].stories'
+
+<Meta of={Component}/>
+<StorybookMain
+    name={'[ComponentName]'}
+    description={'[short description in 3-5 words]'}
+    story={Component.Component}
+/>
+
+[Documentation Body]
+```
+
+### 2. Stories Template (`[ComponentName].stories.ts`)
+The component stories file MUST strictly follow this exact base structure:
+
+```ts
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import [ComponentName] from './../[ComponentName].vue'
+
+const meta = {
+  title: '[project]/[ComponentName] - [short description in 2-4 words in target language]',
+  component: [ComponentName]
+} satisfies Meta<typeof [ComponentName]>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Component: Story = {
+  render: args => ({
+    components: { [ComponentName] },
+    setup() {
+      return { args }
+    },
+    template: `<div>
+      <[ComponentName] v-bind="args" />
+    </div>`
+  })
+}
+```
+
+---
+
+## Documentation Body Structure (`[Documentation Body]`)
+
+Follow this exact logical sequence in the body of `[ComponentName].mdx`:
+
+### 1. Description
+- Start directly with explanatory text (NO markdown heading `## Description` or `## Описание`).
+- Provide a clear, cohesive paragraph explaining the purpose of the component, its core functionality, and key advantages.
+
+### 2. Key Features
+- Title: `**Key Features:**` on a separate line as bold text (NOT a markdown heading `##`).
+- Format: Bulleted list with concise, capitalized sentences describing key capabilities.
+```md
+**Key Features:**
+
+- Integration with Window, Bars, and List primitives
+- Keyboard navigation through menu items
+- Dynamic data loading and state synchronization
+```
+
+### 3. Typical Use Cases
+- Title: `**Typical Use Cases:**` on a separate line as bold text (NOT a markdown heading `##`).
+- Format: Bulleted list of practical scenarios and use cases.
+```md
+**Typical Use Cases:**
+
+- Dropdown navigation menus
+- Context menus triggered on right-click
+- Action menus for data tables
+```
+
+### 4. Basic Usage
+- Provide a clear, minimal Vue 3 Composition API `<script setup>` code example.
+- All code examples in MDX MUST be wrapped in the `<Source />` component from `@storybook/addon-docs/blocks`:
+```md
+<Source
+  code={`
+<script setup>
+import { ref } from 'vue'
+
+const value = ref('')
+</script>
+
+<template>
+  <Component v-model="value" />
+</template>
+`}
+  language="html"
+/>
+```
+
+### 5. Logical Property Groups (Props)
+- Do NOT create one giant flat list of all properties. Group related props by feature/topic (e.g., "Navigation", "Asynchronous Loading", "State Management", "Visual Styling").
+- For each group:
+  - Heading: `## [Feature / Topic Name]`
+  - Text description explaining the interaction of these properties and the problem they solve.
+  - Property list: `- propName — description`
+  - Code example wrapped in `<Source code={\`...\`} language="html" />` demonstrating these properties working together.
+
+### 6. Data Types (Optional)
+- Heading: `## Data Types`
+- Detail custom interfaces or data contracts if they are essential to understanding the component's data model.
+
+### 7. Events
+- Heading: `## Events`
+- For each event:
+  - Subheading: `### \`eventName\`` (name wrapped in backticks).
+  - Paragraph describing when the event triggers.
+  - **Parameters:**
+    - Title: `**Parameters:**`
+    - List: `- \`paramName: ParamType\` — parameter description.`
+  - **Structure of Custom Types (if applicable):**
+    - Title: `**[TypeName] Structure:**`
+    - List: `- \`fieldName: FieldType\` — field description.`
+  - Code example wrapped in `<Source />` if the event handling logic is non-trivial.
+
+### 8. Expose (Methods & Reactive Properties)
+- Heading: `## Expose`
+- Present public methods and reactive references exposed by `defineExpose`:
+  - Methods: `- \`methodName(param: Type): ReturnType\` — description.`
+  - Reactive variables (Refs/Computed): `- \`propertyName: PropertyType\` — description.`
+
+### 9. Slots
+- Heading: `## Slots`
+- Present slots in clean signature format:
+  - Scoped slots: `- \`slotName(props: PropType): VNode\` — description.`
+  - Regular slots: `- \`slotName: VNode\` — description.`
+
+---
+
+## Storybook Layout Helpers (`.wiki-storybook-*`)
+
+When writing Storybook stories (`*.stories.ts`) and MDX code examples, you MUST use the predefined layout helper classes from `@dxtmisha/wiki/styles/storybookStyle.scss`. Do not invent custom CSS classes or raw inline styles:
+
+### 1. Containers & Layouts
+- `.wiki-storybook-container` — enables container queries (`container-type: inline-size`).
+- `.wiki-storybook-group` — 12-column CSS Grid layout (`grid-template-columns: repeat(12, 1fr)`) with standard `8px` gap.
+  - Modifiers: `&--gapX2` (`16px`), `&--gapX3` (`24px`), `&--gapX4` (`32px`).
+- `.wiki-storybook-flex` — flexbox wrapper (`display: flex; flex-wrap: wrap; gap: 8px;`).
+- `.wiki-storybook-flex-align-center` — horizontal flex wrapper with centered vertical alignment (`align-items: center; gap: 8px;`).
+- `.wiki-storybook-flex-center` — perfectly centered flex layout (`align-items: center; justify-content: center; gap: 8px;`).
+- `.wiki-storybook-flex-column` — vertical column layout (`display: flex; flex-direction: column; gap: 16px;`).
+- `.wiki-storybook-decreased` — constrains showcase block width to `72%`.
+- `.wiki-storybook-decreasedX2` — responsive width reduction (`64%` at `md`, `48%` at `lg`).
+
+### 2. Showcase Items (`.wiki-storybook-item`)
+Used to display components inside a unified visual frame (aspect-ratio `1/1` by default, border, rounded corners, hidden overflow):
+- `.wiki-storybook-item__label` — small floaty label at top-left corner (`font-size: 12px`, translucent background) for labeling variations.
+  - `&--static` — static flow inside the block without absolute positioning.
+- `&--padding` — adds standard `16px` padding.
+- `&--paddingX2` — adds double standard `32px` padding.
+- `&--rectangle` — `16:9` aspect ratio, spans 12 grid columns.
+- `&--widescreen` — `32:9` aspect ratio, spans 12 grid columns.
+- `&--compact` — `64:9` aspect ratio, spans 12 grid columns.
+- `&--auto` — `auto` aspect ratio, spans 12 grid columns.
+- `&--squared--xs`, `&--squared--sm`, `&--squared--md`, `&--squared--lg`, `&--squared--max` — responsive grid item spans across mobile, tablet, and desktop.
+- `&--center` — centers internal elements with flexbox.
+- `&--widthAuto` — sets width to `auto`.
+- `&--overflowVisible` — sets `overflow: visible` (essential for dropdowns, popups, and menus).
+- `&--overflowAuto` — sets `overflow: auto`.
+- `&--borderNone` — removes default border.
+- `&--rtl` — applies Right-to-Left (RTL) direction.
+
+### 3. Mock Components & Placeholders
+- `.wiki-storybook-card` — mock card (`320px` width, border, rounded `12px`):
+  - `.wiki-storybook-card__image` — cover image placeholder (`128px` height).
+  - `.wiki-storybook-card__content` — vertical column with `16px` padding and `16px` gap.
+  - `.wiki-storybook-card__label` — title (`20px` font size).
+  - `.wiki-storybook-card__information` — muted text (`14px` font size).
+  - `.wiki-storybook-card__actions` — actions row (`8px` gap).
+- `.wiki-storybook-button` — standard story trigger button.
+  - Modifiers: `&--success` (green), `&--error` (red), `&--warning` (yellow), `&--info` (blue).
+- `.wiki-storybook-input` — standard story text input field (`width: 100%; max-width: 320px`, padding `8px`, rounded `8px`, focus outline).
+- `.wiki-storybook-dummy` — placeholder box (`32px` height, translucent grey).
+  - Colors: `&--color--blue`, `&--color--red`, `&--color--green`.
+  - Sizes: `&--size--sm` (`64px`), `&--size--md` (`128px`), `&--size--lg` (`256px`).
+
+---
+
+## General Generation Rules
+
+1. **Exact File Structure**:
+   - `[ComponentName].mdx` must begin with the `<Meta of={Component}/>` and `<StorybookMain ... />` blocks matching `ComponentDoc.mdx`.
+   - `[ComponentName].stories.ts` must export `meta` and story objects matching `ComponentDoc.stories.ts`.
+2. **Storybook Meta Title**:
+   - `[ComponentName].stories.ts` must define `meta.title` with an appended short description of 2-4 words in the target language: `title: '[project]/[ComponentName] - [short description in 2-4 words]'`.
+3. **Clean Typography**:
+   - Do NOT use markdown tables or horizontal rules (`---` or `***`).
+   - Structure all information using headings (`##`, `###`), bold section titles (`**Title:**`), bulleted lists, and `<Source />` code blocks.
+4. **Purity and Precision**:
+   - Zero hallucinations: describe ONLY properties, methods, slots, and events that actually exist in the component code and types.
+   - All text and headings must be in the requested target language.
+5. **Copy-Paste Ready**:
+   - Output complete, production-ready code with valid imports.
+
+---
+
+## Full Example
+
+### `Menu.stories.ts` Example
+```ts
+import type { Meta, StoryObj } from '@storybook/vue3-vite'
+
+import Menu from './../Menu.vue'
+
+const meta = {
+  title: 'Ui/Menu - Dropdown navigation and context menus',
+  component: Menu
+} satisfies Meta<typeof Menu>
+
+export default meta
+
+type Story = StoryObj<typeof meta>
+
+export const Component: Story = {
+  render: args => ({
+    components: { Menu },
+    setup() {
+      return { args }
+    },
+    template: `<div>
+      <Menu v-bind="args">
+        <template #control="{ onclick }">
+          <button class="wiki-storybook-button" @click="onclick">Open Menu</button>
+        </template>
+      </Menu>
+    </div>`
+  })
+}
+```
+
+### `Menu.mdx` Example
+```mdx
+import {Meta} from '@storybook/addon-docs/blocks'
+import {StorybookMain} from '@dxtmisha/wiki/storybook'
+
+import * as Component from './Menu.stories'
+
+<Meta of={Component}/>
+<StorybookMain
+    name={'Menu'}
+    description={'Dropdown navigation and context menus'}
+    story={Component.Component}
+/>
+
+Component for creating popup menus, dropdown lists, and context menus with support for keyboard navigation, nested structures, and actions.
+
+Menu combines the functionality of Window (positioning and visibility management), Bars (action panel), and List (displaying items and submenus). The component provides full control over the open/close state, search filtering, and item selection.
+
+**Key Features:**
+
+- Integration of Window, Bars, and List primitives
+- Full keyboard navigation through menu items
+- Nested submenus with unlimited depth
+- Lite mode for optimizing rendering of large lists
+- Dynamic search and item filtering
+- Flexible positioning relative to anchor triggers
+
+**Typical Use Cases:**
+
+- Dropdown navigation menus
+- Right-click context menus
+- Table row action menus
+- Selectors with integrated search
+
+<Source
+  code={`
+<script setup>
+import { ref } from 'vue'
+
+const isOpen = ref(false)
+const menuItems = ref([
+  { label: 'Create', value: 'create' },
+  { label: 'Edit', value: 'edit' },
+  { label: 'Delete', value: 'delete' }
+])
+
+const handleClick = (value) => {
+  console.log('Selected:', value)
+  isOpen.value = false
+}
+</script>
+
+<template>
+  <Menu
+    v-model:open="isOpen"
+    :list="menuItems"
+    @click="handleClick"
+  >
+    <template #control="{ onclick }">
+      <button class="wiki-storybook-button" @click="onclick">Actions</button>
+    </template>
+  </Menu>
+</template>
+`}
+  language="html"
+/>
+
+## Navigation through Menu Items
+
+The `previous()` and `next()` methods allow programmatic navigation through menu items relative to the currently selected item and the `step` property.
+
+- `previous()` — moves selection to the previous item
+- `next()` — moves selection to the next item
+- `step` — number of items to step across (default: 1)
+
+<Source
+  code={`
+<script setup>
+import { ref } from 'vue'
+
+const menuRef = ref()
+const selected = ref('item1')
+</script>
+
+<template>
+  <button class="wiki-storybook-button" @click="menuRef?.previous()">Previous</button>
+  <button class="wiki-storybook-button" @click="menuRef?.next()">Next</button>
+
+  <Menu
+    ref="menuRef"
+    v-model:selected="selected"
+    :list="[
+      { label: 'Item 1', value: 'item1' },
+      { label: 'Item 2', value: 'item2' }
+    ]"
+  />
+</template>
+`}
+  language="html"
+/>
+
+## Events
+
+### `click`
+
+Event fires when clicking on a menu item, returning the event payload and selected item data.
+
+**Parameters:**
+- `event: MouseEvent` — original DOM mouse event
+- `value: EventClickValue` — object with item value and metadata
+
+**EventClickValue Structure:**
+- `type: string` — click target type identifier
+- `value: any` — selected item value
+- `detail: Record<string, any> | undefined` — additional event details
+
+## Expose
+
+- `previous(): void` — Moves the selection to the previous menu item.
+- `next(): void` — Moves the selection to the next menu item.
+
+## Slots
+
+- `control(props: MenuControlItem): VNode` — Slot for placing the menu trigger element.
+- `title(props: MenuControlItem): VNode` — Slot for custom window title content.
+- `footer(props: MenuControlItem): VNode` — Slot for bottom action buttons or extra information.
+- `default: VNode` — Main slot for custom body items.
+```

package/ai-resources/componentWiki.md

@@ -0,0 +1,13 @@
+# AI Prompt: Component Documentation & Development
+
+## 1. Analysis & Resources
+- **Component Files:** If not attached, find Vue SFC (`*.vue`), `types.ts`, and styles in the parent directory (the component root, one level up from the current `wiki/` folder). Analyze them fully to understand the interface.
+- **Master Templates:** You **MUST** read and strictly follow the formatting, rules, and styling classes in `node_modules/@dxtmisha/scripts/ai-resources/componentPrompt.md`.
+
+## 2. Output & Modifications
+- **Documentation (`.mdx`, `stories.ts`)** must be saved in the local `wiki/` directory (the folder where you were invoked).
+- **Component Source (`.vue`, `types.ts`)** must be saved in the parent directory (one level up).
+- **Storybook (`*.stories.ts`):** 
+  - Append a 2-4 word description to `meta.title` in the target language: `title: '[project]/[ComponentName] - [short description]'`.
+  - **STRICTLY FORBIDDEN:** Do not use `argTypes` in the configuration.
+- **IMPORTANT OVERRIDE:** Ignore any rules in `componentPrompt.md` about returning output in 5 text parts separated by "#########" or prohibitions on modifying files. You MUST directly modify and save the actual files in the workspace.

package/bin/arguments.ts

@@ -0,0 +1,168 @@
+import process from 'node:process'
+import { parseArgs } from 'node:util'
+
+/**
+ * CLI option specification for command argument parsing.
+ *
+ * Спецификация опции CLI для разбора аргументов команды.
+ */
+export interface CliOptionItem {
+  /** Option value type / Тип значения опции */
+  type: 'string' | 'boolean'
+
+  /** Short single-letter alias / Короткий однобуквенный алиас */
+  short?: string
+
+  /** Default value used when the option is omitted / Значение по умолчанию при отсутствии опции */
+  default?: string | boolean
+
+  /** Short option description shown in the help message / Краткое описание опции в сообщении справки */
+  description: string
+}
+
+/** Parsed CLI values record type / Тип записи разобранных значений CLI */
+type CliValues = Record<string, string | boolean | undefined>
+
+/**
+ * Parsed CLI option specification accepted by the Node.js parseArgs utility.
+ *
+ * Спецификация разобранной опции CLI, принимаемая утилитой parseArgs из Node.js.
+ */
+interface CliParsedOption {
+  /** Option value type / Тип значения опции */
+  type: 'string' | 'boolean'
+
+  /** Short single-letter alias / Короткий однобуквенный алиас */
+  short?: string
+
+  /** Default value used when the option is omitted / Значение по умолчанию при отсутствии опции */
+  default?: string | boolean
+}
+
+/**
+ * Parsed CLI arguments result returned from command argument parsing.
+ *
+ * Результат разбора аргументов CLI, возвращаемый при разборе аргументов команды.
+ */
+export interface CliParsedResults {
+  /** Parsed option values keyed by option name / Разобранные значения опций по имени опции */
+  values: CliValues
+}
+
+/**
+ * CLI option entry pairing the option name with its specification.
+ *
+ * Запись опции CLI, сопоставляющая имя опции с ее спецификацией.
+ */
+interface CliOptionEntry {
+  /** Option name / Имя опции */
+  name: string
+
+  /** Option specification / Спецификация опции */
+  option: CliOptionItem
+}
+
+/**
+ * Parses command line arguments with strict validation and handles the --help flag.
+ *
+ * Разбирает аргументы командной строки со строгой валидацией и обрабатывает флаг --help.
+ * @param description short command description shown in the help message / краткое описание команды в сообщении справки
+ * @param usage command usage line / строка использования команды
+ * @param options command options specification / спецификация опций команды
+ * @returns parsed option values and positional arguments / разобранные значения опций и позиционные аргументы
+ */
+export function parseCliArguments(
+  description: string,
+  usage: string,
+  options: Record<string, CliOptionItem> = {}
+): CliParsedResults {
+  const optionsParsed: Record<string, CliParsedOption> = {}
+
+  for (const [name, option] of Object.entries(options)) {
+    const optionParsed: CliParsedOption = {
+      type: option.type
+    }
+
+    if (option.short !== undefined) {
+      optionParsed.short = option.short
+    }
+
+    if (option.default !== undefined) {
+      optionParsed.default = option.default
+    }
+
+    optionsParsed[name] = optionParsed
+  }
+
+  optionsParsed.help = {
+    type: 'boolean',
+    short: 'h',
+    default: false
+  }
+
+  const { values } = parseArgs({
+    options: optionsParsed,
+    strict: true
+  })
+
+  if (values.help) {
+    console.log(toHelpMessage(description, usage, options))
+    process.exit(0)
+  }
+
+  return {
+    values: values as CliValues
+  }
+}
+
+/**
+ * Formats the help message with description, usage, and options list.
+ *
+ * Форматирует сообщение справки с описанием, использованием и списком опций.
+ * @param description short command description / краткое описание команды
+ * @param usage command usage line / строка использования команды
+ * @param options command options specification / спецификация опций команды
+ * @returns formatted help message / отформатированное сообщение справки
+ */
+function toHelpMessage(
+  description: string,
+  usage: string,
+  options: Record<string, CliOptionItem>
+): string {
+  const entries: CliOptionEntry[] = [
+    {
+      name: 'help',
+      option: {
+        type: 'boolean',
+        short: 'h',
+        description: 'Show this help message and exit'
+      }
+    },
+    ...Object.entries(options)
+      .map(
+        ([name, option]) => ({ name, option })
+      )
+  ]
+
+  const labels = entries.map(({ name, option }) => {
+    const short = option.short ? `-${option.short}, ` : '    '
+
+    return `${short}--${name}`
+  })
+  const labelWidth = Math.max(...labels.map(label => label.length)) + 2
+
+  const list = entries.map(({ option }, index) => {
+    const defaultValue = option.default !== undefined ? ` (default: ${String(option.default)})` : ''
+
+    return `${labels[index].padEnd(labelWidth)}${option.description}${defaultValue}`
+  })
+
+  return [
+    description,
+    '',
+    usage,
+    '',
+    'Options:',
+    ...list
+  ].join('\n')
+}

package/bin/build-packages.ts

@@ -1,7 +1,17 @@
 #!/usr/bin/env vite-node
 
-import { BuildPackages } from '../src/classes/Build/BuildPackages'
+import process from 'node:process'
+import { parseCliArguments } from './arguments'
+import { BuildPackages } from '../dist/library.js'
+
+parseCliArguments(
+  'Scans, sorts, and builds monorepo packages managing build order by priorities.',
+  'Usage: dxt-build-packages'
+)
 
 new BuildPackages()
   .make()
-  .then()
+  .catch((error) => {
+    console.error('dxt-build-packages failed:', error)
+    process.exit(1)
+  })

package/bin/build-publish-packages.ts

@@ -1,7 +1,17 @@
 #!/usr/bin/env vite-node
 
-import { BuildPublishPackages } from '../src/classes/Build/BuildPublishPackages'
+import process from 'node:process'
+import { parseCliArguments } from './arguments'
+import { BuildPublishPackages } from '../dist/library.js'
+
+parseCliArguments(
+  'Scans changed packages, compares versions with the npm registry, builds and publishes updates.',
+  'Usage: dxt-build-publish-packages'
+)
 
 new BuildPublishPackages()
   .make()
-  .then()
+  .catch((error) => {
+    console.error('dxt-build-publish-packages failed:', error)
+    process.exit(1)
+  })