@justeattakeaway/pie-webc 0.0.0-snapshot-release-20240501131344 → 0.0.0-snapshot-release-20240502093305

package/README.md

@@ -53,4 +53,14 @@ For full information on using PIE components as part of an application, check ou
 
 ## Contributing
 
-Check out our [contributing guide](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide) for more information on [local development](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#local-development) and how to run specific [component tests](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#testing).
+Check out our [contributing guide](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide) for more information on [local development](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#local-development) and how to run specific [component tests](https://github.com/justeattakeaway/pie/wiki/Contributing-Guide#testing).
+
+## How it works
+There is a command that can be run to add all pie components to this package. The command is:
+
+```npx add-components```
+
+When run, a script will find each pie component and create `js` and `d.ts` files them in both `components` and `react` directories. The script will also update the `exports` field in the `package.json` file to include the new components and add the latest version of each component to the `dependencies` field.
+
+Generally, there should be no need to run this script. The only time it should be run is when we generated a new component using the component generator. The generator will take care of running this script automatically, so it should be a rare occurrence that it needs to be run manually.
+

package/add-components.js

@@ -0,0 +1,86 @@
+#!/usr/bin/env node
+import fs from 'fs';
+import path from 'path';
+
+const workingDir = process.cwd();
+
+// Function to check if the script is run from the expected directory
+function verifyRootDirectory (expectedPackageName) {
+    const packageJsonPath = path.join(workingDir, 'package.json');
+    if (!fs.existsSync(packageJsonPath)) {
+        console.error('Error: Please run this script from the root of the monorepo.');
+        process.exit(1);
+    }
+
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+    if (packageJson.name !== expectedPackageName) {
+        console.error('Error: Please run this script from the root of the monorepo.');
+        process.exit(1);
+    }
+}
+
+// Ensure the script is run from the root of the monorepo
+verifyRootDirectory('pie-monorepo');
+
+const componentsSourceDir = path.resolve('packages/components');
+const pieWebcDir = path.join(componentsSourceDir, 'pie-webc');
+const componentsTargetDir = path.join(pieWebcDir, 'components');
+const reactTargetDir = path.join(pieWebcDir, 'react');
+const pieWebcPackageJsonPath = path.join(pieWebcDir, 'package.json');
+const excludedFolders = ['pie-webc', 'pie-webc-core', 'pie-webc-testing'];
+
+// Read and parse the package.json of pie-webc
+const pieWebcPackageJsonData = fs.readFileSync(pieWebcPackageJsonPath, 'utf-8');
+const pieWebcPackageJson = JSON.parse(pieWebcPackageJsonData);
+pieWebcPackageJson.exports = pieWebcPackageJson.exports || {};
+pieWebcPackageJson.dependencies = pieWebcPackageJson.dependencies || {};
+
+// Ensure target 'components' and 'react' directories exist
+if (!fs.existsSync(componentsTargetDir)) {
+    fs.mkdirSync(componentsTargetDir, { recursive: true });
+}
+
+if (!fs.existsSync(reactTargetDir)) {
+    fs.mkdirSync(reactTargetDir, { recursive: true });
+}
+
+// Loop over all pie component packages and add them to pie-webc
+fs.readdirSync(componentsSourceDir).forEach((folder) => {
+    if (folder.startsWith('pie-') && !excludedFolders.includes(folder)) {
+        const fullFolderPath = path.join(componentsSourceDir, folder);
+        const componentName = folder.replace('pie-', '');
+        const packageName = `@justeattakeaway/${folder}`;
+        const componentPackageJsonPath = path.join(fullFolderPath, 'package.json');
+        const componentPackageJsonData = fs.readFileSync(componentPackageJsonPath, 'utf-8');
+        const componentPackageJson = JSON.parse(componentPackageJsonData);
+
+        // Add the component package as a dependency to pie-webc
+        pieWebcPackageJson.dependencies[packageName] = componentPackageJson.version;
+
+        const targets = [
+            { dir: componentsTargetDir, type: 'components', exportPath: packageName },
+            { dir: reactTargetDir, type: 'react', exportPath: `${packageName}/dist/react.js` }
+        ];
+
+        // Create the js and d.ts files for the component in the target directories
+        targets.forEach((target) => {
+            const jsFilePath = path.join(target.dir, `${componentName}.js`);
+            const tsFilePath = path.join(target.dir, `${componentName}.d.ts`);
+
+            const fileContent = `export * from '${target.exportPath}';\n`;
+            fs.writeFileSync(jsFilePath, fileContent);
+            fs.writeFileSync(tsFilePath, fileContent);
+
+            // Update exports in the pie-webc package.json to include the component
+            pieWebcPackageJson.exports[`./${target.type}/${componentName}.js`] = {
+                import: `./${target.type}/${componentName}.js`,
+                require: `./${target.type}/${componentName}.js`,
+                types: `./${target.type}/${componentName}.d.ts`,
+            };
+        });
+    }
+});
+
+// Write updates back to the package.json
+fs.writeFileSync(pieWebcPackageJsonPath, `${JSON.stringify(pieWebcPackageJson, null, 2)}\n`);
+console.info('All components added to pie-webc');

package/components/assistive-text.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-assistive-text';

package/components/assistive-text.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-assistive-text';

package/components/card.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-card';

package/components/card.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-card';

package/components/checkbox.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-checkbox';

package/components/checkbox.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-checkbox';

package/components/chip.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-chip';

package/components/chip.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-chip';

package/components/cookie-banner.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-cookie-banner';

package/components/cookie-banner.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-cookie-banner';

package/components/divider.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-divider';

package/components/divider.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-divider';

package/components/form-label.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-form-label';

package/components/form-label.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-form-label';

package/components/icon-button.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-icon-button';

package/components/icon-button.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-icon-button';

package/components/input.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-input';

package/components/input.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-input';

package/components/link.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-link';

package/components/link.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-link';

package/components/notification.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-notification';

package/components/notification.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-notification';

package/components/spinner.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-spinner';

package/components/spinner.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-spinner';

package/components/switch.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-switch';

package/components/switch.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-switch';

package/components/tag.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-tag';

package/components/tag.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-tag';

package/package.json

@@ -1,13 +1,23 @@
 {
   "name": "@justeattakeaway/pie-webc",
   "description": "Component bundle containing all PIE web components",
-  "version": "0.0.0-snapshot-release-20240501131344",
+  "version": "0.0.0-snapshot-release-20240502093305",
   "type": "module",
   "files": [
     "**/*.js",
     "**/*.d.ts"
   ],
   "exports": {
+    "./components/assistive-text.js": {
+      "import": "./components/assistive-text.js",
+      "require": "./components/assistive-text.js",
+      "types": "./components/assistive-text.d.ts"
+    },
+    "./react/assistive-text.js": {
+      "import": "./react/assistive-text.js",
+      "require": "./react/assistive-text.js",
+      "types": "./react/assistive-text.d.ts"
+    },
     "./components/button.js": {
       "import": "./components/button.js",
       "require": "./components/button.js",
@@ -18,6 +28,96 @@
       "require": "./react/button.js",
       "types": "./react/button.d.ts"
     },
+    "./components/card.js": {
+      "import": "./components/card.js",
+      "require": "./components/card.js",
+      "types": "./components/card.d.ts"
+    },
+    "./react/card.js": {
+      "import": "./react/card.js",
+      "require": "./react/card.js",
+      "types": "./react/card.d.ts"
+    },
+    "./components/checkbox.js": {
+      "import": "./components/checkbox.js",
+      "require": "./components/checkbox.js",
+      "types": "./components/checkbox.d.ts"
+    },
+    "./react/checkbox.js": {
+      "import": "./react/checkbox.js",
+      "require": "./react/checkbox.js",
+      "types": "./react/checkbox.d.ts"
+    },
+    "./components/chip.js": {
+      "import": "./components/chip.js",
+      "require": "./components/chip.js",
+      "types": "./components/chip.d.ts"
+    },
+    "./react/chip.js": {
+      "import": "./react/chip.js",
+      "require": "./react/chip.js",
+      "types": "./react/chip.d.ts"
+    },
+    "./components/cookie-banner.js": {
+      "import": "./components/cookie-banner.js",
+      "require": "./components/cookie-banner.js",
+      "types": "./components/cookie-banner.d.ts"
+    },
+    "./react/cookie-banner.js": {
+      "import": "./react/cookie-banner.js",
+      "require": "./react/cookie-banner.js",
+      "types": "./react/cookie-banner.d.ts"
+    },
+    "./components/divider.js": {
+      "import": "./components/divider.js",
+      "require": "./components/divider.js",
+      "types": "./components/divider.d.ts"
+    },
+    "./react/divider.js": {
+      "import": "./react/divider.js",
+      "require": "./react/divider.js",
+      "types": "./react/divider.d.ts"
+    },
+    "./components/form-label.js": {
+      "import": "./components/form-label.js",
+      "require": "./components/form-label.js",
+      "types": "./components/form-label.d.ts"
+    },
+    "./react/form-label.js": {
+      "import": "./react/form-label.js",
+      "require": "./react/form-label.js",
+      "types": "./react/form-label.d.ts"
+    },
+    "./components/icon-button.js": {
+      "import": "./components/icon-button.js",
+      "require": "./components/icon-button.js",
+      "types": "./components/icon-button.d.ts"
+    },
+    "./react/icon-button.js": {
+      "import": "./react/icon-button.js",
+      "require": "./react/icon-button.js",
+      "types": "./react/icon-button.d.ts"
+    },
+    "./components/input.js": {
+      "import": "./components/input.js",
+      "require": "./components/input.js",
+      "types": "./components/input.d.ts"
+    },
+    "./react/input.js": {
+      "import": "./react/input.js",
+      "require": "./react/input.js",
+      "types": "./react/input.d.ts"
+    },
+    "./components/link.js": {
+      "import": "./components/link.js",
+      "require": "./components/link.js",
+      "types": "./components/link.d.ts"
+    },
+    "./react/link.js": {
+      "import": "./react/link.js",
+      "require": "./react/link.js",
+      "types": "./react/link.d.ts"
+    },
     "./components/modal.js": {
       "import": "./components/modal.js",
       "require": "./components/modal.js",
@@ -27,8 +127,51 @@
       "import": "./react/modal.js",
       "require": "./react/modal.js",
       "types": "./react/modal.d.ts"
+    },
+    "./components/notification.js": {
+      "import": "./components/notification.js",
+      "require": "./components/notification.js",
+      "types": "./components/notification.d.ts"
+    },
+    "./react/notification.js": {
+      "import": "./react/notification.js",
+      "require": "./react/notification.js",
+      "types": "./react/notification.d.ts"
+    },
+    "./components/spinner.js": {
+      "import": "./components/spinner.js",
+      "require": "./components/spinner.js",
+      "types": "./components/spinner.d.ts"
+    },
+    "./react/spinner.js": {
+      "import": "./react/spinner.js",
+      "require": "./react/spinner.js",
+      "types": "./react/spinner.d.ts"
+    },
+    "./components/switch.js": {
+      "import": "./components/switch.js",
+      "require": "./components/switch.js",
+      "types": "./components/switch.d.ts"
+    },
+    "./react/switch.js": {
+      "import": "./react/switch.js",
+      "require": "./react/switch.js",
+      "types": "./react/switch.d.ts"
+    },
+    "./components/tag.js": {
+      "import": "./components/tag.js",
+      "require": "./components/tag.js",
+      "types": "./components/tag.d.ts"
+    },
+    "./react/tag.js": {
+      "import": "./react/tag.js",
+      "require": "./react/tag.js",
+      "types": "./react/tag.d.ts"
     }
   },
+  "bin": {
+    "add-components": "./add-components.js"
+  },
   "scripts": {
     "lint:scripts": "run -T eslint .",
     "lint:scripts:fix": "yarn lint:scripts --fix",
@@ -43,8 +186,22 @@
     "@justeattakeaway/pie-components-config": "0.16.0"
   },
   "dependencies": {
-    "@justeattakeaway/pie-button": "0.0.0-snapshot-release-20240501131344",
-    "@justeattakeaway/pie-modal": "0.0.0-snapshot-release-20240501131344"
+    "@justeattakeaway/pie-assistive-text": "0.3.6",
+    "@justeattakeaway/pie-button": "0.47.4",
+    "@justeattakeaway/pie-card": "0.19.4",
+    "@justeattakeaway/pie-checkbox": "0.1.0",
+    "@justeattakeaway/pie-chip": "0.6.2",
+    "@justeattakeaway/pie-cookie-banner": "0.19.6",
+    "@justeattakeaway/pie-divider": "0.13.4",
+    "@justeattakeaway/pie-form-label": "0.13.4",
+    "@justeattakeaway/pie-icon-button": "0.28.5",
+    "@justeattakeaway/pie-input": "0.18.2",
+    "@justeattakeaway/pie-link": "0.17.4",
+    "@justeattakeaway/pie-modal": "0.42.5",
+    "@justeattakeaway/pie-notification": "0.5.5",
+    "@justeattakeaway/pie-spinner": "0.6.4",
+    "@justeattakeaway/pie-switch": "0.29.4",
+    "@justeattakeaway/pie-tag": "0.9.5"
   },
   "volta": {
     "extends": "../../../package.json"

package/react/assistive-text.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-assistive-text/dist/react.js';

package/react/assistive-text.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-assistive-text/dist/react.js';

package/react/card.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-card/dist/react.js';

package/react/card.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-card/dist/react.js';

package/react/checkbox.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-checkbox/dist/react.js';

package/react/checkbox.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-checkbox/dist/react.js';

package/react/chip.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-chip/dist/react.js';

package/react/chip.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-chip/dist/react.js';

package/react/cookie-banner.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-cookie-banner/dist/react.js';

package/react/cookie-banner.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-cookie-banner/dist/react.js';

package/react/divider.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-divider/dist/react.js';

package/react/divider.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-divider/dist/react.js';

package/react/form-label.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-form-label/dist/react.js';

package/react/form-label.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-form-label/dist/react.js';

package/react/icon-button.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-icon-button/dist/react.js';

package/react/icon-button.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-icon-button/dist/react.js';

package/react/input.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-input/dist/react.js';

package/react/input.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-input/dist/react.js';

package/react/link.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-link/dist/react.js';

package/react/link.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-link/dist/react.js';

package/react/notification.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-notification/dist/react.js';

package/react/notification.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-notification/dist/react.js';

package/react/spinner.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-spinner/dist/react.js';

package/react/spinner.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-spinner/dist/react.js';

package/react/switch.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-switch/dist/react.js';

package/react/switch.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-switch/dist/react.js';

package/react/tag.d.ts

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-tag/dist/react.js';

package/react/tag.js

@@ -0,0 +1 @@
+export * from '@justeattakeaway/pie-tag/dist/react.js';