@commercetools-frontend/mc-dev-authentication 0.0.0-CRAFT-1791-20251006162610

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) commercetools GmbH
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,13 @@
+# @commercetools-frontend/mc-dev-authentication
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@commercetools-frontend/mc-dev-authentication"><img src="https://badgen.net/npm/v/@commercetools-frontend/mc-dev-authentication" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/mc-dev-authentication"><img src="https://badgen.net/npm/v/@commercetools-frontend/mc-dev-authentication/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/mc-dev-authentication"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/mc-dev-authentication" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
+</p>
+
+Authentication views when running webpack-dev-server in development mode.
+
+## Install
+
+```bash
+$ npm install --save @commercetools-frontend/mc-dev-authentication
+```

package/dist/commercetools-frontend-mc-dev-authentication.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWVyY2V0b29scy1mcm9udGVuZC1tYy1kZXYtYXV0aGVudGljYXRpb24uY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

package/dist/commercetools-frontend-mc-dev-authentication.cjs.dev.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+
+const trimTrailingSlash = value => value.replace(/\/$/, '');
+function createMcDevAuthenticationMiddleware(applicationConfig) {
+  const isDevAuthenticationMiddlewareDisabled = String(applicationConfig.env.disableAuthRoutesOfDevServer) === 'true' || applicationConfig.env.servedByProxy;
+  return (request, response, next) => {
+    // This endpoint is meant to be used in Cypress tests to ensure
+    // that the primary origin is set to localhost.
+    if (request.originalUrl === '/api/health') {
+      response.statusCode = 200;
+      if (request.headers.accept === 'application/json') {
+        response.setHeader('Content-Type', 'application/json');
+        response.end(_JSON$stringify__default["default"]({
+          healthy: true
+        }));
+      } else {
+        response.setHeader('Content-Type', 'text/html');
+        response.end(`healthy = true`);
+      }
+      return;
+    }
+    if (request.originalUrl === '/api/graphql') {
+      response.statusCode = 404;
+      response.setHeader('Content-Type', 'application/json');
+      response.end(_JSON$stringify__default["default"]({
+        message: `This GraphQL endpoint is only available in production in the [Merchant Center Proxy Router](https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router). Please check that you are not calling this endpoint in development mode.`
+      }));
+      return;
+    }
+    if (applicationConfig.env.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      var _context;
+      // Handle login page for OIDC workflow when developing against a local MC API.
+      if (_startsWithInstanceProperty__default["default"](_context = applicationConfig.env.__DEVELOPMENT__.oidc.authorizeUrl).call(_context, 'http://localhost')) {
+        if (request.originalUrl?.startsWith('/login/authorize')) {
+          if (!isDevAuthenticationMiddlewareDisabled) {
+            // Redirect to the MC API to initiate the authorize flow.
+            const redirectTo = new _URL__default["default"](request.originalUrl, trimTrailingSlash(applicationConfig.env.mcApiUrl));
+            response.writeHead(301, {
+              Location: redirectTo.toString()
+            }).end();
+            return;
+          }
+        }
+      }
+    }
+    next();
+  };
+}
+
+const transformerLocal = () => {
+  // noop
+};
+
+exports.createMcDevAuthenticationMiddleware = createMcDevAuthenticationMiddleware;
+exports.transformerLocal = transformerLocal;

package/dist/commercetools-frontend-mc-dev-authentication.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./commercetools-frontend-mc-dev-authentication.cjs.prod.js");
+} else {
+  module.exports = require("./commercetools-frontend-mc-dev-authentication.cjs.dev.js");
+}

package/dist/commercetools-frontend-mc-dev-authentication.cjs.prod.js

