@licklist/design 0.78.5-dev.9 → 0.78.5-gen.90

package/.claude/settings.local.json

@@ -0,0 +1,51 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(cat:*)",
+      "Bash(grep:*)",
+      "Bash(grep CreateUser:*)",
+      "Bash(head:*)",
+      "Bash(comm:*)",
+      "Bash(find .:*)",
+      "Bash(xxd:*)",
+      "Bash(ls:*)",
+      "Bash(python3:*)",
+      "Bash(node:*)",
+      "WebFetch(domain:api.booked.it)",
+      "Bash(find:*)",
+      "Bash(docker ps:*)",
+      "Bash(docker exec:*)",
+      "Bash(npx tsc:*)",
+      "Bash(php artisan:*)",
+      "Bash(git:*)",
+      "Bash(NPM_TOKEN=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 yarn build:*)",
+      "Bash(yarn add:*)",
+      "Bash(NPM_TOKEN=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 yarn add class-variance-authority tailwind-merge @radix-ui/react-slot @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-select @radix-ui/react-checkbox @radix-ui/react-label @radix-ui/react-separator @radix-ui/react-avatar 2>&1 | tail -10)",
+      "Bash(mkdir:*)",
+      "Bash(cd:*)",
+      "Bash(curl:*)",
+      "Bash(/opt/homebrew/bin/playwright --version 2>&1 && /opt/homebrew/bin/playwright install --dry-run 2>&1 | head -20)",
+      "Bash(npm list:*)",
+      "Read(//opt/homebrew/lib/node_modules/**)",
+      "Bash(pip3 show:*)",
+      "Bash(claude mcp:*)",
+      "Bash(which puppeteer:*)",
+      "Bash(ps:*)",
+      "Bash(sudo lsof:*)",
+      "Bash(playwright:*)",
+      "Bash(NPM_TOKEN=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 yarn build 2>&1 | tail -10)",
+      "Bash(NPM_TOKEN=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 yarn build 2>&1 | tail -5)",
+      "Bash(NPM_TOKEN=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 yarn build 2>&1 | grep -E \"error|Error|ERROR\" | head -20)",
+      "Bash(NPM_TOKEN=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 yarn build 2>&1 | tail -3)",
+      "Bash(php:*)",
+      "Bash(for f:*)",
+      "Bash(do)",
+      "Bash(echo \"=== $f ===\")",
+      "Read(//Users/pieter/Downloads/sandbox-bkit-main 4/src/components/**)",
+      "Bash(done)",
+      "Bash(echo:*)",
+      "Bash(NPM_TOKEN=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 yarn add @radix-ui/react-alert-dialog @radix-ui/react-aspect-ratio @radix-ui/react-context-menu @radix-ui/react-hover-card @radix-ui/react-menubar @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-progress @radix-ui/react-radio-group @radix-ui/react-slider @radix-ui/react-tabs @radix-ui/react-toast @radix-ui/react-toggle @radix-ui/react-toggle-group cmdk embla-carousel-react input-otp react-day-picker react-resizable-panels vaul zod @hookform/resolvers tailwindcss-animate 2>&1 | tail -15)",
+      "Bash(sudo chown:*)"
+    ]
+  }
+}

package/.storybook/main.cjs

@@ -1,44 +1,139 @@
+const path = require('path');
+
 module.exports = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
   addons: [
     '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/preset-scss',
-    '@storybook/addon-knobs',
     '@storybook/addon-a11y',
+    '@storybook/addon-docs',
   ],
