Develop

.gitignore

@@ -1,5 +1,7 @@
 dist
 lib
+.nx
+
 # Logs
 logs
 *.log
@@ -49,6 +51,8 @@ node_modules
 .node_repl_history
 .dist
 
+# ignore temp created for pushing prod changes to devleop
+lerna-temp.json
 # IDE 
 .idea
 *.DS_Store

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

build.config.js

@@ -1,35 +1,32 @@
 /* eslint-disable no-nested-ternary */
 /* eslint-disable no-underscore-dangle */
-process.env.ENV_FILE !== null && require('dotenv').config({ path: process.env.ENV_FILE });
+// process.env.ENV_FILE !== null && require('dotenv').config({ path: process.env.ENV_FILE });
 
 const __API_SERVER_PORT__ = process.env.GRAPHQL_URL ? new URL(process.env.GRAPHQL_URL).port : 8080;
 const __WEB_SERVER_PORT__ = process.env.LOCAL_BACKEND_URL ? new URL(process.env.LOCAL_BACKEND_URL).port : 3000;
-const __WEB_DEV_SERVER_PORT__ = process.env.SSR
-    ? 3010
-    : process.env.CLIENT_URL
-    ? new URL(process.env.CLIENT_URL).port
-    : 3000;
+const __WEB_DEV_SERVER_PORT__ =
+    process.env.SSR === 'true' ? 3010 : process.env.CLIENT_URL ? new URL(process.env.CLIENT_URL).port : 3000;
 const __SERVER_PROTOCOL__ = 'http';
-const __SERVER_HOST__ = 'localhost';
+const __LOCAL_SERVER_HOST__ = 'localhost';
 const __GRAPHQL_ENDPOINT__ = process.env.GRAPHQL_URL ? new URL(process.env.GRAPHQL_URL).pathname : '/graphql';
 const config = {
     __SERVER__: false,
     __CLIENT__: true,
-    __SSR__: process.env.NODE_ENV === 'production', // enableing SSR only in Production as in Dev we have a issue
+    __SSR_BACKEND__: process.env.SSR_BACKEND,
+    __SSR__: process.env.SSR === 'true',
     __DEBUGGING__: false,
     __TEST__: false,
     __WEB_DEV_SERVER_PORT__,
     __GRAPHQL_ENDPOINT__,
-    __SERVER_HOST__,
+    __LOCAL_SERVER_HOST__,
     __API_SERVER_PORT__,
     __API_URL__:
         process.env.API_URL ||
-        `${__SERVER_PROTOCOL__}://${__SERVER_HOST__}:${__API_SERVER_PORT__}${__GRAPHQL_ENDPOINT__}`,
+        `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__API_SERVER_PORT__}${__GRAPHQL_ENDPOINT__}`,
     __WEBSITE_URL__:
-        process.env.WEBSITE_URL || `${__SERVER_PROTOCOL__}://${__SERVER_HOST__}:${__WEB_DEV_SERVER_PORT__}`,
+        process.env.WEBSITE_URL || `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__WEB_DEV_SERVER_PORT__}`,
     __BACKEND_URL__:
-        process.env.LOCAL_BACKEND_URL || `${__SERVER_PROTOCOL__}://${__SERVER_HOST__}:${__WEB_SERVER_PORT__}`,
+        process.env.LOCAL_BACKEND_URL || `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__WEB_SERVER_PORT__}`,
 };
 
-console.log('---CONFIG', config);
 module.exports = config;

build.config.mjs