@@ -0,0 +1,67 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var _URL = require('@babel/runtime-corejs3/core-js-stable/url');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _JSON$stringify__default = /*#__PURE__*/_interopDefault(_JSON$stringify);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var _URL__default = /*#__PURE__*/_interopDefault(_URL);
+
+const trimTrailingSlash = value => value.replace(/\/$/, '');
+function createMcDevAuthenticationMiddleware(applicationConfig) {
+  const isDevAuthenticationMiddlewareDisabled = String(applicationConfig.env.disableAuthRoutesOfDevServer) === 'true' || applicationConfig.env.servedByProxy;
+  return (request, response, next) => {
+    // This endpoint is meant to be used in Cypress tests to ensure
+    // that the primary origin is set to localhost.
+    if (request.originalUrl === '/api/health') {
+      response.statusCode = 200;
+      if (request.headers.accept === 'application/json') {
+        response.setHeader('Content-Type', 'application/json');
+        response.end(_JSON$stringify__default["default"]({
+          healthy: true
+        }));
+      } else {
+        response.setHeader('Content-Type', 'text/html');
+        response.end(`healthy = true`);
+      }
+      return;
+    }
+    if (request.originalUrl === '/api/graphql') {
+      response.statusCode = 404;
+      response.setHeader('Content-Type', 'application/json');
+      response.end(_JSON$stringify__default["default"]({
+        message: `This GraphQL endpoint is only available in production in the [Merchant Center Proxy Router](https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router). Please check that you are not calling this endpoint in development mode.`
+      }));
+      return;
+    }
+    if (applicationConfig.env.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      var _context;
+      // Handle login page for OIDC workflow when developing against a local MC API.
+      if (_startsWithInstanceProperty__default["default"](_context = applicationConfig.env.__DEVELOPMENT__.oidc.authorizeUrl).call(_context, 'http://localhost')) {
+        if (request.originalUrl?.startsWith('/login/authorize')) {
+          if (!isDevAuthenticationMiddlewareDisabled) {
+            // Redirect to the MC API to initiate the authorize flow.
+            const redirectTo = new _URL__default["default"](request.originalUrl, trimTrailingSlash(applicationConfig.env.mcApiUrl));
+            response.writeHead(301, {
+              Location: redirectTo.toString()
+            }).end();
+            return;
+          }
+        }
+      }
+    }
+    next();
+  };
+}
+
+const transformerLocal = () => {
+  // noop
+};
+
+exports.createMcDevAuthenticationMiddleware = createMcDevAuthenticationMiddleware;
+exports.transformerLocal = transformerLocal;

package/dist/commercetools-frontend-mc-dev-authentication.esm.js

@@ -0,0 +1,56 @@
+import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
+import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import _URL from '@babel/runtime-corejs3/core-js-stable/url';
+
+const trimTrailingSlash = value => value.replace(/\/$/, '');
+function createMcDevAuthenticationMiddleware(applicationConfig) {
+  const isDevAuthenticationMiddlewareDisabled = String(applicationConfig.env.disableAuthRoutesOfDevServer) === 'true' || applicationConfig.env.servedByProxy;
+  return (request, response, next) => {
+    // This endpoint is meant to be used in Cypress tests to ensure
+    // that the primary origin is set to localhost.
+    if (request.originalUrl === '/api/health') {
+      response.statusCode = 200;
+      if (request.headers.accept === 'application/json') {
+        response.setHeader('Content-Type', 'application/json');
+        response.end(_JSON$stringify({
+          healthy: true
+        }));
+      } else {
+        response.setHeader('Content-Type', 'text/html');
+        response.end(`healthy = true`);
+      }
+      return;
+    }
+    if (request.originalUrl === '/api/graphql') {
+      response.statusCode = 404;
+      response.setHeader('Content-Type', 'application/json');
+      response.end(_JSON$stringify({
+        message: `This GraphQL endpoint is only available in production in the [Merchant Center Proxy Router](https://docs.commercetools.com/merchant-center-customizations/concepts/merchant-center-proxy-router). Please check that you are not calling this endpoint in development mode.`
+      }));
+      return;
+    }
+    if (applicationConfig.env.__DEVELOPMENT__?.oidc?.authorizeUrl) {
+      var _context;
+      // Handle login page for OIDC workflow when developing against a local MC API.
+      if (_startsWithInstanceProperty(_context = applicationConfig.env.__DEVELOPMENT__.oidc.authorizeUrl).call(_context, 'http://localhost')) {
+        if (request.originalUrl?.startsWith('/login/authorize')) {
+          if (!isDevAuthenticationMiddlewareDisabled) {
+            // Redirect to the MC API to initiate the authorize flow.
+            const redirectTo = new _URL(request.originalUrl, trimTrailingSlash(applicationConfig.env.mcApiUrl));
+            response.writeHead(301, {
+              Location: redirectTo.toString()
+            }).end();
+            return;
+          }
+        }
+      }
+    }
+    next();
+  };
+}
+
+const transformerLocal = () => {
+  // noop
+};
+
+export { createMcDevAuthenticationMiddleware, transformerLocal };