-  // Export a function. Accept the base config as the only param.
-  webpackFinal: async (config, { configType }) => {
-    // `configType` has a value of 'DEVELOPMENT' or 'PRODUCTION'
-    // You can change the configuration based on that.
-    // 'PRODUCTION' is used when building the static version of storybook.
-    const assetRule = config.module.rules.find(({ test }) => test.test('.svg'))
-    const gifRule = config.module.rules.find(({ test }) => test.test('.gif'))
-
-    const assetLoader = {
-      loader: assetRule.loader,
-      options: assetRule.options || assetRule.query,
-    }
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  staticDirs: ['../src/assets'],
 
-    const gifLoader = {
-      loader: gifRule.loader,
-      options: gifRule.options || gifRule.query,
-    }
+  webpackFinal: async (config) => {
+    const webpack = require('webpack');
+
+    // Define import.meta.env to prevent errors when accessing VITE_SENTRY_DSN
+    // This replaces import.meta.env at build time
+    // Note: DefinePlugin uses exact string matching, so we define both the object and the property
+    const envVars = {
+      VITE_SENTRY_DSN: process.env.VITE_SENTRY_DSN || '',
+      // add other env vars your components need here
+    };
+
+    // DefinePlugin with multiple patterns to catch different access patterns
+    // This replaces import.meta.env references at build time
+    config.plugins.push(
+      new webpack.DefinePlugin({
+        'import.meta.env': JSON.stringify(envVars),
+        'import.meta.env.VITE_SENTRY_DSN': JSON.stringify(envVars.VITE_SENTRY_DSN),
+        'import.meta.env["VITE_SENTRY_DSN"]': JSON.stringify(envVars.VITE_SENTRY_DSN),
+        'import.meta.env[\'VITE_SENTRY_DSN\']': JSON.stringify(envVars.VITE_SENTRY_DSN),
+      })
+    );
+
+    // Add resolve alias for 'src' imports
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      'src': path.resolve(__dirname, '../src'),
+    };
+
+    // Add fallback for import.meta.env if DefinePlugin doesn't catch it
+    config.resolve.fallback = {
+      ...config.resolve.fallback,
+    };
 
-    // Make whatever fine-grained changes you need
-    config.module.rules.unshift({
-      test: /\.gif$/,
+    // Add JSX/TSX support with Babel
+    config.module.rules.push({
+      test: /\.(js|jsx)$/,
       exclude: /node_modules/,
-      use: ['url-loader', gifLoader],
-    })
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets: [
+            '@babel/preset-env',
+            ['@babel/preset-react', { runtime: 'automatic' }],
+          ],
+        },
+      },
+    });
 
-    config.module.rules.unshift({
-      test: /\.svg$/,
+    // Add TypeScript support
+    config.module.rules.push({
+      test: /\.(ts|tsx)$/,
       exclude: /node_modules/,
-      use: ['@svgr/webpack', assetLoader],
-    })
+      use: [
+        {
+          loader: require.resolve('ts-loader'),
+          options: {
+            transpileOnly: true,
+          },
+        },
+      ],
+    });
+
+    config.resolve.extensions.push('.ts', '.tsx', '.js', '.jsx');
+
+    // Add SCSS/SASS support
+    config.module.rules.push({
+      test: /\.scss$/,
+      use: [
+        'style-loader',
+        'css-loader',
+        {
+          loader: 'sass-loader',
+          options: {
+            implementation: require('sass'),
+          },
+        },
+      ],
+    });
+
+    // Handle SVG files with @svgr/webpack
+    // First, exclude SVG from the default file loader
+    const fileLoaderRule = config.module.rules.find(rule => rule.test?.test?.('.svg'));
+    if (fileLoaderRule) {
+      fileLoaderRule.exclude = /\.svg$/;
+    }
+
+    // Configure SVG handling
+    // CSS imports need URLs, JS/TS imports need ReactComponent
+    config.module.rules.push({
+      test: /\.svg$/,
+      oneOf: [
+        // For imports with ?url query, provide URL
+        {
+          resourceQuery: /url/,
+          type: 'asset/resource',
+        },
+        // For CSS/SCSS files, provide URL (not React component)
+        {
+          issuer: /\.(css|scss|sass)$/,
+          type: 'asset/resource',
+        },
+        // For JS/TS files, use SVGR to export ReactComponent as named export
+        {
+          issuer: /\.(js|jsx|ts|tsx)$/,
+          use: [
+            {
+              loader: '@svgr/webpack',
+              options: {
+                exportType: 'named',
+                namedExport: 'ReactComponent',
+              },
+            },
+          ],
+        },
+        // Default fallback - provide URL
+        {
+          type: 'asset/resource',
+        },
+      ],
+    });
 
-    // Return the altered config
-    return config
+    return config;
   },
-}
+};

package/.storybook/preview.jsx

