@common-stack/generate-plugin 6.0.1-alpha.9 → 6.0.2-alpha.2

package/lib/generators/add-core-package/files/LICENSE

@@ -0,0 +1,39 @@
+The CDEBase Enterprise license (the “Enterprise License”)
+Copyright (c) 2018 cdebase LLC.
+
+With regard to the CDEBase Software:
+
+This software and associated documentation files (the "Software") may only be
+used in production, if you (and any entity that you represent) have agreed to,
+and are in compliance with, the CDEBase Terms of Service, available
+at https://about.cdebase.com/terms (the “Enterprise Terms”), or other
+agreement governing the use of the Software, as agreed by you and CDEBase,
+and otherwise have a valid CDEBase Enterprise subscription for the
+correct number of user seats. Subject to the foregoing sentence, you are free to
+modify this Software and publish patches to the Software. You agree that CDEBase
+and/or its licensors (as applicable) retain all right, title and interest in and
+to all such modifications and/or patches, and all such modifications and/or
+patches may only be used, copied, modified, displayed, distributed, or otherwise
+exploited with a valid CDEBase Enterprise subscription for the correct
+number of user seats. Notwithstanding the foregoing, you may copy and modify
+the Software for development and testing purposes, without requiring a
+subscription. You agree that CDEBase and/or its licensors (as applicable) retain
+all right, title and interest in and to all such modifications. You are not
+granted any other rights beyond what is expressly stated herein. Subject to the
+foregoing, it is forbidden to copy, merge, publish, distribute, sublicense,
+and/or sell the Software.
+
+The full text of this Enterprise License 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.
+
+For all third party components incorporated into the CDEBase Software, those
+components are licensed under the original license provided by the owner of the
+applicable component.

package/lib/generators/add-core-package/files/jest.config.js

@@ -0,0 +1,3 @@
+const config = require('../../../jest.config.base');
+
+module.exports = Object.assign(Object.create(null), config);

package/lib/generators/add-core-package/files/package.json

@@ -0,0 +1,30 @@
+{
+    "name": "core-package",
+    "version": "3.1.1-alpha.4",
+    "description": "Workbench core for higher packages to depend on",
+    "license": "ISC",
+    "author": "CDMBase LLC",
+    "type": "module",
+    "main": "lib/index.js",
+    "module": "lib/index.js",
+    "typings": "lib/index.d.ts",
+    "scripts": {
+        "build": "npm run build:clean && npm run build:lib",
+        "build:clean": "rimraf lib",
+        "build:lib": "rollup -c rollup.config.mjs",
+        "build:lib:watch": "npm run build:lib -- -w",
+        "jest": "./node_modules/.bin/jest",
+        "prepublishOnly": "npm run build",
+        "test": "jest",
+        "test:debug": "npm test -- --runInBand",
+        "test:watch": "npm test -- --watch",
+        "watch": "npm run build:lib:watch"
+    },
+    "dependencies": {},
+    "publishConfig": {
+        "access": "public"
+    },
+    "typescript": {
+        "definition": "lib/index.d.ts"
+    }
+}

package/lib/generators/add-core-package/files/rollup.config.mjs