package/dist/declarations/src/create-mc-dev-authentication-middleware.d.ts

@@ -0,0 +1,5 @@
+import type { ServerResponse } from 'node:http';
+import type { IncomingMessage, NextFunction } from 'connect';
+import type { TCustomApplicationRuntimeConfig } from "./types.js";
+declare function createMcDevAuthenticationMiddleware(applicationConfig: TCustomApplicationRuntimeConfig): (request: IncomingMessage, response: ServerResponse, next: NextFunction) => void;
+export default createMcDevAuthenticationMiddleware;

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default as createMcDevAuthenticationMiddleware } from "./create-mc-dev-authentication-middleware.js";
+export { default as transformerLocal } from "./transformer-local.js";

package/dist/declarations/src/transformer-local.d.ts

@@ -0,0 +1,2 @@
+declare const transformerLocal: () => void;
+export default transformerLocal;

package/dist/declarations/src/types.d.ts

@@ -0,0 +1,4 @@
+import type { ApplicationRuntimeConfig } from '@commercetools-frontend/application-config';
+export type TCustomApplicationRuntimeConfig = ApplicationRuntimeConfig<{
+    disableAuthRoutesOfDevServer?: boolean;
+}>;

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@commercetools-frontend/mc-dev-authentication",
+  "version": "0.0.0-CRAFT-1791-20251006162610",
+  "description": "Authentication views when running webpack-dev-server in development mode",
+  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/commercetools/merchant-center-application-kit.git",
+    "directory": "packages/mc-dev-authentication"
+  },
+  "homepage": "https://docs.commercetools.com/merchant-center-customizations",
+  "keywords": [
+    "javascript",
+    "frontend",
+    "react",
+    "toolkit"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/commercetools-frontend-mc-dev-authentication.cjs.js",
+  "module": "dist/commercetools-frontend-mc-dev-authentication.esm.js",
+  "files": [
+    "dist",
+    "transformer-local.js",
+    "package.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.22.15",
+    "@babel/runtime-corejs3": "^7.22.15"
+  },
+  "devDependencies": {
+    "@tsconfig/node22": "^22.0.0",
+    "@types/connect": "^3.4.36",
+    "connect": "^3.7.0",
+    "@commercetools-frontend/application-config": "0.0.0-CRAFT-1791-20251006162610"
+  },
+  "engines": {
+    "node": "18.x || 20.x || >=22.0.0"
+  }
+}

package/transformer-local.js

@@ -0,0 +1,12 @@
+/**
+ * This file is expected to be included in the package as it's referenced for the `--transformer` option
+ * in the `compile-html` command.
+ *
+ * @example
+ * ```
+ * mc-scripts compile-html --transformer @commercetools-frontend/mc-dev-authentication/transformer-local.js
+ * ```
+ */
+
+const { transformerLocal } = require('.');
+module.exports = transformerLocal;