@@ -0,0 +1,148 @@
+import '../src/v2/styles/index.scss';
+import '../src/v2/shadcn/styles/globals.css';
+import React, { useEffect } from 'react'
+import { I18nextProvider } from 'react-i18next'
+import { BrowserRouter } from 'react-router-dom'
+import { QueryClient, QueryClientProvider } from 'react-query'
+import i18n, { IntlProvider } from '@licklist/core/dist/Translation'
+import AuthProvider from '@licklist/plugins/dist/context/user/providers/AuthProvider'
+
+// Create a QueryClient instance for Storybook
+const queryClient = new QueryClient({
+  defaultOptions: {
+    queries: {
+      retry: false,
+      refetchOnWindowFocus: false,
+      // Return empty array as placeholder to prevent null errors
+      placeholderData: (previousValue) => previousValue ?? [],
+    },
+  },
+})
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+}
+
+const themeController = (() => {
+  const themes = ['bookedit', 'licklist']
+  const defaultTheme = themes[0]
+  let activeTheme
+
+  const styles = Object.fromEntries(
+    themes.map((theme) => [
+      theme,
+      require(
+        `!style-loader?injectType=lazyStyleTag!css-loader!sass-loader!../src/styles/themes/${theme}/index.scss`,
+      ).default,
+    ]),
+  )
+
+  const setTheme = (theme) => {
+    if (theme === activeTheme) return
+    styles[theme].use()
+    if (activeTheme) styles[activeTheme].unuse()
+    activeTheme = theme
+  }
+
+  setTheme(defaultTheme)
+
+  return { themes, defaultTheme, setTheme }
+})()
+
+export const globalTypes = {
+  theme: {
+    name: 'Theme',
+    description: 'Global theme for components',
+    defaultValue: themeController.defaultTheme,
+    toolbar: {
+      icon: 'paintbrush',
+      items: themeController.themes,
+    },
+  },
+}
+
+const withI18n = (Story, context) => (
+  <I18nextProvider i18n={i18n}>
+    <IntlProvider>
+      <Story {...context} />
+    </IntlProvider>
+  </I18nextProvider>
+)
+
+const withTheme = (Story, context) => {
+  useEffect(() => {
+    themeController.setTheme(context.globals.theme)
+  }, [context.globals.theme])
+
+  return <Story {...context} />
+}
+
+const withRouter = (Story, context) => {
+  // Exclude Router stories from the global Router decorator to avoid nested Routers
+  if (context.parameters?.excludeRouter === true) {
+    return <Story {...context} />
+  }
+
+  return (
+    <BrowserRouter>
+      <Story {...context} />
+    </BrowserRouter>
+  )
+}
+
+const withQueryClient = (Story, context) => {
+  // Pre-populate timezone query data globally to prevent null errors
+  const mockTimezones = [
+    { id: 1, name: 'Europe/London' },
+    { id: 2, name: 'America/New_York' },
+    { id: 3, name: 'America/Los_Angeles' },
+    { id: 4, name: 'Europe/Paris' },
+    { id: 5, name: 'Asia/Tokyo' },
+  ]
+
+  // Set mock data for various possible query keys
+  const possibleKeys = [
+    ['/api/timezones', 'all'],
+    ['timezones', '/api/timezones', 'all'],
+    ['timeZone', '/api/timezones'],
+    ['/api/timezones'],
+    ['useTimeZoneApi', '/api/timezones', 'all'],
+  ]
+
+  possibleKeys.forEach((key) => {
+    if (!queryClient.getQueryData(key)) {
+      queryClient.setQueryData(key, mockTimezones)
+    }
+  })
+
+  return (
+    <QueryClientProvider client={queryClient}>
+      <Story {...context} />
+    </QueryClientProvider>
+  )
+}
+
+const withAuth = (Story, context) => (
+  <AuthProvider>
+    <Story {...context} />
+  </AuthProvider>
+)
+
+const withGeistFont = (Story, context) => {
+  useEffect(() => {
+    if (context.id.includes('v2')) {
+      const link = document.createElement('link');
+      link.href = 'https://fonts.googleapis.com/css2?family=Geist+Sans:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap';
+      link.rel = 'stylesheet';
+      document.head.appendChild(link);
+
+      return () => {
+        document.head.removeChild(link);
+      };
+    }
+  }, [context.id]);
+
+  return <Story {...context} />;
+};
+
+export const decorators = [withGeistFont, withQueryClient, withI18n, withTheme, withRouter, withAuth]

package/ADMIN_TODO.md

