feat: New package for pages endpoint + more components

.github/workflows/tests.yml

@@ -76,3 +76,19 @@ jobs:
 
       - name: Run typecheck tests
         run: yarn vitest run -c packages/v1-contexts/vitest.config.ts --typecheck.only --typecheck.checker tsc --typecheck.tsconfig packages/v1-contexts/tsconfig.json
+
+      - name: Install Playwright Chromium
+        if: ${{ matrix.node-version == '24.x' }}
+        run: yarn workspace @retailcrm/embed-ui-v1-endpoint exec playwright install --with-deps chromium
+
+      - name: Run v1-endpoint e2e tests
+        if: ${{ matrix.node-version == '24.x' }}
+        run: yarn workspace @retailcrm/embed-ui-v1-endpoint run test:e2e
+
+      - name: Upload v1-endpoint e2e screenshots
+        if: ${{ failure() && matrix.node-version == '24.x' }}
+        uses: actions/upload-artifact@v4
+        with:
+          name: v1-endpoint-playwright-screenshots-${{ matrix.node-version }}
+          path: packages/v1-endpoint/artifacts/playwright/screenshots
+          if-no-files-found: ignore

.gitignore

@@ -11,6 +11,7 @@ dist
 generated
 node_modules
 coverage
+packages/v1-endpoint/artifacts/
 
 .npmrc
 .pnp.cjs

AGENTS.md

