ci: add pnpm run build-vercel

README.md

@@ -198,6 +198,15 @@ The scripts above use `nx` to automatically run all scripts that are a prerequis
 | `pnpm run publish`  | Publish each package to the npm registry                                  |
 | `pnpm run release`  | Determine new version number automatically and update each `package.json` |
 
+## Other scripts
+
+### `pnpm run build-vercel`
+
+Run the build processes, but excluding the following builds that do not currently work on Vercel:
+
+- The build for `storybook-angular` crashes randomly.
+- The `design-tokens-component-library` required Node.js 22, but last time we checked Vercel only supported Node 20.
+
 ## Code of Conduct
 
 We pledge to act and interact in ways that contribute to an open, welcoming, diverse, inclusive, and healthy community. Read [our Code of Conduct](CODE_OF_CONDUCT.md) if you haven't already.

package.json

@@ -67,6 +67,7 @@
     "add-repository-directory": "node ./add-repository-directory.mjs",
     "build": "pnpm run nx-build --skip-nx-cache",
     "build:css": "pnpm run --dir components/ --filter '@utrecht/*-css' build",
+    "build-vercel": "pnpm run --recursive build-vercel && pnpm run --filter=\"!{packages/storybook-angular}\" --filter=\"!{packages/component-library-angular}\" --recursive build",
     "nx-build": "nx run-many --target=build --all --parallel",
     "clean": "pnpm run --recursive clean",
     "docs": "pnpm run --workspace packages/docusaurus start",

packages/component-library-design-tokens/package.json

@@ -14,17 +14,19 @@
   "publishConfig": {
     "access": "public"
   },
+  "type": "module",
   "repository": {
     "type": "git+ssh",
     "url": "git@github.com:nl-design-system/utrecht.git",
     "directory": "packages/component-library-design-tokens"
   },
+  "dependencies": {
+    "glob": "10.4.2",
+    "lodash-es": "4.17.21"
+  },
   "devDependencies": {
     "@nl-design-system-unstable/theme-toolkit": "1.0.0",
-    "glob": "10.4.2",
-    "lodash.clonedeepwith": "4.5.0",
-    "lodash.isplainobject": "4.0.6",
-    "lodash.merge": "4.6.2",
+    "@types/lodash-es": "4.17.12",
     "rimraf": "5.0.7"
   },
   "scripts": {

packages/component-library-design-tokens/src/build-property.mjs

@@ -1,7 +1,7 @@
 import { mkdir, writeFile } from 'node:fs/promises';
 import { getComponentTokens } from './lib.mjs';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';
 
 const traverseDeep = (root, parents, current, valueTest, callback) => {

packages/component-library-design-tokens/src/lib.mjs

@@ -1,5 +1,5 @@
 import { readFile } from 'node:fs/promises';
-import merge from 'lodash.merge';
+import merge from 'lodash-es/merge.js';
 import { glob } from 'glob';
 import { resolve } from 'path';
 

packages/component-library-design-tokens/src/lint-build.mjs

@@ -1,6 +1,6 @@
 import { readFile } from 'node:fs/promises';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { glob } from 'glob';
 import { getComponentTokens } from './lib.mjs';
 import { isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';

packages/component-library-design-tokens/src/lint-theme.mjs

@@ -1,8 +1,7 @@
 import { readFile } from 'node:fs/promises';
-import merge from 'lodash.merge';
-import cloneDeepWith from 'lodash.clonedeepwith';
-import isPlainObject from 'lodash.isplainobject';
-import { glob } from 'glob';
+import merge from 'lodash-es/merge.js';
+import cloneDeepWith from 'lodash-es/clonedeepwith.js';
+import isPlainObject from 'lodash-es/isplainobject.js';
 import { getComponentTokens } from './lib.mjs';
 import { isDesignToken, isDesignTokenDefinition } from '@nl-design-system-unstable/theme-toolkit/dist/design-tokens.js';
 

packages/storybook-angular/package.json

@@ -78,6 +78,7 @@
   "scripts": {
     "clean": "rimraf .angular/ dist/ tmp/",
     "build": "ng run storybook-angular:build-storybook",
+    "build-vercel": "mkdir -p dist/",
     "lint-build": "tsc --noEmit --project tsconfig.json",
     "storybook": "ng run storybook-angular:storybook --port 6009"
   }