@@ -0,0 +1,89 @@
+# Admin Section — Design TODO
+
+Track every page from `sandbox-bkit-main-3/src/pages/admin/` → `licklist_design/src/v2/admin/`.
+
+Legend: ✅ Done · 🔨 In Progress · ⬜ Not started · ❌ Design mismatch (needs fix)
+
+---
+
+## All Pages Status
+
+| Sandbox page | Design component | Status |
+|---|---|---|
+| AdminHome.tsx | home/AdminHomePage | ✅ |
+| AdminCompanies.tsx | companies/AdminCompaniesPage | ✅ |
+| CompanyDetail.tsx | companies/AdminCompanyDetailPage | ✅ |
+| AddCompany.tsx | companies/AddCompanyPage | ✅ |
+| EditCompany.tsx | companies/EditCompanyPage | ✅ |
+| DeleteCompany.tsx | companies/DeleteCompanyPage | ✅ |
+| AddProvidersToCompany.tsx | companies/AddProvidersToCompanyPage | ✅ |
+| AdminProviders.tsx | providers/AdminProvidersPage | ✅ |
+| ProviderDetail.tsx | providers/AdminProviderDetailPage | ✅ |
+| AddProvider.tsx | providers/AddProviderPage | ✅ |
+| DeleteProvider.tsx | providers/DeleteProviderPage | ✅ |
+| AddProviderToCompany.tsx | providers/AddProviderToCompanyPage | ✅ |
+| SelectAccountManager.tsx | providers/SelectAccountManagerPage | ✅ |
+| CloneEntity.tsx | providers/CloneEntityPage | ✅ |
+| provider/ProviderVenueInfoDetails.tsx | providers/VenueDetailPage | ⬜ see note below |
+| AdminUsers.tsx | users/AdminUsersPage | ✅ |
+| UserDetail.tsx | users/AdminUserDetailPage | ✅ |
+| AdminPermissions.tsx (roles list) | users/AdminRolesPage | ✅ fixed |
+| EditRolePermissions.tsx | users/EditRolePermissionsPage | ✅ fixed |
+| EditUser.tsx | users/EditUserPage | ✅ |
+| ChangeUserRole.tsx | users/ChangeUserRolePage | ✅ |
+| DeleteUser.tsx | users/DeleteUserPage | ✅ |
+| SelectSubRole.tsx | users/SelectSubRolePage | ✅ |
+| ChangeProviderUserRoles.tsx | users/ChangeProviderUserRolePage | ✅ |
+| ConfigureUserPermissions.tsx | users/ConfigureUserPermissionsPage | ✅ |
+| BulkImportUsers.tsx | users/BulkImportUsersPage | ✅ |
+| BulkDeleteUsers.tsx | users/BulkDeleteUsersPage | ✅ |
+| AddUser.tsx | users/AddUserPage | ✅ |
+| EditImportUser.tsx | users/EditImportUserPage | ✅ |
+| AdminCustomers.tsx | customers/AdminCustomersPage | ✅ |
+| AddCustomer.tsx | customers/AddCustomerPage | ✅ |
+| AdminAnalytics.tsx + AdminNPSResponses.tsx | analytics/AdminAnalyticsPage | ✅ |
+| AdminReports.tsx | reports/AdminReportsPage | ✅ |
+| AdminPayments.tsx | payments/AdminPaymentsPage | ✅ |
+| AdminSettings.tsx | settings/AdminSettingsPage | ✅ |
+| AdminFees.tsx | settings/AdminFeesPage | ✅ |
+| AdminGeneralSettings.tsx | settings/AdminGeneralSettingsPage | ✅ |
+| AdminConfigureSettings.tsx | settings/AdminConfigureSettingsPage | ✅ |
+
+---
+
+## Design Correctness Fixes — DONE THIS SESSION
+
+| Fix | Status |
+|---|---|
+| AdminRolesPage: NewTable → DataTable | ✅ fixed |
+| EditRolePermissionsPage: jump-to 3-col grid + chevron icons | ✅ fixed |
+| AdminUserDetailPage: add Managed Clients section for client_services sub-role | ✅ fixed |
+
+---
+
+## Open Notes
+
+### VenueDetailPage — content clarification needed
+**Route:** `/provider/venue/:id/details` (in licklist_admin provider module)
+
+The sandbox `provider/ProviderVenueInfoDetails.tsx` shows **"Venue Settings"** with three sections:
+- Capacity (max capacity display + Edit button)
+- Default Opening Hours (Mon–Sun grid)
+- Special Hours / Overrides (schedule cards with add/edit/delete)
+
+Our `VenueDetailPage` shows basic venue info (name, description, company, created-by) which is what the old Bootstrap `VenueDetailsComponent` showed.
+
+**Decision needed:** Should `/provider/venue/:id/details` become the full venue settings page (matching sandbox), or stay as basic info?
+
+If settings page is required, `VenueDetailPage` needs a full redesign with:
+- Capacity section
+- Opening Hours section (Mon-Sun rows)
+- Special Hours section (overrides list with schedule cards)
+
+---
+
+## Progress
+
+- **All sandbox admin pages: implemented ✅**
+- **3 design fixes applied this session ✅**
+- **1 open note: VenueDetailPage content (awaiting decision)**

