pi-kiosk-shared 2.1.86 → 2.1.87

package/package.json

@@ -1,133 +1,168 @@
-{
-  "name": "pi-kiosk-shared",
-  "version": "2.1.86",
-  "type": "module",
-  "private": false,
-  "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
-  "keywords": [
-    "kiosk",
-    "typescript",
-    "types",
-    "api"
-  ],
-  "author": "tehacko@seznam.cz",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tehacko/pi-kiosk-shared.git"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./analyticsExploreCaps": {
-      "import": "./dist/analyticsExploreCaps.js",
-      "require": "./dist/analyticsExploreCaps.js",
-      "types": "./dist/analyticsExploreCaps.d.ts"
-    },
-    "./analyticsApiTypes": {
-      "import": "./dist/analyticsApiTypes.js",
-      "require": "./dist/analyticsApiTypes.js",
-      "types": "./dist/analyticsApiTypes.d.ts"
-    },
-    "./analyticsEvents": {
-      "import": "./dist/analyticsEvents.js",
-      "require": "./dist/analyticsEvents.js",
-      "types": "./dist/analyticsEvents.d.ts"
-    },
-    "./analyticsEmitterManifest": {
-      "import": "./dist/analyticsEmitterManifest.js",
-      "require": "./dist/analyticsEmitterManifest.js",
-      "types": "./dist/analyticsEmitterManifest.d.ts"
-    },
-    "./crossTab": {
-      "import": "./dist/crossTab/index.js",
-      "require": "./dist/crossTab/index.js",
-      "types": "./dist/crossTab/index.d.ts"
-    },
-    "./analyticsDevLog": {
-      "import": "./dist/analyticsDevLog.js",
-      "require": "./dist/analyticsDevLog.js",
-      "types": "./dist/analyticsDevLog.d.ts"
-    },
-    "./analyticsConsentAllowlist": {
-      "import": "./dist/analyticsConsentAllowlist.js",
-      "require": "./dist/analyticsConsentAllowlist.js",
-      "types": "./dist/analyticsConsentAllowlist.d.ts"
-    },
-    "./analyticsCatalogVersion": {
-      "import": "./dist/analyticsCatalogVersion.js",
-      "require": "./dist/analyticsCatalogVersion.js",
-      "types": "./dist/analyticsCatalogVersion.d.ts"
-    },
-    "./analyticsAnonymousIdentity": {
-      "import": "./dist/analyticsAnonymousIdentity.js",
-      "require": "./dist/analyticsAnonymousIdentity.js",
-      "types": "./dist/analyticsAnonymousIdentity.d.ts"
-    },
-    "./analyticsEmitDedup": {
-      "import": "./dist/analyticsEmitDedup.js",
-      "require": "./dist/analyticsEmitDedup.js",
-      "types": "./dist/analyticsEmitDedup.d.ts"
-    },
-    "./clientLogRedaction": {
-      "import": "./dist/clientLogRedaction.js",
-      "require": "./dist/clientLogRedaction.js",
-      "types": "./dist/clientLogRedaction.d.ts"
-    },
-    "./loyalty/loyaltySessionHandoff": {
-      "import": "./dist/loyalty/loyaltySessionHandoff.js",
-      "require": "./dist/loyalty/loyaltySessionHandoff.js",
-      "types": "./dist/loyalty/loyaltySessionHandoff.d.ts"
-    },
-    "./checkout/sessionMetadataV4": {
-      "import": "./dist/checkout/sessionMetadataV4.js",
-      "require": "./dist/checkout/sessionMetadataV4.js",
-      "types": "./dist/checkout/sessionMetadataV4.d.ts"
-    },
-    "./sentry": {
-      "import": "./dist/sentry/initSentry.js",
-      "require": "./dist/sentry/initSentry.js",
-      "types": "./dist/sentry/initSentry.d.ts"
-    }
-  },
-  "peerDependencies": {
-    "@sentry/react": "^8.0.0",
-    "react": "^18.0.0"
-  },
-  "scripts": {
-    "build": "npm run clean && tsc",
-    "dev": "tsc --watch",
-    "type-check": "tsc --noEmit",
-    "lint": "npm run type-check",
-    "test": "jest --config jest.config.cjs --passWithNoTests",
-    "test:watch": "jest --config jest.config.cjs --watch",
-    "test:coverage": "jest --config jest.config.cjs --coverage",
-    "clean": "rimraf dist",
-    "publish:local": "npm run build && npm pack --pack-destination ../",
-    "prepublishOnly": "npm run build",
-    "preversion": "npm run test -- --passWithNoTests",
-    "postversion": "echo 'Version updated. Run git push && git push --tags manually if needed.'",
-    "audit:deps": "npm audit --audit-level=high",
-    "export:catalog": "npm run build && node scripts/exportAnalyticsCatalog.mjs"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "devDependencies": {
-    "@sentry/react": "^8.55.0",
-    "@types/jest": "^29.5.0",
-    "@types/node": "^20.19.41",
-    "@types/react": "^18.2.0",
-    "jest": "^29.5.0",
-    "rimraf": "^5.0.0",
-    "ts-jest": "^29.1.0",
-    "typescript": "^5.0.0"
-  }
-}
+{
+  "name": "pi-kiosk-shared",
+  "version": "2.1.87",
+  "type": "module",
+  "private": false,
+  "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
+  "keywords": [
+    "kiosk",
+    "typescript",
+    "types",
+    "api"
+  ],
+  "author": "tehacko@seznam.cz",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tehacko/pi-kiosk-shared.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./analyticsExploreCaps": {
+      "import": "./dist/analyticsExploreCaps.js",
+      "require": "./dist/analyticsExploreCaps.js",
+      "types": "./dist/analyticsExploreCaps.d.ts"
+    },
+    "./analyticsApiTypes": {
+      "import": "./dist/analyticsApiTypes.js",
+      "require": "./dist/analyticsApiTypes.js",
+      "types": "./dist/analyticsApiTypes.d.ts"
+    },
+    "./analyticsEvents": {
+      "import": "./dist/analyticsEvents.js",
+      "require": "./dist/analyticsEvents.js",
+      "types": "./dist/analyticsEvents.d.ts"
+    },
+    "./analyticsEmitterManifest": {
+      "import": "./dist/analyticsEmitterManifest.js",
+      "require": "./dist/analyticsEmitterManifest.js",
+      "types": "./dist/analyticsEmitterManifest.d.ts"
+    },
+    "./crossTab": {
+      "import": "./dist/crossTab/index.js",
+      "require": "./dist/crossTab/index.js",
+      "types": "./dist/crossTab/index.d.ts"
+    },
+    "./analyticsDevLog": {
+      "import": "./dist/analyticsDevLog.js",
+      "require": "./dist/analyticsDevLog.js",
+      "types": "./dist/analyticsDevLog.d.ts"
+    },
+    "./analyticsConsentAllowlist": {
+      "import": "./dist/analyticsConsentAllowlist.js",
+      "require": "./dist/analyticsConsentAllowlist.js",
+      "types": "./dist/analyticsConsentAllowlist.d.ts"
+    },
+    "./analyticsCatalogVersion": {
+      "import": "./dist/analyticsCatalogVersion.js",
+      "require": "./dist/analyticsCatalogVersion.js",
+      "types": "./dist/analyticsCatalogVersion.d.ts"
+    },
+    "./analyticsAnonymousIdentity": {
+      "import": "./dist/analyticsAnonymousIdentity.js",
+      "require": "./dist/analyticsAnonymousIdentity.js",
+      "types": "./dist/analyticsAnonymousIdentity.d.ts"
+    },
+    "./analyticsEmitDedup": {
+      "import": "./dist/analyticsEmitDedup.js",
+      "require": "./dist/analyticsEmitDedup.js",
+      "types": "./dist/analyticsEmitDedup.d.ts"
+    },
+    "./clientLogRedaction": {
+      "import": "./dist/clientLogRedaction.js",
+      "require": "./dist/clientLogRedaction.js",
+      "types": "./dist/clientLogRedaction.d.ts"
+    },
+    "./loyalty/loyaltySessionHandoff": {
+      "import": "./dist/loyalty/loyaltySessionHandoff.js",
+      "require": "./dist/loyalty/loyaltySessionHandoff.js",
+      "types": "./dist/loyalty/loyaltySessionHandoff.d.ts"
+    },
+    "./checkout/sessionMetadataV4": {
+      "import": "./dist/checkout/sessionMetadataV4.js",
+      "require": "./dist/checkout/sessionMetadataV4.js",
+      "types": "./dist/checkout/sessionMetadataV4.d.ts"
+    },
+    "./sentry": {
+      "import": "./dist/sentry/initSentry.js",
+      "require": "./dist/sentry/initSentry.js",
+      "types": "./dist/sentry/initSentry.d.ts"
+    },
+    "./sentry/captureRateLimitBreadcrumb": {
+      "import": "./dist/sentry/captureRateLimitBreadcrumb.js",
+      "require": "./dist/sentry/captureRateLimitBreadcrumb.js",
+      "types": "./dist/sentry/captureRateLimitBreadcrumb.d.ts"
+    },
+    "./theme.css": "./src/tokens/theme.css",
+    "./admin-theme.css": "./src/tokens/admin-theme.css",
+    "./ui": {
+      "import": "./dist/ui/index.js",
+      "require": "./dist/ui/index.js",
+      "types": "./dist/ui/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@marsidev/react-turnstile": "^1.0.0",
+    "@sentry/react": "^8.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "react": "^18.0.0",
+    "react-i18next": "^14.0.0"
+  },
+  "dependencies": {
+    "tailwind-variants": "^0.3.0",
+    "@tanstack/react-query": "^5.66.0"
+  },
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "dev": "tsc --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "npm run type-check",
+    "test": "jest --config jest.config.cjs --passWithNoTests && node --test src/tokens/__tests__/*.test.mjs",
+    "test:watch": "jest --config jest.config.cjs --watch",
+    "test:coverage": "jest --config jest.config.cjs --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "clean": "rimraf dist",
+    "publish:local": "npm run build && npm pack --pack-destination ../",
+    "prepublishOnly": "npm run build",
+    "preversion": "npm run test -- --passWithNoTests",
+    "postversion": "echo 'Version updated. Run git push && git push --tags manually if needed.'",
+    "audit:deps": "npm audit --audit-level=high",
+    "export:catalog": "npm run build && node scripts/exportAnalyticsCatalog.mjs"
+  },
+  "files": [
+    "dist",
+    "src/tokens",
+    "README.md"
+  ],
+  "devDependencies": {
+    "@marsidev/react-turnstile": "^1.1.0",
+    "@sentry/react": "^8.55.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@tanstack/react-query": "^5.66.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.6.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^20.19.41",
+    "@types/react": "^18.2.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^14.1.0",
+    "rimraf": "^5.0.0",
+    "storybook": "^8.6.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
+  }
+}

