Merge branch 'main' into DSW-2496-radio-group-overview

.changeset/empty-poets-carry.md

@@ -0,0 +1,5 @@
+---
+"pie-monorepo": minor
+---
+
+[Removed] - @babel/traverse resolution to fix issue with pie-icons-webc build

.changeset/neat-timers-compare.md

@@ -0,0 +1,6 @@
+---
+"pie-storybook": minor
+"pie-docs": minor
+---
+
+[Added] - Refactor to use @justeattakeaway/pie-monorepo-utils to import component statuses

.changeset/spotty-numbers-type.md

@@ -0,0 +1,10 @@
+---
+"@justeattakeaway/pie-monorepo-utils": minor
+---
+
+[Added] - Renamed `pie-git-hooks-scripts` to `pie-monorepo-utils`
+
+**Old Changelog entries from `pie-git-hooks-scripts`**
+
+[Changed] - Exported files for use in consuming repos ([#1206](https://github.com/justeattakeaway/pie/pull/1206)) by [@siggerzz](https://github.com/siggerzz)
+[Added] - scripts for verifying branch name and commit message format ([#625](https://github.com/justeattakeaway/pie/pull/625)) by [@fernandofranca](https://github.com/fernandofranca)

.github/project-labeler.yml

@@ -24,6 +24,9 @@ pie-components-config:
 tools:
   - 'packages/tools/**/*'
 
+pie-monorepo-utils:
+  - 'packages/tools/pie-monorepo-utils/**/*'
+
 pie-icons:
   - 'packages/tools/pie-icons/**/*'
 
@@ -125,4 +128,4 @@ pie-webc-core:
   - 'packages/components/pie-webc-core/**/*'
 
 pie-webc-testing:
-  - 'packages/components/pie-webc-testing/**/*'
+  - 'packages/components/pie-webc-testing/**/*'

.gitignore

@@ -175,7 +175,6 @@ dist/
 custom-elements.json
 **/src/react.ts
 **/stats.html
-**/component-statuses.json
 
 # Yalc
 .yalc

.husky/commit-msg

@@ -5,7 +5,7 @@
 npx --no -- commitlint --edit ${1}
 
 # Adds Jira ticket id to commit message
-packages/tools/pie-git-hooks-scripts/check-ticket-id.js $1 $(git symbolic-ref --short HEAD)
+packages/tools/pie-monorepo-utils/git-hooks/check-ticket-id.js $1 $(git symbolic-ref --short HEAD)
 
 # Section for git-secrets
 if ! command -v git-secrets &> /dev/null

.husky/pre-commit

@@ -2,7 +2,7 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 # Checks branch name for Jira ticket id
-packages/tools/pie-git-hooks-scripts/check-branch-name.js $(git symbolic-ref --short HEAD)
+packages/tools/pie-monorepo-utils/git-hooks/check-branch-name.js $(git symbolic-ref --short HEAD)
 
 # Section for git-secrets
 if ! command -v git-secrets &> /dev/null

.husky/pre-push

@@ -2,7 +2,7 @@
 . "$(dirname -- "$0")/_/husky.sh"
 
 # Checks branch name for Jira ticket id
-packages/tools/pie-git-hooks-scripts/check-branch-name.js $(git symbolic-ref --short HEAD)
+packages/tools/pie-monorepo-utils/git-hooks/check-branch-name.js $(git symbolic-ref --short HEAD)
 
 # Checks the diff files for lint errors before allowing to push
 yarn lint:scripts lint:style

apps/pie-docs/package.json

@@ -12,7 +12,6 @@
     "build:dev": "DEPLOYMENT_ENVIRONMENT='development' eleventy",
     "clean": "run -T rimraf dist",
     "dev": "npx @11ty/eleventy --serve --port=8080",
-    "copy:component-statuses": "cp -v ../../component-statuses.json .",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "run -T eslint . --fix",
     "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
@@ -32,6 +31,7 @@
   "devDependencies": {
     "@11ty/eleventy": "2.0.1",
     "@11ty/eleventy-navigation": "0.3.5",
+    "@justeattakeaway/pie-monorepo-utils": "0.0.0",
     "eleventy-plugin-rev": "1.1.1",
     "eleventy-sass": "2.2.3",
     "markdown-it-attrs": "4.1.6"

apps/pie-docs/src/componentStatusData.js

@@ -1,4 +1,4 @@
-const webComponentStatuses = require('../component-statuses.json');
+const webComponentStatuses = require('@justeattakeaway/pie-monorepo-utils/dist/component-statuses.json');
 const resourceTypes = require('./_data/resourceTypes');
 const statusTypes = require('./_data/statusTypes');
 

apps/pie-docs/turbo.json

@@ -13,7 +13,7 @@
       "dependsOn": [
         "^build",
         "clean",
-        "copy:component-statuses"
+        "^generate:component-statuses"
       ],
       "outputs": [
         "dist/**"
@@ -23,7 +23,7 @@
       "cache": true,
       "dependsOn": [
         "^build",
-        "copy:component-statuses"
+        "^generate:component-statuses"
       ]
     },
     "dev": {
@@ -32,12 +32,6 @@
         "build:dev"
       ]
     },
-    "copy:component-statuses": {
-      "dependsOn": [
-        "//#generate:component-statuses"
-      ],
-      "cache": false
-    },
     "test:generate-routes": {
       "cache": true,
       "dependsOn": [

apps/pie-storybook/decorators/component-status.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult, html } from 'lit';
 import '@justeattakeaway/pie-tag';
 import '@justeattakeaway/pie-icons-webc/dist/IconHelpCircle.js';
-import componentStatusesJson from '../component-statuses.json';
+import componentStatusesJson from '@justeattakeaway/pie-monorepo-utils/dist/component-statuses.json';
 import { type StorybookContext } from '../interfaces/storybook-context';
 import { type ComponentStatuses } from '../interfaces/component-status';
 import { tagVariantToStatusMap } from '../data/tag-variants-to-statuses-map';

apps/pie-storybook/docblocks/component-status.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import '@justeattakeaway/pie-tag';
-import componentStatusesJson from '../component-statuses.json';
+import componentStatusesJson from '@justeattakeaway/pie-monorepo-utils/dist/component-statuses.json';
 import { tagVariantToStatusMap } from '../data/tag-variants-to-statuses-map';
 import '@justeattakeaway/pie-icons-webc/dist/IconHelpCircle.js';
 

apps/pie-storybook/package.json

@@ -7,8 +7,7 @@
     "dev": "storybook dev -p 6006",
     "build": "storybook build --output-dir dist && cp -R ./static ./dist",
     "lint:scripts": "run -T eslint .",
-    "lint:scripts:fix": "run -T eslint . --fix",
-    "copy:component-statuses": "cp -v ../../component-statuses.json ."
+    "lint:scripts:fix": "run -T eslint . --fix"
   },
   "author": "Just Eat Takeaway.com - Design System Team",
   "license": "Apache-2.0",
@@ -42,6 +41,7 @@
   },
   "devDependencies": {
     "@justeattakeaway/pie-icons-configs": "4.5.1",
+    "@justeattakeaway/pie-monorepo-utils": "0.0.0",
     "@storybook/addon-a11y": "8.3.0",
     "@storybook/addon-designs": "8.0.3",
     "@storybook/addon-essentials": "8.3.0",

apps/pie-storybook/turbo.json

@@ -8,21 +8,15 @@
       "cache": false,
       "dependsOn": [
         "^build",
-        "copy:component-statuses"
+        "^generate:component-statuses"
       ]
     },
     "build": {
       "cache": true,
       "dependsOn": [
         "^build",
-        "copy:component-statuses"
+        "^generate:component-statuses"
       ]
-    },
-    "copy:component-statuses": {
-      "dependsOn": [
-        "//#generate:component-statuses"
-      ],
-      "cache": false
     }
   }
 }

package.json

@@ -18,9 +18,6 @@
       "./"
     ]
   },