package/FULLSTACK_TODO.md

@@ -0,0 +1,118 @@
+# Full-Stack Admin Audit — Remaining TODO
+
+Audit based on `sandbox-bkit-main-4/src/pages/admin/` vs licklist_design + licklist_admin + licklist_backend.
+
+Legend: ✅ Done · ❌ Missing · ⚠️ Partial
+
+---
+
+## Layer 1 — Design (licklist_design)
+
+All 38+ sandbox admin pages have design components. **Design is complete. ✅**
+
+| Sandbox page | Design component | Status |
+|---|---|---|
+| All 38 pages | All implemented | ✅ |
+| ConfigureProviderPermissions | Covered by ProviderRolesPage + EditProviderRolePermissionsPage | ✅ (different flow, same outcome) |
+
+---
+
+## Layer 2 — Admin Frontend (licklist_admin)
+
+### Missing Containers
+
+| Feature | Route | Container | Status |
+|---|---|---|---|
+| Clone Provider/Company | `/admin/providers/:type/:id/clone` | `CloneEntityPageContainer.tsx` | ❌ |
+| Add Customer | `/admin/customers/add` | `AddCustomerPageContainer.tsx` | ❌ |
+
+### Missing Routes
+
+| Route | Component | Status |
+|---|---|---|
+| `/admin/providers/:type/:id/clone` | `CloneEntityPageContainer` | ❌ — not in `routes.tsx` |
+| `/admin/customers/add` | `AddCustomerPageContainer` | ⚠️ — route exists but shows "under construction" stub |
+
+### Missing Props / Wiring
+
+| File | Missing | Status |
+|---|---|---|
+| `AdminProviderDetailPage.tsx` | `onCloneProvider?: () => void` prop + "Clone" button in header | ❌ |
+| `AdminProviderDetailPageContainer.tsx` | Wire `onCloneProvider={() => navigate(...)}` | ❌ |
+| `AdminCustomersPageContainer.tsx` | Wire `onAddCustomer` → navigate to `/admin/customers/add` | ⚠️ — may need checking |
+
+---
+
+## Layer 3 — Backend (licklist_backend)
+
+### Missing API Endpoints
+
+| Feature | Method | Path | Status |
+|---|---|---|---|
+| Create customer | `POST` | `/user/admin/customer/` | ❌ — CustomerController has `all`, `paginated`, `show`, `count` but no `store` |
+| Clone provider entity | `POST` | `/provider/admin/{type}/{id}/clone` | ❌ — no clone route exists anywhere in Provider routes |
+
+### What the clone endpoint needs to copy (selectable options from sandbox)
+- Zones & Resources
+- Opening Hours
+- Booking Types
+- Pricing
+- Automations
+- Waivers
+
+---
+
+## Implementation Order
+
+### Priority 1 — Backend: Add customer create endpoint
+1. Add `StoreAdminCustomerRequest.php` (validation: email, first_name, last_name, optional: dob, phone, postcode, notes, gender, opts_into_promos)
+2. Add `store()` method to `Admin\CustomerController`
+3. Add service + service interface method `store(StoreAdminCustomerRequestInterface $request)`
+4. Register route: `Route::post('/', [CustomerController::class, 'store'])->name('admin.customer.store')` in `v1.php`
+5. Update `useCustomerApi.ts` — add `createCustomer` method
+
+### Priority 2 — Admin: AddCustomerPageContainer
+1. Create `licklist_admin/src/modules/Customer/components/All/AddCustomerPageContainer.tsx`
+   - Uses `useCustomerApi().createCustomer(data)`
+   - Steps: email check (`usePaginated` with email filter) → existing found? show existing card → details form → POST
+   - On success: navigate to `/admin/customers/:newId`
+2. Update `licklist_admin/src/modules/Customer/routes.tsx` — replace stub with `<AddCustomerPageContainer />`
+
+### Priority 3 — Backend: Add clone endpoint
+1. Create `CloneProviderRequest.php` (validated `options[]`: zones, opening_hours, booking_types, pricing, automations, waivers)
+2. Create `CloneProviderController.php` with `clone(string $type, int $id, CloneProviderRequest $request)`
+3. Implement clone service: copy provider row + conditionally copy related records
+4. Register route: `Route::post('/{type}/{id}/clone', ...)` inside admin group
+5. Update `useProvidableApi.ts` (or similar) in licklist_admin — add `cloneProvider` method
+
+### Priority 4 — Admin: CloneEntityPageContainer
+1. Create `licklist_admin/src/modules/Provider/components/CloneEntityPageContainer.tsx`
+   - `useParams` → `type`, `id`
+   - Fetch provider name via `useProvidableGatewayApi(type).useDetails(Number(id))`
+   - Call `cloneProvider.execute(type, id, { options: selectedKeys })`
+   - On success: navigate to new provider detail page
+2. Add route to `licklist_admin/src/routes.tsx`:
+   ```tsx
+   { path: '/admin/providers/:type/:id/clone', element: <CloneEntityPageContainer /> }
+   ```
+
+### Priority 5 — Design: Add clone button to AdminProviderDetailPage
+1. Add `onCloneProvider?: () => void` prop to `AdminProviderDetailPageProps`
+2. Render "Clone" button in `__header-actions` row (secondary-soft variant)
+3. Wire in `AdminProviderDetailPageContainer.tsx`:
+   ```tsx
+   onCloneProvider={() => navigate(`/admin/providers/${type}/${id}/clone`)}
+   ```
+4. Export type update not needed (prop is optional)
+
+---
+
+## Summary
+
+| Layer | Status | Remaining |
+|---|---|---|
+| Design (licklist_design) | ✅ Complete | — |
+| Admin containers/routes (licklist_admin) | ⚠️ Mostly done | AddCustomerPageContainer, CloneEntityPageContainer, 2 routes, 1 prop |
+| Backend APIs (licklist_backend) | ⚠️ Mostly done | POST /customer (create), POST /provider/clone |
+
+**Total items remaining: 5 tasks across admin + backend**

