initial test

Author: mattdjenkinson

.github/workflows/release.yml

@@ -15,20 +15,23 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v4
 
-      - name: Setup Node.js 20.x
+      - name: Setup Node.js 24.x
         uses: actions/setup-node@v4
         with:
-          node-version: 20
+          node-version: 24
+          cache: pnpm
 
       - name: Install Dependencies
-        run: yarn
+        run: |
+          corepack enable
+          pnpm install --frozen-lockfile
 
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1
         with:
           # This expects you to have a script called release which does a build for your packages and calls changeset publish
-          publish: yarn release
+          publish: pnpm release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.npmrc

@@ -1,2 +1,3 @@
 auto-install-peers = true
 public-hoist-pattern[]=*storybook*
+engine-strict = true

.nvmrc

@@ -0,0 +1 @@
+v24

.vscode/settings.json

@@ -3,5 +3,9 @@
     {
       "mode": "auto"
     }
-  ]
+  ],
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "css.lint.unknownAtRules": "ignore",
+  "scss.lint.unknownAtRules": "ignore",
+  "less.lint.unknownAtRules": "ignore"
 }

apps/docs/package.json

@@ -11,23 +11,21 @@
     "lint": "eslint ./stories/*.stories.tsx --max-warnings 0"
   },
   "dependencies": {
-    "@acme/ui": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@olli/ui": "workspace:*",
+    "react": "^19.2.1",
+    "react-dom": "^19.2.1"
   },
   "devDependencies": {
     "@repo/eslint-config": "workspace:*",
-    "@storybook/addon-actions": "^8.2.6",
-    "@storybook/addon-essentials": "^8.2.6",
-    "@storybook/addon-links": "^8.2.6",
-    "@storybook/react": "^8.2.6",
-    "@storybook/react-vite": "^8.2.6",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.57.0",
-    "serve": "^14.2.1",
-    "storybook": "^8.2.6",
+    "@storybook/addon-links": "^10.2.0",
+    "@storybook/react": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^8.57.1",
+    "serve": "^14.2.5",
+    "storybook": "^10.2.0",
     "@repo/typescript-config": "workspace:*",
-    "typescript": "5.5.4",
-    "vite": "^5.1.4"
+    "typescript": "5.9.3",
+    "vite": "^7.3.1"
   }
 }

apps/docs/stories/button.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Button } from "@acme/ui/button";
+import { Button } from "@olli/ui";
 
 const meta: Meta<typeof Button> = {
   component: Button,
@@ -35,12 +35,6 @@ export const Primary: Story = {
   name: "Button",
   args: {
     children: "Hello",
-    type: "button",
-    style: {
-      color: "blue",
-      border: "1px solid gray",
-      padding: 10,
-      borderRadius: 10,
-    },
+    type: "primary",
   },
 };

package.json

@@ -1,6 +1,8 @@
 {
   "private": true,
   "scripts": {
+    "preinstall": "node -e \"const ua=process.env.npm_config_user_agent||''; if(!ua.includes('pnpm')){console.error('This repo uses pnpm. Install with: corepack enable && pnpm install'); process.exit(1)}\"",
+    "shadcn:add": "pnpm --filter @repo/shadcn ui:add",
     "build": "turbo run build",
     "dev": "turbo run dev",
     "lint": "turbo run lint",
@@ -11,11 +13,15 @@
     "release": "turbo run build --filter=docs^... && changeset publish",
     "preview-storybook": "turbo run preview-storybook"
   },
+  "engines": {
+    "node": ">=24 <25"
+  },
   "devDependencies": {
-    "@changesets/cli": "^2.27.1",
-    "prettier": "^3.2.5",
-    "turbo": "^2.7.5"
+    "@changesets/cli": "^2.29.8",
+    "prettier": "^3.8.1",
+    "turbo": "^2.7.5",
+    "typescript": "5.9.3"
   },
-  "packageManager": "pnpm@8.15.6",
+  "packageManager": "pnpm@10.28.1",
   "name": "design-system"
 }

packages/ui/.eslintrc.js packages/olli/.eslintrc.jspackages/ui/.eslintrc.js renamed to packages/olli/.eslintrc.js

@@ -0,0 +1,3 @@
+{
+    "plugins": ["prettier-plugin-tailwindcss", "prettier-plugin-organize-imports"]
+  }

packages/olli/.prettierrc

@@ -0,0 +1,55 @@
+{
+  "name": "@olli/ui",
+  "version": "0.0.0",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles": {
+      "default": "./src/styles/root.css"
+    },
+    "./styles/*": {
+      "default": "./src/styles/*"
+    },
+    "./styles/*/*": {
+      "default": "./src/styles/*/*"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/shadcn": "workspace:*",
+    "@repo/tailwind-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
+    "eslint": "^8.57.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "prettier-plugin-tailwindcss": "^0.7.2",
+    "tsup": "^8.5.1",
+    "typescript": "5.9.3"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "lucide-react": "^0.556.0",
+    "react": "^19.2.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}