@commercetools-frontend/staff-bar 0.0.0

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@commercetools-frontend/staff-bar",
+  "version": "0.0.0",
+  "description": "Toolbar that makes testing inside Merchant Center easier",
+  "license": "MIT",
+  "main": "dist/commercetools-frontend-staff-bar.cjs.js",
+  "module": "dist/commercetools-frontend-staff-bar.esm.js",
+  "files": [
+    "dist",
+    "scripts",
+    "LICENSE",
+    "package.json",
+    "README.md"
+  ],
+  "dependencies": {
+    "@apollo/client": "3.7.10",
+    "@babel/core": "^7.22.11",
+    "@babel/runtime": "^7.21.0",
+    "@babel/runtime-corejs3": "^7.21.0",
+    "@commercetools-frontend/application-components": "22.27.0",
+    "@commercetools-frontend/application-shell": "22.27.0",
+    "@commercetools-frontend/application-shell-connectors": "22.27.0",
+    "@commercetools-frontend/constants": "22.27.0",
+    "@commercetools-frontend/ui-kit": "19.5.0",
+    "@emotion/react": "^11.11.1",
+    "@flopflip/types": "14.0.1",
+    "lodash": "4.17.21",
+    "prop-types": "15.8.1",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-router-dom": "5.3.4",
+    "typescript": "5.2.2",
+    "@commercetools-frontend/fullstory": "2.4.2"
+  },
+  "devDependencies": {
+    "@manypkg/find-root": "2.2.1",
+    "@types/react": "17.0.80",
+    "@types/react-dom": "17.0.25",
+    "@types/react-router-dom": "5.3.3",
+    "prettier": "2.8.8",
+    "rcfile": "1.0.3"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "postbuild": "node scripts/generate-environments-config.mjs"
+  }
+}

package/scripts/generate-environments-config.mjs

@@ -0,0 +1,63 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import { findRootSync } from '@manypkg/find-root';
+import prettier from 'prettier';
+import rcfile from 'rcfile';
+
+/**
+ * This script generates the environments.config.json file based on the environments.config.cjs file.
+ * We use the environments.config.cjs file as input but remove any non relavant information for the staff bar.
+ */
+async function run() {
+  const monorepoRoot = findRootSync(process.cwd());
+  const prettierConfig = rcfile('prettier');
+
+  const entireEnvironmentsConfig = await import(
+    path.join(monorepoRoot.rootDir, 'environments.config.cjs')
+  );
+
+  const partialEnvironmentsConfig = Object.entries(
+    entireEnvironmentsConfig
+  ).reduce((processedEnvs, [nextEnvName, nextEnvValue]) => {
+    if (nextEnvValue.enabled) {
+      return {
+        ...processedEnvs,
+        [nextEnvName]: {
+          MerchantCenterFrontend: nextEnvValue.MerchantCenterFrontend,
+        },
+      };
+    }
+
+    return processedEnvs;
+  }, {});
+
+  const formattedPartialEnvironmentsConfig = await prettier.format(
+    JSON.stringify(partialEnvironmentsConfig),
+    {
+      ...prettierConfig,
+      parser: 'json',
+    }
+  );
+
+  await Promise.allSettled([
+    fs.writeFile(
+      'src/environments.config.json',
+      formattedPartialEnvironmentsConfig,
+      {
+        encoding: 'utf-8',
+      }
+    ),
+    fs.writeFile(
+      'dist/environments.config.json',
+      formattedPartialEnvironmentsConfig,
+      {
+        encoding: 'utf-8',
+      }
+    ),
+  ]);
+}
+
+run().catch((error) => {
+  console.error(error.message || error.stack || error);
+  process.exit(1);
+});