package/src/tokens/__tests__/theme-exports.test.mjs

@@ -0,0 +1,24 @@
+import { readFileSync, existsSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+
+const tokensDir = join(dirname(fileURLToPath(import.meta.url)), '..');
+
+test('theme.css and admin-theme.css exist and export @theme tokens', () => {
+  const theme = readFileSync(join(tokensDir, 'theme.css'), 'utf8');
+  const admin = readFileSync(join(tokensDir, 'admin-theme.css'), 'utf8');
+  assert.match(theme, /@theme/);
+  assert.match(theme, /--color-surface/);
+  assert.match(admin, /--color-an-bg/);
+  assert.match(admin, /--color-rail-sidebar-bg/);
+});
+
+test('package.json exports token CSS paths', () => {
+  const pkgPath = join(tokensDir, '..', '..', 'package.json');
+  const pkg = JSON.parse(readFileSync(pkgPath, 'utf8'));
+  assert.ok(pkg.exports['./theme.css']);
+  assert.ok(pkg.exports['./admin-theme.css']);
+  assert.ok(existsSync(join(tokensDir, 'theme.css')));
+});

package/src/tokens/admin-theme.css

@@ -0,0 +1,37 @@
+/**
+ * Admin analytics / shell design tokens — import from pi-kiosk-shared/admin-theme.css
+ * Apps: @import "pi-kiosk-shared/admin-theme.css" in admin tailwind entry.
+ */
+@theme {
+  --color-an-bg: var(--color-gray-50);
+  --color-an-bg-elevated: #ffffff;
+  --color-an-surface: #ffffff;
+  --color-an-text: var(--color-gray-900);
+  --color-an-text-muted: var(--color-gray-500);
+  --color-an-border: var(--color-gray-200);
+  --color-an-primary: var(--color-primary);
+  --color-an-primary-soft: var(--color-primary-light);
+  --color-an-success: var(--color-success);
+  --color-an-warn: var(--color-warning);
+  --color-an-danger: var(--color-error);
+  --color-an-info: var(--color-info);
+  --color-an-chart-1: #6366f1;
+  --color-an-chart-2: #14b8a6;
+  --color-an-chart-3: #f59e0b;
+  --color-an-chart-4: #ef4444;
+  --color-an-chart-5: #8b5cf6;
+  --color-an-chart-6: #06b6d4;
+  --color-shell-bg: var(--color-an-bg);
+  --color-shell-surface: var(--color-an-surface);
+  --color-shell-border: var(--color-an-border);
+  --color-shell-text: var(--color-an-text);
+  --color-rail-sidebar-bg: #1e1b4b;
+  --color-rail-sidebar-text: #e0e7ff;
+  --color-rail-sidebar-muted: #a5b4fc;
+  --color-rail-sidebar-active: #7c3aed;
+  --color-rail-sidebar-hover: rgba(124, 58, 237, 0.2);
+  --color-rail-page-bg: #f1f5f9;
+  --color-rail-card-border: #e2e8f0;
+  --color-rail-kpi-up: #059669;
+  --color-rail-kpi-down: #dc2626;
+}

package/src/tokens/theme.css

@@ -0,0 +1,49 @@
+/**
+ * Customer / kiosk / pickup design tokens — import from pi-kiosk-shared/theme.css
+ * Apps: @import "pi-kiosk-shared/theme.css" after tailwindcss in globals entry.
+ */
+@theme {
+  --color-surface: #ffffff;
+  --color-surface-muted: #f8fafc;
+  --color-surface-elevated: #ffffff;
+  --color-on-surface: #0f172a;
+  --color-on-surface-muted: #475569;
+  --color-primary: #0f172a;
+  --color-primary-foreground: #f8fafc;
+  --color-accent: #2563eb;
+  --color-accent-foreground: #ffffff;
+  --color-success: #16a34a;
+  --color-success-foreground: #ecfdf5;
+  --color-danger: #dc2626;
+  --color-danger-foreground: #fef2f2;
+  --color-warning: #d97706;
+  --color-warning-foreground: #fffbeb;
+  --color-border: #e2e8f0;
+  --color-border-strong: #cbd5e1;
+  --color-focus-ring: #2563eb;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);
+  --shadow-popover: 0 6px 24px rgba(15, 23, 42, 0.12);
+  --motion-duration-fast: 120ms;
+  --motion-duration-base: 200ms;
+  --motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+@media (prefers-color-scheme: dark) {
+  @theme {
+    --color-surface: #0b1220;
+    --color-surface-muted: #0f172a;
+    --color-surface-elevated: #111a2e;
+    --color-on-surface: #e2e8f0;
+    --color-on-surface-muted: #94a3b8;
+    --color-primary: #f8fafc;
+    --color-primary-foreground: #0f172a;
+    --color-accent: #60a5fa;
+    --color-accent-foreground: #0b1220;
+    --color-border: #1f2937;
+    --color-border-strong: #334155;
+  }
+}