@@ -93,27 +93,7 @@ yarn workspace @retailcrm/embed-ui-v1-components run storybook:build
 ```
 
 ## Commit Workflow
-- Commit format: Conventional Commits.
-- Commit message language: English.
-- Scope rule: use workspace folder name (not npm package name).
-- Valid workspace scopes currently are:
-  - `v1-components`
-  - `v1-contexts`
-  - `v1-testing`
-  - `v1-types`
-- For root/global changes, scope may be omitted.
-- Split commits by logical intent.
-- Keep commit subject concise and factual.
-- Start commit subject description with an uppercase letter.
-- Mention affected component(s) or area in subject description when applicable.
-- Commit subject should describe completed change in past tense.
-- Prefer passive voice for changelog-friendly phrasing.
-- Do not amend/rewrite history unless explicitly requested.
-
-Examples:
-- `feat(v1-components): UiSelect searchable option group header added`
-- `fix(v1-contexts): OrderContext missing customer id handling corrected`
-- `docs: AGENTS commit workflow section updated`
+- Before creating commits, you must read `skills/commit-workflow/SKILL.md` and follow its rules.
 
 ## Skills
 - Repository-local skills are available under `skills/`.

eslint.config.js

@@ -1,12 +1,18 @@
+import { defineConfig } from 'eslint/config'
+
 import globals from 'globals'
 
+import pluginDependencies from '@omnicajs/eslint-plugin-dependencies'
 import pluginJs from '@eslint/js'
 import pluginTs from 'typescript-eslint'
 import pluginVue from 'eslint-plugin-vue'
 
-export default [
+export default defineConfig([
   { files: ['**/*.{js,mjs,cjs,ts}'] },
   {
+    plugins: {
+      dependencies: pluginDependencies,
+    },
     languageOptions: {
       globals: {
         ymaps3: true,
@@ -63,6 +69,61 @@ export default [
         fixStyle: 'separate-type-imports',
       }],
       '@typescript-eslint/naming-convention': 'off',
+
+      'dependencies/import-style': ['error', {
+        maxSingleLineLength: 90,
+        maxSingleLineSpecifiers: 3,
+      }],
+      'dependencies/separate-type-imports': 'error',
+      'dependencies/separate-type-partitions': 'error',
+      'dependencies/sort-named-imports': ['error', {
+        type: 'alphabetical',
+        ignoreAlias: true,
+      }],
+      'dependencies/sort-imports': ['error', {
+        type: 'alphabetical',
+        imports: {
+          orderBy: 'alias',
+          splitDeclarations: true,
+        },
+        groups: [
+          'side-effect-style',
+          'side-effect',
+          [
+            'type-import',
+            'type-external',
+            'type-vue-components',
+            'type-internal',
+            'type-parent',
+            'type-sibling',
+            'type-index',
+          ],
+          'builtin',
+          'value-external',
+          'value-vue-components',
+          'value-internal',
+          ['value-parent', 'value-sibling'],
+          'index',
+          'ts-equals-import',
+          'unknown',
+        ],
+        customGroups: [{
+          groupName: 'type-vue-components',
+          selector: 'type',
+          elementNamePattern: ['\\.(svg|vue)$'],
+        }, {
+          groupName: 'value-vue-components',
+          elementNamePattern: ['\\.(svg|vue)$'],
+        }],
+        newlinesInside: 1,
+        partitions: {
+          orderBy: 'type-first',
+          splitBy: {
+            comments: false,
+            newlines: true,
+          },
+        },
+      }],
     },
   },
   pluginJs.configs.recommended,
@@ -111,4 +172,5 @@ export default [
   },
   { ignores: ['dist/*'] },
   { ignores: ['**/dist/*'] },
-]
+  { ignores: ['packages/**/generated/**'] },
+])

index.d.ts

@@ -1,13 +1,6 @@
-import type {
-  ComputedRef,
-  WritableComputedRef,
-} from 'vue'
+import type { ComputedRef, WritableComputedRef } from 'vue'
 
-import type {
-  Endpoint,
-  MessageEndpoint,
-  RemoteCallable,
-} from '@remote-ui/rpc'
+import type { Endpoint, MessageEndpoint, RemoteCallable } from '@remote-ui/rpc'
 
 import type {
   ContextAccessor,
@@ -26,12 +19,24 @@ import type {
 
 import type { Router } from '@omnicajs/symfony-router'
 
-import type { Schema as CustomerCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card'
-import type { Schema as CustomerCardPhoneSchema } from '@retailcrm/embed-ui-v1-contexts/types/customer/card-phone'
-import type { Schema as OrderCardSchema } from '@retailcrm/embed-ui-v1-contexts/types/order/card'
-import type { Schema as OrderCardSettingsSchema } from '@retailcrm/embed-ui-v1-contexts/types/order/card-settings'
-import type { Schema as CurrentUserSchema } from '@retailcrm/embed-ui-v1-contexts/types/user/current'
-import type { Schema as SettingsSchema } from '@retailcrm/embed-ui-v1-contexts/types/settings'
+import type {
+  Schema as CurrentUserSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/user/current'
+import type {
+  Schema as CustomerCardPhoneSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/customer/card-phone'
+import type {
+  Schema as CustomerCardSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/customer/card'
+import type {
+  Schema as OrderCardSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/order/card'
+import type {
+  Schema as OrderCardSettingsSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/order/card-settings'
+import type {
+  Schema as SettingsSchema,
+} from '@retailcrm/embed-ui-v1-contexts/types/settings'
 
 import type { SchemaList } from '@retailcrm/embed-ui-v1-contexts/types'
 

package.json

@@ -41,6 +41,7 @@
     "@omnicajs/symfony-router": "^1.0.0",
     "@omnicajs/vue-remote": "^0.2.8",
     "@remote-ui/rpc": "^1.4.5",
+    "@retailcrm/embed-ui-v1-components": "^0.9.10",
     "@retailcrm/embed-ui-v1-contexts": "^0.9.10",
     "@retailcrm/embed-ui-v1-types": "^0.9.10"
   },
@@ -49,6 +50,7 @@
     "@eslint/js": "^9.39.1",
     "@modulify/git-toolkit": "^0.0.2",
     "@modulify/pkg": "^1.0.1",
+    "@omnicajs/eslint-plugin-dependencies": "^0.0.2",
     "@retailcrm/embed-ui-v1-testing": "^0.9.10",
     "@types/git-semver-tags": "^7.0.0",
     "@types/node": "^22.19.2",

packages/v1-components/src/common/components/add-button.ts

@@ -0,0 +1,23 @@
+export enum COLOR {
+  GREEN = 'green',
+  BLUE = 'blue',
+  RED = 'red',
+  YELLOW = 'yellow',
+  PURPLE = 'purple',
+}
+
+export type UiAddButtonProperties = {
+  type?: HTMLButtonElement['type'];
+  small?: boolean;
+  color?: COLOR | `${COLOR}`;
+  disabled?: boolean;
+  height?: number | string;
+}
+
+export const isNumeric = (value: number | string): boolean => !isNaN(Number(value))
+
+export const normalizeHeight = (height: number | string): string => {
+  return isNumeric(height)
+    ? `${height}px`
+    : `${height}`
+}

packages/v1-components/src/common/components/alert.ts

@@ -0,0 +1,22 @@
+export enum VARIANT {
+  PRIMARY = 'primary',
+  WARNING = 'warning',
+  SUCCESS = 'success',
+  DANGER = 'danger',
+}
+
+export type UiAlertProperties = {
+  variant?: VARIANT | `${VARIANT}`;
+  text?: string;
+  shown?: boolean;
+  closable?: boolean;
+  ellipsis?: boolean;
+  small?: boolean;
+  scrollToAlert?: boolean;
+  scrollBehavior?: ScrollBehavior | string;
+  fluid?: boolean;
+}
+
+export type UiAlertMethods = {
+  scrollIntoView (): void;
+}