@@ -0,0 +1,65 @@
+import graphql from '@rollup/plugin-graphql';
+import image from '@rollup/plugin-image';
+import typescript from '@rollup/plugin-typescript';
+import { string } from 'rollup-plugin-string';
+function appendJsExtensionForMonacoEditor() {
+    return {
+        name: 'append-js-extension-for-monaco-editor',
+        transform(code, id) {
+            // Only modify .ts files and ignore node_modules
+            if (id.includes('node_modules') || !id.endsWith('.ts')) {
+                return null;
+            }
+
+            let modifiedCode = code;
+            const monacoImportRegex = /(@vscode-alt\/monaco-editor\/esm\/vs\/[a-zA-Z0-9\/._-]+)(?<!\.js)('|")/g;
+
+            modifiedCode = modifiedCode.replace(monacoImportRegex, (match, p1, p2) => {
+                // Directly append '.js' to the captured path, excluding if it already ends with '.js'
+                return `${p1}.js${p2}`;
+            });
+
+            return {
+                code: modifiedCode,
+                map: null, // Returning null for simplicity, consider generating source maps if necessary
+            };
+        },
+    };
+}
+
+const bundle = (config) => ({
+    ...config,
+    input: 'src/index.ts',
+    // marking all node modules as external
+    external: (id) => !/^[./]/.test(id),
+});
+const globals = { react: 'React' };
+
+export default [
+    bundle({
+        plugins: [
+            typescript({ noEmitOnError: true }),
+            image(),
+            graphql({
+                include: '**/*.gql',
+            }),
+            string({
+                include: '**/*.graphql',
+            }),
+            appendJsExtensionForMonacoEditor(),
+        ],
+        output: [
+            {
+                dir: 'lib',
+                format: 'es',
+                name: 'Core',
+                compact: true,
+                exports: 'named',
+                sourcemap: false,
+                preserveModules: true,
+                chunkFileNames: '[name]-[hash].[format].js',
+                globals,
+            },
+        ],
+    }),
+];

package/lib/generators/add-core-package/files/src/constants/index.ts.template

@@ -0,0 +1 @@
+export * from './types';

package/lib/generators/add-core-package/files/src/constants/types.ts.template

@@ -0,0 +1,3 @@
+export enum TYPES {
+    
+}

package/lib/generators/add-core-package/files/src/index.ts.template

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './types';

package/lib/generators/add-core-package/files/src/types/index.ts.template

@@ -0,0 +1 @@
+export * from './types';

package/lib/generators/add-core-package/files/src/types/types.ts.template

@@ -0,0 +1,17 @@
+export const enum Actions {
+    NEXT = 'NEXT',
+    CHANGE = 'CHANGE',
+    SUBMIT = 'SUBMIT',
+}
+
+export const enum FormData {
+    name = 'name',
+    isContinue = 'isContinue',
+    status =  'status',
+    members = 'members',
+    integrationId = 'integrationId'
+}
+
+export const enum DataSource {
+
+}

package/lib/generators/add-core-package/files/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "resolveJsonModule": true,
+    "rootDir": "src",
+    "outDir": "lib",
+    "declaration": true,
+    "preserveConstEnums": true,
+    "declarationDir": "lib"
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "../../../node_modules",
+    "node_modules",
+    "lib",
+    "lib",
+    "webpack.config.js",
+    "rollup.config.mjs"
+  ]
+}

package/lib/generators/add-core-package/files/webpack.config.js

@@ -0,0 +1,53 @@
+var nodeExternals = require('webpack-node-externals');
+var webpack = require('webpack');
+var path = require('path');
+var fs = require('fs');
+
+
+
+var webpack_opts = {
+  mode: 'development',
+  entry: {
+    extensionApi: './src',
+  },
+  target: 'node',
+  output: {
+    path: path.join(__dirname, 'lib'),
+    filename: 'index.js',
+    libraryTarget: "commonjs2"
+  },
+  resolve: {
+    extensions: ['.ts', '.mjs', '.js'],
+  },
+  plugins: [
+    new webpack.LoaderOptionsPlugin({
+      options: {
+        test: /\.ts$/,
+        ts: {
+          compiler: 'typescript',
+          configFile: 'tsconfig.json'
+        },
+        tslint: {
+          emitErrors: true,
+          failOnHint: true
+        }
+      }
+    })
+  ],
+  devtool: 'source-map',
+  module: {
+    rules: [{
+      test: /\.ts$/,
+      use: 'ts-loader'
+    }]
+  },
+  externals: [
+    nodeExternals({ modulesDir: "../../../node_modules" }),
+    nodeExternals()
+  ],
+  watchOptions: {
+    ignored: /.d.ts/
+  }
+};
+
+module.exports = webpack_opts;

package/lib/generators/add-core-package/generator.cjs