@@ -0,0 +1,37 @@
+/* eslint-disable no-nested-ternary */
+/* eslint-disable no-underscore-dangle */
+import { config as dotenvConfig } from 'dotenv-esm';
+
+if (process.env.ENV_FILE !== null) {
+    dotenvConfig({ path: process.env.ENV_FILE });
+}
+
+const __API_SERVER_PORT__ = process.env.GRAPHQL_URL ? new URL(process.env.GRAPHQL_URL).port : 8080;
+const __WEB_SERVER_PORT__ = process.env.LOCAL_BACKEND_URL ? new URL(process.env.LOCAL_BACKEND_URL).port : 3000;
+const __WEB_DEV_SERVER_PORT__ =
+    process.env.SSR === 'true' ? 3010 : process.env.CLIENT_URL ? new URL(process.env.CLIENT_URL).port : 3000;
+const __SERVER_PROTOCOL__ = 'http';
+const __LOCAL_SERVER_HOST__ = 'localhost';
+const __GRAPHQL_ENDPOINT__ = process.env.GRAPHQL_URL ? new URL(process.env.GRAPHQL_URL).pathname : '/graphql';
+
+const config = {
+    __SERVER__: false,
+    __CLIENT__: true,
+    __SSR_BACKEND__: process.env.SSR_BACKEND,
+    __SSR__: process.env.SSR === 'true',
+    __DEBUGGING__: false,
+    __TEST__: false,
+    __WEB_DEV_SERVER_PORT__,
+    __GRAPHQL_ENDPOINT__,
+    __LOCAL_SERVER_HOST__,
+    __API_SERVER_PORT__,
+    __API_URL__:
+        process.env.API_URL ||
+        `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__API_SERVER_PORT__}${__GRAPHQL_ENDPOINT__}`,
+    __WEBSITE_URL__:
+        process.env.WEBSITE_URL || `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__WEB_DEV_SERVER_PORT__}`,
+    __BACKEND_URL__:
+        process.env.LOCAL_BACKEND_URL || `${__SERVER_PROTOCOL__}://${__LOCAL_SERVER_HOST__}:${__WEB_SERVER_PORT__}`,
+};
+
+export default config;

codegen.yml

@@ -18,6 +18,7 @@ generates:
         withMutationFn: false
         withHOC: false
         withComponent: false
+        noGraphQLTag: true
     plugins:
       - add:
           content: /* tslint:disable */
@@ -33,8 +34,9 @@ generates:
     config:
       withMutationFn: false
       withHOC: false
-      withComponent: true
+      withComponent: false 
       withHooks: true
+      noGraphQLTag: true
     preset: import-types-preset
     presetConfig:
       typesPath: "../generated-models"

config/development/dev.env.sample

@@ -1,6 +1,10 @@
 #  
 # Create `dev.env` file and load following required values
 #  
+# Build-time Variables
+BUILD_MODULE_TO_INCLUDE=@sample-stack/counter-module-browser|@sample-stack/assets|@sample-stack/platform-browser
+
+
 NATS_URL=nats://localhost:4222/
 NATS_USER=test
 NATS_PW=test

config/staging/docker-staging.env.sample

@@ -0,0 +1,26 @@
+###
+### To connect from docker to localhost, if you are using a Mac host, you can use -
+#
+# HOSTNAME= docker.for.mac.host.internal
+# Or
+#
+# HOSTNAME = docker.for.mac.localhost
+###docker.for.mac.localhost
+
+NATS_URL=nats://docker.for.mac.localhost:4222/
+NATS_USER=test
+NATS_PW=test
+GRAPHQL_URL=http://docker.for.mac.localhost:8080/graphql
+LOCAL_GRAPHQL_URL=http://docker.for.mac.localhost:8080/graphql 
+CLIENT_URL=http://localhost:3010
+ZIPKIN_URL=test
+ZIPKIN_PORT=test
+LOG_LEVEL=trace
+MONGO_URL=mongodb://docker.for.mac.localhost:27017/sample-stack
+REDIS_CLUSTER_URL='[{"port":6379,"host":"docker.for.mac.localhost"}]'
+REDIS_URL=redis://docker.for.mac.localhost:6379
+REDIS_CLUSTER_ENABLED=false
+REDIS_SENTINEL_ENABLED=false
+BACKEND_URL=http://localhost:8080
+CONNECTION_ID=v1
+LOCAL_BACKEND_URL=http://localhost:3010

config/staging/staging.env.sample

@@ -0,0 +1,20 @@
+#  
+# Create `dev.env` file and load following required values
+#  
+NATS_URL=nats://localhost:4222/
+NATS_USER=test
+NATS_PW=test
+GRAPHQL_URL=http://localhost:8080/graphql
+LOCAL_GRAPHQL_URL=http://localhost:8080/graphql 
+CLIENT_URL=http://localhost:3011
+ZIPKIN_URL=test
+ZIPKIN_PORT=test
+LOG_LEVEL=trace
+MONGO_URL=mongodb://localhost:27017/sample-stack
+REDIS_CLUSTER_URL='[{"port":6379,"host":"localhost"}]'
+REDIS_URL=redis://localhost:6379
+REDIS_CLUSTER_ENABLED=false
+REDIS_SENTINEL_ENABLED=false
+BACKEND_URL=http://localhost:8080
+CONNECTION_ID=v1
+LOCAL_BACKEND_URL=http://localhost:3000

