chore: export mocks (#3607)

OKTA-719095 chore: export mocks
remove out workspace dep

package.json

@@ -48,7 +48,8 @@
       "default": "./target/js/okta-sign-in.oie.js"
     },
     "./polyfill": "./target/js/okta-sign-in.polyfill.js",
-    "./css/": "./target/css/"
+    "./css/": "./target/css/",
+    "./mocks": "./playground/mocks/server.js"
   },
   "scripts": {
     "clean": "rimraf target && rimraf dist && rimraf build2",

playground/mocks/config/templateHelper.js

@@ -1,6 +1,5 @@
 const path = require('path');
 const responseConfig = require('./responseConfig');
-const signinWidgetOptions = require('../../../.widgetrc.js');
 const supportedApi = [
   '/oauth2/',
   '/api/v1/authn',
@@ -45,7 +44,7 @@ const configMock = (option) => {
     proxy: false,
     method: option.method || 'POST',
     status: (req, res, next) => {
-      if(!hasChainedMockData) {
+      if (!hasChainedMockData) {
         res.status(403);
         next();
         return;
@@ -78,7 +77,7 @@ const configMock = (option) => {
 
         // overwrite URLs if using mock server behind the proxy
         const json = require(mockFile);
-        const str = JSON.stringify(json).replace(/http:\/\/localhost:3000/g, signinWidgetOptions.baseUrl);
+        const str = JSON.stringify(json).replace(/http:\/\/localhost:3000/g, process.env.BASE_URL);
         return JSON.parse(str);
       }
 

playground/mocks/package.json

@@ -1,5 +1,9 @@
 {
   "name": "@okta/mocks",
   "version": "1.0.0",
-  "private": "true"
+  "private": "true",
+  "main": "server.js",
+  "dependencies": {
+    "dyson": "^4.1.0"
+  }
 }

playground/mocks/server.js

@@ -18,4 +18,4 @@ const app = dyson.createServer(options);
 dyson.registerServices(app, options, configs);
 
 // eslint-disable-next-line no-console
-console.log( '\x1b[32m%s\x1b[0m', 'Dyson mock server started');
+console.log('\x1b[32m%s\x1b[0m', 'Dyson mock server started at port:', options.port);

src/v3/webpack.dev.config.ts

@@ -152,7 +152,7 @@ const devConfig: Configuration = mergeWithRules({
       setupMiddlewares(middlewares) {
         const script = resolve(PLAYGROUND, 'mocks/server.js');
         const watch = [resolve(PLAYGROUND, 'mocks')];
-        const env = { MOCK_SERVER_PORT, DEV_SERVER_PORT };
+        const env = { MOCK_SERVER_PORT, DEV_SERVER_PORT, BASE_URL: require(WIDGET_RC_JS).baseUrl };
 
         nodemon({
           script, watch, env, delay: 50,

webpack.playground.config.js

@@ -37,7 +37,7 @@ const headers = {};
 if (!process.env.DISABLE_CSP) {
   // Allow google domains for testing recaptcha
   const scriptSrc = `script-src http://${HOST}:${DEV_SERVER_PORT} 'nonce-playground' https://www.google.com https://www.gstatic.com`;
-  const styleSrc =  `style-src http://${HOST}:${DEV_SERVER_PORT} 'nonce-playground'`;
+  const styleSrc = `style-src http://${HOST}:${DEV_SERVER_PORT} 'nonce-playground'`;
   const csp = `${scriptSrc}; ${styleSrc};`;
   headers['Content-Security-Policy'] = csp;
 }
@@ -140,7 +140,7 @@ module.exports = {
     setupMiddlewares(middlewares) {
       const script = path.resolve(__dirname, 'playground/mocks/server.js');
       const watch = [path.resolve(__dirname, 'playground/mocks')];
-      const env = { MOCK_SERVER_PORT, DEV_SERVER_PORT };
+      const env = { MOCK_SERVER_PORT, DEV_SERVER_PORT, BASE_URL: require(WIDGET_RC_JS).baseUrl };
       nodemon({ script, watch, env, delay: 50 })
         .on('crash', console.error);
       return middlewares;