@@ -0,0 +1,17 @@
+'use strict';Object.defineProperty(exports,'__esModule',{value:true});var tslib=require('tslib'),devkit=require('@nx/devkit'),path=require('path'),index=require('../../utils/index.cjs');function _interopNamespaceDefault(e){var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var path__namespace=/*#__PURE__*/_interopNamespaceDefault(path);function addCorePackageGenerator(tree, options) {
+    return tslib.__awaiter(this, void 0, void 0, function* () {
+        const configs = Object.assign({}, options);
+        return yield generateCorePackage(tree, configs);
+    });
+}
+const generateCorePackage = (tree, options) => tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const projectName = (_a = index.getValid(options.name)) !== null && _a !== void 0 ? _a : 'core-package';
+    const projectRoot = index.isValid(options.directory) ? `${index.getValid(options.directory)}/${projectName}` : projectName;
+    devkit.generateFiles(tree, path__namespace.join(__dirname, 'files'), projectRoot, options);
+    devkit.updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+        packageJson['name'] = projectName;
+        return packageJson;
+    });
+    yield devkit.formatFiles(tree);
+});exports.addCorePackageGenerator=addCorePackageGenerator;exports.default=addCorePackageGenerator;exports.generateCorePackage=generateCorePackage;//# sourceMappingURL=generator.cjs.map

package/lib/generators/add-core-package/generator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.cjs","sources":["../../../src/generators/add-core-package/generator.ts"],"sourcesContent":[null],"names":["__awaiter","getValid","isValid","generateFiles","path","updateJson","formatFiles"],"mappings":"whBAKsB,SAAA,uBAAuB,CAAC,IAAU,EAAE,OAAsC,EAAA;;AAC5F,QAAA,MAAM,OAAO,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAY,OAAO,CAAC,CAAC;AAClC,QAAA,OAAO,MAAM,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KACnD,CAAA,CAAA;AAAA,CAAA;MAEY,mBAAmB,GAAG,CAAO,IAAU,EAAE,OAAY,KAAIA,eAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;;IAClE,MAAM,WAAW,GAAG,CAAA,EAAA,GAAAC,cAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,cAAc,CAAC;IAC7D,MAAM,WAAW,GAAGC,aAAO,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAA,EAAGD,cAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AAE/G,IAAAE,oBAAa,CAAC,IAAI,EAAEC,eAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACzEC,iBAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,QAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,QAAA,OAAO,WAAW,CAAC;AACvB,KAAC,CAAC,CAAC;AAEH,IAAA,MAAMC,kBAAW,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC"}

package/lib/generators/add-core-package/generator.d.ts

@@ -0,0 +1,5 @@
+import { Tree } from '@nx/devkit';
+import { AddCorePackageGeneratorSchema } from './schema';
+export declare function addCorePackageGenerator(tree: Tree, options: AddCorePackageGeneratorSchema): Promise<void>;
+export declare const generateCorePackage: (tree: Tree, options: any) => Promise<void>;
+export default addCorePackageGenerator;

package/lib/generators/add-core-package/generator.mjs

@@ -0,0 +1,17 @@
+import {__awaiter}from'tslib';import {generateFiles,updateJson,formatFiles}from'@nx/devkit';import*as path from'path';import {getValid,isValid}from'../../utils/index.mjs';function addCorePackageGenerator(tree, options) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const configs = Object.assign({}, options);
+        return yield generateCorePackage(tree, configs);
+    });
+}
+const generateCorePackage = (tree, options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
+    const projectName = (_a = getValid(options.name)) !== null && _a !== void 0 ? _a : 'core-package';
+    const projectRoot = isValid(options.directory) ? `${getValid(options.directory)}/${projectName}` : projectName;
+    generateFiles(tree, path.join(__dirname, 'files'), projectRoot, options);
+    updateJson(tree, `${projectRoot}/package.json`, (packageJson) => {
+        packageJson['name'] = projectName;
+        return packageJson;
+    });
+    yield formatFiles(tree);
+});export{addCorePackageGenerator,addCorePackageGenerator as default,generateCorePackage};//# sourceMappingURL=generator.mjs.map

package/lib/generators/add-core-package/generator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generator.mjs","sources":["../../../src/generators/add-core-package/generator.ts"],"sourcesContent":[null],"names":[],"mappings":"2KAKsB,SAAA,uBAAuB,CAAC,IAAU,EAAE,OAAsC,EAAA;;AAC5F,QAAA,MAAM,OAAO,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAY,OAAO,CAAC,CAAC;AAClC,QAAA,OAAO,MAAM,mBAAmB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;KACnD,CAAA,CAAA;AAAA,CAAA;MAEY,mBAAmB,GAAG,CAAO,IAAU,EAAE,OAAY,KAAI,SAAA,CAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;;IAClE,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,cAAc,CAAC;IAC7D,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAA,EAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA,CAAA,EAAI,WAAW,CAAA,CAAE,GAAG,WAAW,CAAC;AAE/G,IAAA,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACzE,UAAU,CAAC,IAAI,EAAE,CAAG,EAAA,WAAW,eAAe,EAAE,CAAC,WAAW,KAAI;AAC5D,QAAA,WAAW,CAAC,MAAM,CAAC,GAAG,WAAW,CAAC;AAClC,QAAA,OAAO,WAAW,CAAC;AACvB,KAAC,CAAC,CAAC;AAEH,IAAA,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;AAC5B,CAAC"}