jest-mongodb-config.js

@@ -1,12 +1,13 @@
 module.exports = {
     mongodbMemoryServerOptions: {
-      instance: {
-        dbName: 'jest'
-      },
-      binary: {
-        version: '4.0.12', // Version of MongoDB
-        skipMD5: true
-      },
-      autoStart: false
-    }
-  };
+        instance: {
+            dbName: 'jest',
+            storageEngine: 'wiredTiger',
+        },
+        binary: {
+            version: '4.0.27', // Version of MongoDB
+            skipMD5: true,
+        },
+        autoStart: false,
+    },
+};

jest.config.base.js

@@ -2,6 +2,45 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 const { defaults } = require('jest-config');
 
+const packagesToTransform = [
+    '@apollo/client',
+    '@common-stack/client-core',
+    '@common-stack/client-react',
+    '@common-stack/core',
+    '@admin-layout/client',
+    '@common-stack/components-pro',
+    '@common-stack/server-core',
+    '@common-stack/cache-api-server',
+    '@common-stack/remix-router-redux',
+    '@cdmbase/redux-auth-wrapper',
+    '@cdmbase/remix-redis-session',
+    '@cdm-logger/server',
+    '@cdm-logger/core',
+    '@cdm-logger/client',
+    '@files-stack/server-core',
+    '@vscode-alt/monaco-editor',
+    '@workbench-stack/core',
+    '@workbench-stack/platform-server',
+    'abortable-rx',
+    'lodash-es',
+    'sort-keys',
+    'is-plain-obj',
+    'query-string',
+    'decode-uri-component',
+    'split-on-first',
+    'filter-obj',
+    'react-dnd-html5-backend',
+    'react-sortable-tree',
+    'react-dnd',
+    'dnd-core',
+];
+
+const generateTransformIgnorePattern = (packages) => {
+    const escapedPackages = packages.map((pkg) => pkg.replace(/\//g, '\\/'));
+    return `/node_modules/(?!(${escapedPackages.join('|')})/).+\\.js$`;
+};
+const transformIgnorePattern = generateTransformIgnorePattern(packagesToTransform);
+
 module.exports = {
     testEnvironment: 'node',
     setupFiles: [
@@ -10,11 +49,11 @@ module.exports = {
     ],
     preset: 'ts-jest',
     testMatch: null,
-    testRegex: '.*test*\\.(ts|tsx|js)$',
-    testPathIgnorePatterns: ['/node_modules/', '/dist/'],
+    testRegex: '.*test\\.(ts|tsx|js)$',
+    testPathIgnorePatterns: ['/node_modules/', '/lib', '/dist/'],
     transform: {
         '\\.(gql)$': 'jest-transform-graphql',
-        '\\.(graphql|graphqls)$': 'jest-raw-loader',
+        '\\.(graphql|graphqls)$': '@glen/jest-raw-loader',
         '\\.(ts|tsx)$': 'ts-jest',
         // Use our custom transformer only for the *.js and *.jsx files
         '\\.(js|jsx)?$': './transform.js',
@@ -39,7 +78,7 @@ module.exports = {
         // because we don't need to use any kind of tree shaking right?!
         '^lodash-es$': '<rootDir>/node_modules/lodash/index.js',
     },
-    transformIgnorePatterns: ['/node_modules/(?!(babel-runtime|antd)).*/', '<rootDir>/node_modules/(?!lodash-es/.*)'],
+    transformIgnorePatterns: [transformIgnorePattern],
     clearMocks: true,
     verbose: true,
     // projects: ['<rootDir>'], // TODO need to test with it https://github.com/bryan-hunter/yarn-workspace-lerna-monorepo/blob/master/jest.config.base.js

jest.config.base.mjs

@@ -0,0 +1,94 @@
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable @typescript-eslint/no-var-requires */
+import { defaults } from 'jest-config';
+
+const packagesToTransform = [
+    '@apollo/client',
+    '@apollo/server',
+    '@graphql-tools/schema',
+    '@graphql-tools/mock',
+    '@common-stack/client-core',
+    '@common-stack/client-react',
+    '@common-stack/core',
+    '@common-stack/server-core',
+    '@common-stack/cache-api-server',
+    '@common-stack/remix-router-redux',
+    '@common-stack/graphql-api',
+    '@cdmbase/graphql-type-uri',
+    '@cdm-logger/server',
+    '@cdm-logger/core',
+    '@cdm-logger/client',
+    '@files-stack/core',
+    '@files-stack/server-core',
+    '@vscode-alt/monaco-editor',
+    '@workbench-stack/core',
+    '@workbench-stack/platform-server',
+    'graphql',
+    'abortable-rx',
+    'lodash-es',
+    'sort-keys',
+    'is-plain-obj',
+    'query-string',
+    'decode-uri-component',
+    'split-on-first',
+    'filter-obj',
+    'react-dnd-html5-backend',
+    'react-sortable-tree',
+    'react-dnd',
+    'dnd-core',
+];
+
+const generateTransformIgnorePattern = (packages) => {
+    const escapedPackages = packages.map((pkg) => pkg.replace(/\//g, '\\/'));
+    return `/node_modules/(?!(${escapedPackages.join('|')})/).+\\.js$`;
+};
+const transformIgnorePattern = generateTransformIgnorePattern(packagesToTransform);
+
+export default {
+    testEnvironment: 'node',
+    setupFiles: [
+        // needed for UI to mock canvas load
+        // "jest-canvas-mock"
+    ],
+    extensionsToTreatAsEsm: ['.ts', '.tsx'],
+    preset: 'ts-jest',
+    testMatch: null,
+    testRegex: '.*test\\.(ts|tsx|js)$',
+    testPathIgnorePatterns: ['/node_modules/', '/lib', '/dist/'],
+    transform: {
+        '\\.(gql)$': 'jest-transform-graphql',
+        '\\.(graphql|graphqls)$': '@glen/jest-raw-loader',
+        '\\.(ts|tsx)$': 'ts-jest',
+        // // Use our custom transformer only for the *.js and *.jsx files
+        '\\.(js|jsx)?$': './transform.mjs',
+        // future need to test with
+        //  "^.+\\.(js|jsx|ts|tsx)$": "./transform.js",
+        '.+\\.(css|styl|less|sass|scss)$': 'jest-css-modules-transform',
+    },
+    roots: ['packages', 'packages-modules', 'servers'],
+    moduleFileExtensions: [...defaults.moduleFileExtensions, 'json', 'gql', 'graphql'],
+    moduleNameMapper: {
+        '^__mocks__/(.*)$': '<rootDir>/../../__mocks__/$1',
+        // we'll use commonjs version of lodash for tests 👌
+        // because we don't need to use any kind of tree shaking right?!
+        '^lodash-es$': '<rootDir>/node_modules/lodash/index.js',
+    },
+    transformIgnorePatterns: [transformIgnorePattern],
+    clearMocks: true,
+    verbose: true,
+    // projects: ['<rootDir>'], // TODO need to test with it https://github.com/bryan-hunter/yarn-workspace-lerna-monorepo/blob/master/jest.config.base.js
+    coverageDirectory: '<rootDir>/coverage/',
+    coveragePathIgnorePatterns: ['<rootDir>/build/', '<rootDir>/lib/', '<rootDir>/dist/', '<rootDir>/node_modules/'],
+    globals: {
+        __BACKEND_URL__: 'http://localhost:3010',
+        __GRAPHQL_URL__: 'http://localhost:8085/graphql',
+        'ts-jest': {
+            // tsConfig: "<rootDir>/src/__tests__/tsconfig.json",
+            // https://github.com/kulshekhar/ts-jest/issues/766
+            diagnostics: {
+                warnOnly: true,
+            },
+            // "skipBabel": true
+        },
+    },
+};

jest.config.mongodb.mjs

@@ -0,0 +1,3 @@
+export default {
+    preset: '@shelf/jest-mongodb',
+};