package/bitbucket-pipelines.yml

@@ -21,20 +21,24 @@ definitions:
     - step: &build
         image: node:20.9.0-alpine3.18
         name: Build application
+        size: 2x
         script:
           - corepack enable
           - yarn set version 4.4.0
           - printf "NPM_TOKEN=`node -p \"require('url').parse(process.env.NPM_TOKEN).host\"`" >> ~/.env
+          - export NODE_OPTIONS="--max-old-space-size=4096"
           - CI=false yarn run build
         artifacts:
           - dist/**
     - step: &build_storybook
         image: node:20.9.0-alpine3.18
         name: Build Storybook
+        size: 2x
         script:
           - corepack enable
           - yarn set version 4.4.0
           - printf "NPM_TOKEN=`node -p \"require('url').parse(process.env.NPM_TOKEN).host\"`" >> ~/.env
+          - export NODE_OPTIONS="--max-old-space-size=4096"
           - yarn run build-storybook
         artifacts:
           - build/**
@@ -62,9 +66,9 @@ pipelines:
           name: Publish to NPM
           script:
             - printf "//`node -p \"require('url').parse(process.env.NPM_REGISTRY_URL || 'https://registry.npmjs.org').host\"`/:_authToken=${NPM_TOKEN}\nregistry=${NPM_REGISTRY_URL:-https://registry.npmjs.org}\n" >> ~/.npmrc
-            - pipe: atlassian/npm-publish:0.2.0
+            - pipe: atlassian/npm-publish:1.1.1
               variables:
-                NPM_TOKEN: $NPM_TOKEN
+                NPM_TOKEN: $NPM_TOKEN 
 
   branches:
     master:
@@ -86,4 +90,4 @@ pipelines:
   pull-requests:
     '**':
       - step: *install
-      - step: *build
+      - step: *build

package/components.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "src/v2/shadcn/styles/globals.css",
+    "baseColor": "slate",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "src/v2/shadcn/components",
+    "utils": "src/v2/shadcn/lib/utils",
+    "ui": "src/v2/shadcn/components/ui",
+    "lib": "src/v2/shadcn/lib",
+    "hooks": "src/v2/shadcn/hooks"
+  }
+}