1import type { Meta, StoryObj } from "@storybook/react";
2import { ProductCard, ProductCardProps } from "./ProductCard";
3
1import { defineConfig } from 'vitest/config';
2import react from '@vitejs/plugin-react';
3
4export default defineConfig({
5 plugins: [react()],
6 test: {
7 environment: 'jsdom',
1import { defineConfig } from 'vite'
2import react from '@vitejs/plugin-react'
3import dts from 'vite-plugin-dts'
4import { resolve } from 'path'
7export default defineConfig({
8 plugins: [
9 react(),
10 dts({
11 insertTypesEntry: true,
20 },
21 rollupOptions: {
22 external: ['react', 'react-dom', 'react/jsx-runtime'],
23 output: {
24 globals: {
25 react: 'React',
26 'react-dom': 'ReactDOM',
27 'react/jsx-runtime': 'react/jsx-runtime',
28 },
29 },
13 "isolatedModules": true,
14 "noEmit": true,
15 "jsx": "react-jsx",
16
17 /* Linting */
28 },
29 "dependencies": {
30 "react": "^18.2.0",
31 "react-dom": "^18.2.0"
32 },
33 "devDependencies": {
36 "@storybook/addon-links": "^7.6.7",
37 "@storybook/blocks": "^7.6.7",
38 "@storybook/react": "^7.6.7",
39 "@storybook/react-vite": "^7.6.7",
40 "@storybook/testing-library": "^0.2.2",
41 "@testing-library/jest-dom": "^6.1.5",
42 "@testing-library/react": "^14.1.2",
43 "@testing-library/user-event": "^14.5.1",
44 "@types/react": "^18.2.45",
45 "@types/react-dom": "^18.2.18",
46 "@typescript-eslint/eslint-plugin": "^6.14.0",
47 "@typescript-eslint/parser": "^6.14.0",
48 "@vitejs/plugin-react": "^4.2.1",
49 "autoprefixer": "^10.4.16",
50 "eslint": "^8.55.0",
51 "eslint-plugin-react": "^7.37.5",
52 "eslint-plugin-react-hooks": "^4.6.0",
53 "eslint-plugin-react-refresh": "^0.4.5",
54 "eslint-plugin-storybook": "^0.6.15",
55 "identity-obj-proxy": "^3.0.0",
64 },
65 "peerDependencies": {
66 "react": ">=18.0.0",
67 "react-dom": ">=18.0.0"
68 },
69 "packageManager": "pnpm@8.15.4+sha512.0bd3a9be9eb0e9a692676deec00a303ba218ba279d99241475616b398dbaeedd11146f92c2843458f557b1d127e09d4c171e105bdcd6b61002b39685a8016b9e"
1import type { Preview } from '@storybook/react';
2import '../src/styles/globals.css';
3
1import type { StorybookConfig } from "@storybook/react-vite";
2
3const config: StorybookConfig = {
9 ],
10 framework: {
11 name: "@storybook/react-vite",
12 options: {},
13 },
17 typescript: {
18 check: false,
19 reactDocgen: "react-docgen-typescript",
20 reactDocgenTypescriptOptions: {
21 shouldExtractLiteralValuesFromEnum: true,
22 propFilter: (prop) =>
1# Personal Shopper UI Kit
2
3A React component library for the Personal Shopper application, built with Vite, TypeScript, and Tailwind CSS.
4
5## ๐ Quick Start
51## ๐ Technology Stack
52
53- **React 18** - UI library
54- **TypeScript** - Type safety
55- **Vite** - Build tool and dev server
63ui-kit/
64โโโ .storybook/ # Storybook configuration
65โโโ components/ # React components
66โ โโโ *.tsx # Component implementations
67โ โโโ *.stories.tsx # Storybook stories
110- Library mode for component distribution
111- TypeScript declaration generation
112- React plugin for JSX transform
113- Path aliases for cleaner imports
114
116
117- Strict type checking enabled
118- JSX React runtime
119- Declaration file generation
120- Path mapping for imports
9 "eslint:recommended",
10 "plugin:@typescript-eslint/recommended",
11 "plugin:react/recommended",
12 "plugin:react-hooks/recommended",
13 ],
14 ignorePatterns: [
33 "prefer-template": "error",
34 "no-unused-vars": "off", // Disable for now to avoid conflicts
35 "react/react-in-jsx-scope": "off",
36 "react/prop-types": "off",
37 },
38 settings: {
39 react: {
40 version: "detect",
41 },
1import type { Meta, StoryObj } from "@storybook/react";
2import { CurrentLocationIndicator } from "./CurrentLocationIndicator";
3