package/lib/generators/add-core-package/generator.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/generators/add-core-package/schema.json

@@ -0,0 +1,19 @@
+{
+    "$schema": "https://json-schema.org/schema",
+    "$id": "AddCorePackage",
+    "title": "",
+    "type": "object",
+    "properties": {
+        "name": {
+            "type": "string",
+            "description": "",
+            "x-prompt": "What name would you like to use?"
+        },
+        "directory": {
+            "type": "string",
+            "description": "",
+            "x-prompt": "What directory would you like to create in?"
+        }
+    },
+    "required": ["name", "directory"]
+}

package/lib/generators/add-frontend/frameworks/tailwindui/entry.client.tsx.template

@@ -0,0 +1,90 @@
+/**
+ * By default, Remix will handle hydrating your app on the client for you.
+ * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
+ * For more information, see https://remix.run/file-conventions/entry.client
+ */
+import * as React from 'react';
+import 'reflect-metadata';
+import { RemixBrowser } from '@remix-run/react';
+import { startTransition, StrictMode } from 'react';
+import { hydrateRoot } from 'react-dom/client';
+import { ApolloProvider } from '@apollo/client/index.js';
+import { SlotFillProvider, removeUniversalPortals } from '@common-stack/components-pro';
+import { InversifyProvider } from '@common-stack/client-react';
+import { Provider as ReduxProvider } from 'react-redux';
+import { PersistGate } from 'redux-persist/integration/react';
+import { persistStore } from 'redux-persist';
+import i18next from 'i18next';
+import { I18nextProvider, initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import Backend from 'i18next-http-backend';
+// @ts-ignore
+import { getInitialNamespaces } from 'remix-i18next/client';
+// @ts-ignore
+import { createReduxStore } from '@app/frontend-stack-react/config/redux-config.js';
+// @ts-ignore
+import { createClientContainer } from '@app/frontend-stack-react/config/client.service';
+// @ts-ignore
+import clientModules from '@app/frontend-stack-react/modules.js';
+// @ts-ignore
+import config from '@app/cde-webconfig.json';
+
+const { apolloClient: client, container, serviceFunc } = createClientContainer();
+const { store } = createReduxStore(client, serviceFunc(), container);
+const persistor = persistStore(store);
+
+(window as any).__remixStore = store;
+removeUniversalPortals((window as any).__SLOT_FILLS__ || []);
+
+async function hydrate() {
+    if (!i18next.isInitialized && config.i18n.enabled) {
+        await i18next
+            .use(initReactI18next)
+            .use(LanguageDetector)
+            .use(Backend)
+            .init({
+                fallbackLng: config.i18n.fallbackLng,
+                defaultNS: config.i18n.defaultNS,
+                react: config.i18n.react,
+                supportedLngs: config.i18n.supportedLngs,
+                backend: config.i18n.backend,
+                ns: getInitialNamespaces(),
+                detection: {
+                    order: ['htmlTag'],
+                    caches: [],
+                },
+            });
+    }
+    startTransition(() => {
+        hydrateRoot(
+            document,
+            (
+                <I18nextProvider i18n={i18next}>
+                    <StrictMode>
+                        <ReduxProvider store={store}>
+                            <SlotFillProvider>
+                                <InversifyProvider container={container} modules={clientModules}>
+                                    <PersistGate loading={null} persistor={persistor}>
+                                        {() => (
+                                            <ApolloProvider client={client}>
+                                                <RemixBrowser />
+                                            </ApolloProvider>
+                                        )}
+                                    </PersistGate>
+                                </InversifyProvider>
+                            </SlotFillProvider>
+                        </ReduxProvider>
+                    </StrictMode>
+                </I18nextProvider>
+            ) as any,
+        );
+    });
+}
+
+if (window.requestIdleCallback) {
+    window.requestIdleCallback(hydrate);
+} else {
+    // Safari doesn't support requestIdleCallback
+    // https://caniuse.com/requestidlecallback
+    window.setTimeout(hydrate, 1);
+}

package/lib/generators/add-frontend/frameworks/tailwindui/entry.server.tsx.template

@@ -0,0 +1,238 @@
+/**
+ * By default, Remix will handle generating the HTTP Response for you.
+ * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
+ * For more information, see https://remix.run/file-conventions/entry.server
+ */
+import * as React from 'react';
+(global as any).__CLIENT__ = false;
+(global as any).__SERVER__ = true;
+import { PassThrough, Transform } from 'node:stream';
+import type { EntryContext } from '@remix-run/node';
+import { createReadableStreamFromReadable } from '@remix-run/node';
+import { RemixServer } from '@remix-run/react';
+import { isbot } from 'isbot';
+import { ApolloProvider } from '@apollo/client/index.js';
+import { SlotFillProvider } from '@common-stack/components-pro';
+import { InversifyProvider } from '@common-stack/client-react';
+import { renderToPipeableStream } from 'react-dom/server';
+import { Provider as ReduxProvider } from 'react-redux';
+import { LOCATION_CHANGE } from '@common-stack/remix-router-redux';
+import serialize from 'serialize-javascript';
+import { createInstance } from 'i18next';
+import { I18nextProvider, initReactI18next } from 'react-i18next';
+import Backend from 'i18next-fs-backend';
+import { resolve } from 'node:path';
+// @ts-ignore
+import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
+import config from '@app/cde-webconfig.json';
+// @ts-ignore
+import type { IAppLoadContext } from '@common-stack/client-core';
+
+const ABORT_DELAY = 5_000;
+
+class ConstantsTransform extends Transform {
+    _fills: string[];
+    _apolloState: any;
+    _reduxState: any;
+    _styleSheet: string;
+
+    constructor(fills: string[], apolloState: any, reduxState: any, styleSheet: any) {
+        super();
+        this._fills = fills;
+        this._apolloState = apolloState;
+        this._reduxState = reduxState;
+        this._styleSheet = styleSheet;
+    }
+
+    _transform(chunk, encoding, callback) {
+        let transformedChunk = chunk.toString();
+
+        if (transformedChunk.includes('[__APOLLO_STATE__]')) {
+            transformedChunk = transformedChunk.replace(
+                '[__APOLLO_STATE__]',
+                serialize(this._apolloState, { isJSON: true }),
+            );
+        }
+        if (transformedChunk.includes('[__PRELOADED_STATE__]')) {
+            transformedChunk = transformedChunk.replace(
+                '[__PRELOADED_STATE__]',
+                serialize(this._reduxState, { isJSON: true }),
+            );
+        }
+        if (transformedChunk.includes('[__SLOT_FILLS__]')) {
+            transformedChunk = transformedChunk.replace('[__SLOT_FILLS__]', serialize(this._fills, { isJSON: true }));
+        }
+        if (transformedChunk.includes('[__STYLESHEET__]')) {
+            transformedChunk = transformedChunk.replace('[__STYLESHEET__]', this._styleSheet);
+        }
+
+        callback(null, transformedChunk);
+    }
+}
+
+export default async function handleRequest(
+    request: Request,
+    responseStatusCode: number,
+    responseHeaders: Headers,
+    remixContext: EntryContext,
+    // This is ignored so we can keep it in the template for visibility.  Feel
+    // free to delete this parameter in your app if you're not using it!
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    loadContext: IAppLoadContext,
+) {
+    const instance = createInstance();
+    const lng = await i18next.getLocale(request);
+    const ns = i18next.getRouteNamespaces(remixContext);
+
+    // First, we create a new instance of i18next so every request will have a
+    // completely unique instance and not share any state.
+    if (config.i18n.enabled) {
+        await instance
+            .use(initReactI18next) // Tell our instance to use react-i18next
+            .use(Backend) // Setup our backend.init({
+            .init({
+                fallbackLng: config.i18n.fallbackLng,
+                defaultNS: config.i18n.defaultNS,
+                react: config.i18n.react,
+                supportedLngs: config.i18n.supportedLngs,
+                lng, // The locale we detected above
+                ns, // The namespaces the routes about to render want to use
+                backend: {
+                    loadPath: resolve(config.i18n.backend.loadServerPath),
+                },
+            });
+    }
+
+    return isbot(request.headers.get('user-agent') || '')
+        ? handleBotRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance)
+        : handleBrowserRequest(request, responseStatusCode, responseHeaders, remixContext, loadContext, instance);
+}
+
+function handleBotRequest(
+    request: Request,
+    responseStatusCode: number,
+    responseHeaders: Headers,
+    remixContext: EntryContext,
+    loadContext: IAppLoadContext,
+    i18nInstance: i18next,
+) {
+    return new Promise((resolve, reject) => {
+        let shellRendered = false;
+        const { pipe, abort } = renderToPipeableStream(
+            <I18nextProvider i18n={i18nInstance}>
+                <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />
+            </I18nextProvider>,
+            {
+                onAllReady() {
+                    shellRendered = true;
+                    const body = new PassThrough();
+                    const stream = createReadableStreamFromReadable(body);
+
+                    responseHeaders.set('Content-Type', 'text/html');
+
+                    resolve(
+                        new Response(stream, {
+                            headers: responseHeaders,
+                            status: responseStatusCode,
+                        }),
+                    );
+
+                    pipe(body);
+                },
+                onShellError(error: unknown) {
+                    reject(error);
+                },
+                onError(error: unknown) {
+                    responseStatusCode = 500;
+                    // Log streaming rendering errors from inside the shell.  Don't log
+                    // errors encountered during initial shell rendering since they'll
+                    // reject and get logged in handleDocumentRequest.
+                    if (shellRendered) {
+                        console.error(error);
+                    }
+                },
+            },
+        );
+
+        setTimeout(abort, ABORT_DELAY);
+    });
+}
+
+function handleBrowserRequest(
+    request: Request,
+    responseStatusCode: number,
+    responseHeaders: Headers,
+    remixContext: EntryContext,
+    loadContext: IAppLoadContext,
+    i18nInstance: i18next,
+) {
+    return new Promise((resolve, reject) => {
+        let shellRendered = false;
+        const slotFillContext = { fills: {} };
+        const { modules: clientModules, container, apolloClient: client, store } = loadContext;
+
+        const { pathname, search, hash } = new URL(request.url);
+        store.dispatch({
+            type: LOCATION_CHANGE,
+            payload: { location: { pathname, search, hash }, action: 'POP' },
+        });
+
+        const { pipe, abort } = renderToPipeableStream(
+            (
+                <I18nextProvider i18n={i18nInstance}>
+                    <ReduxProvider store={store}>
+                        <SlotFillProvider context={slotFillContext}>
+                            <InversifyProvider container={container} modules={clientModules as any}>
+                                <ApolloProvider client={client}>
+                                    <RemixServer
+                                        context={remixContext}
+                                        url={request.url}
+                                        abortDelay={ABORT_DELAY}
+                                    />
+                                </ApolloProvider>
+                            </InversifyProvider>
+                        </SlotFillProvider>
+                    </ReduxProvider>
+                </I18nextProvider>
+            ) as any,
+            {
+                onShellReady() {
+                    shellRendered = true;
+                    const body = new PassThrough();
+                    const stream = createReadableStreamFromReadable(body);
+                    const apolloState = { ...client.extract() };
+                    const reduxState = { ...store.getState() };
+                    const fills = Object.keys(slotFillContext.fills);
+
+                    const transform = new ConstantsTransform(fills, apolloState, reduxState, []);
+
+                    responseHeaders.set('Content-Type', 'text/html');
+
+                    resolve(
+                        new Response(stream, {
+                            headers: responseHeaders,
+                            status: responseStatusCode,
+                        }),
+                    );
+
+                    pipe(transform).pipe(body);
+                },
+                onShellError(error: unknown) {
+                    reject(error);
+                },
+                onError(error: unknown) {
+                    responseStatusCode = 500;
+                    // Log streaming rendering errors from inside the shell.  Don't log
+                    // errors encountered during initial shell rendering since they'll
+                    // reject and get logged in handleDocumentRequest.
+                    if (shellRendered) {
+                        console.error(error);
+                    }
+                    reject(error);
+                },
+            },
+        );
+
+        setTimeout(abort, ABORT_DELAY);
+    });
+}