-  "bin": {
-    "generate-component-statuses": "./utilities/component-statuses/generate-component-statuses.js"
-  },
   "scripts": {
     "analyse-component-bundles": "bundlewatch --config bundlewatch.config.json",
     "watch": "turbo run watch --filter=!pie-monorepo",
@@ -33,10 +30,9 @@
     "changeset:publish": "changeset publish",
     "changeset:version": "changeset version",
     "clean": "turbo run clean --filter=!pie-monorepo",
-    "cz": "./packages/tools/pie-git-hooks-scripts/check-branch-name.js $(git symbolic-ref --short HEAD) && ./node_modules/cz-customizable/standalone.js",
+    "cz": "./packages/tools/pie-monorepo-utils/git-hooks/check-branch-name.js $(git symbolic-ref --short HEAD) && ./node_modules/cz-customizable/standalone.js",
     "dev": "turbo run dev --filter=!pie-monorepo",
-    "copy:component-statuses": "cross-env-shell turbo run copy:component-statuses --filter=!pie-monorepo",
-    "generate:component-statuses": "npx generate-component-statuses",
+    "generate:component-statuses": "turbo run generate:component-statuses --filter=!pie-monorepo",
     "generate:examples": "cross-env-shell turbo run generate:examples --filter=!pie-monorepo --token=${TURBO_TOKEN}",
     "lint:config:fix": "eslint --fix turbo.json (packages|apps)/**/turbo.json",
     "lint:examples": "cross-env-shell turbo run lint:examples --filter=!pie-monorepo --token=${TURBO_TOKEN}",
@@ -141,7 +137,6 @@
     "yarn": "3.8.1"
   },
   "resolutions": {
-    "@babel/traverse": "7.22.5",
     "lit": "3.2.0",
     "tar": "6.2.1",
     "@playwright/experimental-ct-core": "1.41.0"

packages/tools/pie-monorepo-utils/README.md

@@ -0,0 +1,7 @@
+<p align="center">
+  <img align="center" src="../../readme_image.png" height="200" alt="">
+</p>
+
+# pie-monorepo-utils
+
+This package contains scripts and utilities used by the PIE monorepo.

packages/tools/pie-git-hooks-scripts/__tests__/git-hooks-utils.test.js → packages/tools/pie-monorepo-utils/__tests__/git-hooks/git-hooks-utils.test.js

@@ -3,7 +3,7 @@ import {
 } from 'vitest';
 import {
     getTicketIdFromBranchName, validateBranchName, verifyCommitMessage,
-} from '../git-hooks-utils';
+} from '../../git-hooks/git-hooks-utils';
 
 describe('getTicketIdFromBranchName', () => {
     describe('when called with an incompatible argument', () => {

utilities/component-statuses/componentStatusGenerator.js → packages/tools/pie-monorepo-utils/component-statuses/componentStatusGenerator.js

@@ -37,10 +37,11 @@ class ComponentStatusGenerator {
 
     // Generates a json file with the statuses of each PIE component. The status is sourced from the package.json file of each component.
     // The json will be outputted to the root of the package invoking this script as 'component-statuses.json'
-    async generateStatuses (workingDir) {
+    async generateStatuses () {
         this.console.info('Generating component statuses...');
 
         try {
+            const workingDir = process.cwd();
             const monorepoRoot = this.findMonorepoRootSync(workingDir);
 
             // Find components base dir
@@ -93,8 +94,14 @@ class ComponentStatusGenerator {
 
             this.console.info('Component statuses:', filteredStatuses);
 
-            // write the statuses json file
-            const outputPath = this.path.resolve(workingDir, 'component-statuses.json');
+            // Ensure the dist directory exists
+            const distDir = this.path.resolve(workingDir, 'dist');
+            if (!this.fs.existsSync(distDir)) {
+                this.fs.mkdirSync(distDir, { recursive: true });
+            }
+
+            // Write the statuses json file
+            const outputPath = this.path.resolve(distDir, 'component-statuses.json');
             await this.writeFile(outputPath, JSON.stringify(filteredStatuses, null, 2));
 
             this.console.info(`Successfully wrote component statuses to ${outputPath}`);

utilities/component-statuses/generate-component-statuses.js → packages/tools/pie-monorepo-utils/component-statuses/generate-component-statuses.js

@@ -8,4 +8,4 @@ const generator = new ComponentStatusGenerator({
     fs, path, promisify, console,
 });
 
-generator.generateStatuses(process.cwd());
+generator.generateStatuses();

packages/tools/pie-monorepo-utils/index.js

@@ -0,0 +1,3 @@
+export * from './git-hooks/check-branch-name.js';
+export * from './git-hooks/check-ticket-id.js';
+export * from './git-hooks/git-hooks-utils.js';

packages/tools/pie-git-hooks-scripts/package.json → packages/tools/pie-monorepo-utils/package.json

@@ -1,9 +1,13 @@
 {
-  "name": "@justeattakeaway/pie-git-hooks-scripts",
-  "version": "0.2.0",
-  "description": "Scripts and utilities used by the Pie monorepo git hooks",
+  "name": "@justeattakeaway/pie-monorepo-utils",
+  "version": "0.0.0",
+  "description": "Scripts and utilities used by the PIE monorepo",
   "main": "index.js",
+  "files": [
+    "dist"
+  ],
   "scripts": {
+    "generate:component-statuses": "node ./component-statuses/generate-component-statuses.js",
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "run -T eslint . --fix",
     "test": "run -T vitest run",

packages/tools/pie-monorepo-utils/turbo.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://turborepo.org/schema.json",
+  "extends": [
+    "//"
+  ],
+  "pipeline": {
+    "generate:component-statuses": {
+      "cache": false,
+      "outputs": [
+        "./dist/component-statuses.json"
+      ]
+    }
+  }
+}

turbo.json

@@ -54,21 +54,9 @@
         ".output/**"
       ]
     },
-    "//#generate:component-statuses": {
-      "cache": true,
-      "inputs": [
-        "packages/components/**/package.json",
-        "!packages/components/pie-webc",
-        "!packages/components/pie-webc-core",
-        "!packages/components/pie-webc-testing"
-      ],
-      "outputs": [
-        "component-statuses.json"
-      ]
-    },
-    "copy:component-statuses": {},
+    "generate:component-statuses": {},
     "watch": {
-      "cache": true,
+      "cache": false,
       "dependsOn": []
     },
     "clean": {