@common-stack/generate-plugin 8.0.2-alpha.1 → 8.1.1-alpha.1

package/CHANGELOG.md

@@ -3,37 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [8.0.2-alpha.1](https://github.com/cdmbase/common-stack/compare/v8.0.2-alpha.0...v8.0.2-alpha.1) (2025-03-24)
+## [8.1.1-alpha.1](https://github.com/cdmbase/common-stack/compare/v8.1.1-alpha.0...v8.1.1-alpha.1) (2025-11-25)
 
 **Note:** Version bump only for package @common-stack/generate-plugin
 
-## [8.0.2-alpha.0](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.5...v8.0.2-alpha.0) (2025-03-13)
+## [8.1.1-alpha.0](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.0...v8.1.1-alpha.0) (2025-11-24)
 
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.5](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.4...v8.0.1-alpha.5) (2025-02-28)
-
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.4](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.3...v8.0.1-alpha.4) (2025-02-27)
-
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.3](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.2...v8.0.1-alpha.3) (2025-02-25)
-
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.2](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.1...v8.0.1-alpha.2) (2025-02-21)
-
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.1](https://github.com/cdmbase/common-stack/compare/v8.0.1-alpha.0...v8.0.1-alpha.1) (2025-02-07)
-
-**Note:** Version bump only for package @common-stack/generate-plugin
-
-## [8.0.1-alpha.0](https://github.com/cdmbase/common-stack/compare/v6.0.8-alpha.0...v8.0.1-alpha.0) (2025-02-07)
+### Features
 
-**Note:** Version bump only for package @common-stack/generate-plugin
+- **server-stack:** add subGraph support ([6e5a232](https://github.com/cdmbase/common-stack/commit/6e5a232191b87065d197f090e923218eaa3deb95))
 
 ## [6.0.8-alpha.0](https://github.com/cdmbase/common-stack/compare/v0.0.251...v6.0.8-alpha.0) (2024-12-16)
 

package/LICENSE

@@ -1,21 +1,34 @@
-The MIT License
-
-Copyright (c) 2017 CDMBase LLC.
-
-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.
+PROPRIETARY LICENSE
+
+Copyright (c) 2017-2025 CDMBase LLC. All Rights Reserved.
+
+This software and associated documentation files (the "Software") are the 
+proprietary and confidential information of CDMBase LLC ("Confidential Information").
+
+NOTICE: All information contained herein is, and remains the property of 
+CDMBase LLC. The intellectual and technical concepts contained herein are 
+proprietary to CDMBase LLC and may be covered by U.S. and Foreign Patents, 
+patents in process, and are protected by trade secret or copyright law.
+
+Dissemination of this information or reproduction of this material is strictly 
+forbidden unless prior written permission is obtained from CDMBase LLC.
+
+NO LICENSE, EXPRESS OR IMPLIED, BY ESTOPPEL OR OTHERWISE, TO ANY INTELLECTUAL 
+PROPERTY RIGHTS ARE GRANTED BY THIS DOCUMENT.
+
+RESTRICTIONS:
+1. You may NOT use, copy, modify, merge, publish, distribute, sublicense, 
+   and/or sell copies of the Software without explicit written permission 
+   from CDMBase LLC.
+2. You may NOT reverse engineer, decompile, or disassemble the Software.
+3. You may NOT remove or alter any proprietary notices or labels on the Software.
+4. The Software is licensed, not sold.
+
+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 
+CDMBASE LLC 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 licensing inquiries, please contact: legal@cdmbase.com

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

@@ -21,7 +21,7 @@
         "type": "git",
         "url": "git+https://github.com/cdmbase/fullstack-pro.git"
     },
-    "license": "MIT",
+    "license": "UNLICENSED",
     "author": "CDMBase LLC",
     "main": "dist/index.js",
     "typings": "dist/main.d.ts",
@@ -64,7 +64,7 @@
     "dependencies": {
         "@apollo/client": "^3.9.0",
         "@babel/runtime": "^7.20.1",
-        "@common-stack/server-stack": "8.0.2-alpha.0",
+        "@common-stack/server-stack": "8.1.1-alpha.0",
         "@remix-run/node": "~2.15.3",
         "lodash": "^4.17.15",
         "react": "18.2.0"

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

@@ -3,6 +3,8 @@ import modules, { settings } from './module';
 export default modules;
 export { settings };
 
+export const serverConfigurations = {};
+
 // export const updateContainers = (options) => {
 //     if (process.env.NODE_ENV !== 'development') {
 //         options.forEach(el => {

package/lib/generators/add-backend/files/src/service.ts.template

@@ -1,6 +1,6 @@
 import { logger } from '@cdm-logger/server';
 import * as url from 'url';
-import modules, { settings } from './modules';
+import modules, { settings, serverConfigurations } from './modules';
 import { MainStackServer } from '@common-stack/server-stack';
 import { config } from './config';
 
@@ -10,7 +10,7 @@ export class Service {
     private app: MainStackServer;
 
     public async initialize() {
-        this.app = new MainStackServer(modules, settings);
+        this.app = new MainStackServer(modules, settings, serverConfigurations);
         await this.app.initialize();
     }
 

package/lib/generators/add-frontend/frameworks/antui/src/root.tsx.template

@@ -1,6 +1,7 @@
 import 'reflect-metadata';
 import * as React from 'react';
 import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError } from '@remix-run/react';
+import { json } from '@remix-run/node';
 import { PluginArea } from '@common-stack/client-react';
 import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
 import { ApplicationErrorHandler } from '@admin-layout/ant-ui';
@@ -10,10 +11,40 @@ import clientModules, { plugins } from '@app/frontend-stack-react/modules.js';
 // @ts-ignore
 import { useChangeLanguage } from 'remix-i18next/react';
 import { useTranslation } from 'react-i18next';
+import { LayoutCookieProvider } from '@admin-layout/client';
+import { settingsLoaderUtil } from '@admin-layout/client/lib/components/UpdateSettings/UpdateSettings.server';
+import { IAppLoadContext, IResourceParams } from '@common-stack/client-core';
+import { FillRenderProvider, PluginsLoader } from '@common-stack/components-pro';
 // @ts-ignore
 import { ErrorBoundary } from '@app/frontend-stack-react/entries/antui/components/ErrorBoundary';
 import { LocaleContext } from './context';
 
+export const loader = async ({
+    request,
+    context,
+    params,
+}: {
+    request: Request;
+    context: IAppLoadContext;
+    params: IResourceParams;
+}) => {
+    const settingsResponse = await settingsLoaderUtil({ request });
+    const loadedPlugins = await PluginsLoader(plugins, { request, context, params });
+
+    return json(
+        {
+            settings: settingsResponse?.settings,
+            loadedPlugins,
+        },
+        {
+            headers: [
+                ['Cache-Control', 'max-age=300, s-maxage=600'],
+                ['Set-Cookie', settingsResponse?.setCookie],
+            ],
+        },
+    );
+};
+
 export const handle = {
     i18n: 'common',
 };
@@ -77,7 +108,9 @@ export function Layout({ children }: { children: React.ReactNode }) {
             </head>
             <body>
                 <PluginArea />
-                {clientModules.getWrappedRoot(children)}
+                <FillRenderProvider>
+                    {clientModules.getWrappedRoot(children)}
+                </FillRenderProvider>
                 <ScrollRestoration />
                 <Scripts />
                 {getConstants()}
@@ -90,7 +123,9 @@ export default function App() {
     return (
         <ApplicationErrorHandler plugins={plugins}>
             <ConfigProvider>
-                <Outlet />
+                <LayoutCookieProvider>
+                    <Outlet />
+                </LayoutCookieProvider>
             </ConfigProvider>
         </ApplicationErrorHandler>
     );

package/lib/generators/add-frontend/frameworks/chakraui/src/root.tsx.template

@@ -14,9 +14,41 @@ import { useContext } from 'react';
 import { ServerStyleContext, ClientStyleContext, LocaleContext } from './context';
 import { withEmotionCache } from '@emotion/react';
 import { useChangeLanguage } from 'remix-i18next/react';
+import { LayoutCookieProvider } from '@admin-layout/client';
+import { settingsLoaderUtil } from '@admin-layout/client/lib/components/UpdateSettings/UpdateSettings.server';
+import { IAppLoadContext, IResourceParams } from '@common-stack/client-core';
+import { FillRenderProvider, PluginsLoader } from '@common-stack/components-pro';
+// @ts-ignore
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
+// @ts-ignore
 import { ErrorBoundary } from '@app/frontend-stack-react/entries/chakraui/components/ErrorBoundary.js';
 
+export const loader = async ({
+    request,
+    context,
+    params,
+}: {
+    request: Request;
+    context: IAppLoadContext;
+    params: IResourceParams;
+}) => {
+    const settingsResponse = await settingsLoaderUtil({ request });
+    const loadedPlugins = await PluginsLoader(plugins, { request, context, params });
+
+    return json(
+        {
+            settings: settingsResponse?.settings,
+            loadedPlugins,
+        },
+        {
+            headers: [
+                ['Cache-Control', 'max-age=300, s-maxage=600'],
+                ['Set-Cookie', settingsResponse?.setCookie],
+            ],
+        },
+    );
+};
+
 interface DocumentProps {
     children: React.ReactNode;
 }
@@ -67,12 +99,7 @@ export const Document = withEmotionCache(({ children }: DocumentProps, emotionCa
         </>
     );
 });
-/*
-export let loader = async ({ request }) => {
-    let locale = await i18next.getLocale(request);
-    return json({ locale });
-};
-*/
+
 export let handle = {
     i18n: 'common',
 };
@@ -94,7 +121,11 @@ export default function App() {
 
     return (
         <ApplicationErrorHandler plugins={plugins}>
-            <Document>{clientModules.getWrappedRoot(<Outlet />)}</Document>
+            <Document>
+                <FillRenderProvider>
+                    {clientModules.getWrappedRoot(<LayoutCookieProvider><Outlet /></LayoutCookieProvider>)}
+                </FillRenderProvider>
+            </Document>
         </ApplicationErrorHandler>
     );
 }

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

@@ -55,21 +55,17 @@ async function hydrate() {
     startTransition(() => {
         hydrateRoot(
             document,
-            (
-                <I18nextProvider i18n={i18next}>
-                    <StrictMode>
-                        <ReduxProvider store={store}>
-                            <SlotFillProvider>
-                                <InversifyProvider container={container} modules={clientModules}>
-                                    <ApolloProvider client={client}>
-                                        <RemixBrowser />
-                                    </ApolloProvider>
-                                </InversifyProvider>
-                            </SlotFillProvider>
-                        </ReduxProvider>
-                    </StrictMode>
-                </I18nextProvider>
-            ) as any,
+            <I18nextProvider i18n={i18next}>
+                <ReduxProvider store={store}>
+                    <SlotFillProvider>
+                        <InversifyProvider container={container} modules={clientModules}>
+                            <ApolloProvider client={client}>
+                                <RemixBrowser />
+                            </ApolloProvider>
+                        </InversifyProvider>
+                    </SlotFillProvider>
+                </ReduxProvider>
+            </I18nextProvider>,
         );
     });
 }

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

@@ -4,6 +4,7 @@
  * For more information, see https://remix.run/file-conventions/entry.server
  */
 import * as React from 'react';
+import 'reflect-metadata';
 (global as any).__CLIENT__ = false;
 (global as any).__SERVER__ = true;
 import { PassThrough, Transform } from 'node:stream';
@@ -28,7 +29,8 @@ import config from '@app/cde-webconfig.json';
 // @ts-ignore
 import type { IAppLoadContext } from '@common-stack/client-core';
 
-const ABORT_DELAY = 5_000;
+// Reject/cancel all pending promises after 5 seconds
+export const streamTimeout = 5000;
 
 class ConstantsTransform extends Transform {
     _fills: string[];
@@ -120,7 +122,7 @@ function handleBotRequest(
         let shellRendered = false;
         const { pipe, abort } = renderToPipeableStream(
             <I18nextProvider i18n={i18nInstance}>
-                <RemixServer context={remixContext} url={request.url} abortDelay={ABORT_DELAY} />
+                <RemixServer context={remixContext} url={request.url} />
             </I18nextProvider>,
             {
                 onAllReady() {
@@ -154,7 +156,7 @@ function handleBotRequest(
             },
         );
 
-        setTimeout(abort, ABORT_DELAY);
+        setTimeout(abort, streamTimeout + 1000);
     });
 }
 
@@ -184,11 +186,7 @@ function handleBrowserRequest(
                         <SlotFillProvider context={slotFillContext}>
                             <InversifyProvider container={container} modules={clientModules as any}>
                                 <ApolloProvider client={client}>
-                                    <RemixServer
-                                        context={remixContext}
-                                        url={request.url}
-                                        abortDelay={ABORT_DELAY}
-                                    />
+                                    <RemixServer context={remixContext} url={request.url} />
                                 </ApolloProvider>
                             </InversifyProvider>
                         </SlotFillProvider>
@@ -203,8 +201,9 @@ function handleBrowserRequest(
                     const apolloState = { ...client.extract() };
                     const reduxState = { ...store.getState() };
                     const fills = Object.keys(slotFillContext.fills);
+                    const styleSheet = '';
 
-                    const transform = new ConstantsTransform(fills, apolloState, reduxState, []);
+                    const transform = new ConstantsTransform(fills, apolloState, reduxState, styleSheet);
 
                     responseHeaders.set('Content-Type', 'text/html');
 
@@ -233,6 +232,6 @@ function handleBrowserRequest(
             },
         );
 
-        setTimeout(abort, ABORT_DELAY);
+        setTimeout(abort, streamTimeout + 1000);
     });
 }

package/lib/generators/add-frontend/frameworks/tailwindui/src/root.tsx.template

@@ -1,11 +1,21 @@
 import 'reflect-metadata';
 import * as React from 'react';
-import { Links, Meta, Outlet, Scripts, ScrollRestoration, useRouteLoaderData, useRouteError, json } from '@remix-run/react';
-import type { LinksFunction } from "@remix-run/node";
+import {
+    Links,
+    Meta,
+    Outlet,
+    Scripts,
+    ScrollRestoration,
+    useLoaderData,
+    useRouteError,
+    useRouteLoaderData,
+    data,
+} from '@remix-run/react';
 // @ts-ignore
 import publicEnv from '@src/config/public-config';
 import { PluginArea } from '@common-stack/client-react';
 import { subscribeReduxRouter } from '@common-stack/remix-router-redux';
+import { ApplicationErrorHandler, RemixErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
 // @ts-ignore
 import clientModules, { plugins } from '@app/frontend-stack-react/modules.js';
 // @ts-ignore
@@ -13,31 +23,69 @@ import { useChangeLanguage } from 'remix-i18next/react';
 import { useTranslation } from 'react-i18next';
 // @ts-ignore
 import { i18nextInstance as i18next } from '@app/frontend-stack-react/i18n-localization/i18next.server.js';
-import stylesheet from "./tailwind.css?url";
+import { LayoutCookieProvider } from '@admin-layout/client';
+import { settingsLoaderUtil } from '@admin-layout/client/lib/components/UpdateSettings/UpdateSettings.server';
+import type { IAppLoadContext } from '@common-stack/client-core';
+import type { IResourceParams } from '@common-stack/core';
+import { FillRenderProvider, PluginsLoader } from '@common-stack/components-pro';
 
-export const links: LinksFunction = () => [
-    { rel: "stylesheet", href: stylesheet },
-];
+// eslint-disable-next-line import/no-unresolved
+import styles from '../tailwind.css?url';
 
-export const loader = async ({ request }) => {
-    const locale = await i18next.getLocale(request);
-    return json({
-        __ENV__: publicEnv,
-        locale,
-    });
+export const links = () => [{ rel: 'stylesheet', href: styles }];
+
+export const loader = async ({
+    request,
+    context,
+    params,
+}: {
+    request: Request;
+    context: IAppLoadContext;
+    params: IResourceParams;
+}) => {
+    // Fetch settings with error handling - don't let settings failures break the app
+    let settingsResponse: any = {};
+    try {
+        settingsResponse =
+            (await settingsLoaderUtil({
+                request,
+                context,
+                params,
+            })) || {};
+    } catch (error) {
+        console.error('❌ Failed to load settings, using defaults:', error);
+        // Continue without settings - the app should still work
+    }
+
+    const [locale] = await Promise.all([i18next.getLocale(request)]);
+    const loadedPlugins = await PluginsLoader(plugins, { request, context, params });
+    return data(
+        {
+            __ENV__: publicEnv,
+            locale,
+            settings: settingsResponse?.settings || {},
+            loadedPlugins,
+        },
+        {
+            headers: [
+                ['Cache-Control', 'max-age=300, s-maxage=600'],
+                settingsResponse?.setCookie ? ['Set-Cookie', settingsResponse.setCookie] : null,
+            ].filter(Boolean) as [string, string][],
+        },
+    );
 };
 
 export const handle = {
-    i18n: 'common',
+    i18n: ['common', 'translations', 'projects'],
 };
 
-export function shouldRevalidate(params: any) {
-    return params.defaultShouldRevalidate && params.currentUrl.pathname !== params.nextUrl.pathname;
-}
+export const shouldRevalidate = () => false;
 
 export function Layout({ children }: { children: React.ReactNode }) {
-    const data = useRouteLoaderData<{ locale: any }>('root');
-    const locale = data?.locale;
+    // useLoaderData is for happy paths with Error boundary it will fail
+    // https://github.com/remix-run/remix/issues/8951#issuecomment-1973321870
+    const loaderData = useRouteLoaderData<{ locale: any; __ENV__?: any }>('root');
+    const locale = loaderData?.locale || 'en';
 
     const { i18n } = useTranslation();
 
@@ -53,7 +101,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
                 <>
                     <script
                         dangerouslySetInnerHTML={{
-                            __html: `window.__ENV__ = ${JSON.stringify((data as any)?.__ENV__)}`,
+                            __html: `window.__ENV__ = ${JSON.stringify((loaderData as any)?.__ENV__ || {})}`,
                         }}
                     />
                     <script
@@ -81,13 +129,28 @@ export function Layout({ children }: { children: React.ReactNode }) {
             <head>
                 <meta charSet="utf-8" />
                 <meta name="viewport" content="width=device-width, initial-scale=1" />
+                {/* CRITICAL: Load Symbol.observable polyfill BEFORE any other scripts */}
+                <script
+                    dangerouslySetInnerHTML={{
+                        __html: `
+                            (function() {
+                                if (typeof Symbol !== 'undefined' && typeof Symbol.for === 'function') {
+                                    if (!Symbol.observable) {
+                                        Symbol.observable = Symbol.for('observable');
+                                    }
+                                    console.log('[Symbol.observable polyfill] Loaded in head:', Symbol.observable);
+                                }
+                            })();
+                        `,
+                    }}
+                />
                 <Meta />
                 <Links />
                 {typeof window === 'undefined' ? `[__STYLESHEET__]` : ''}
             </head>
             <body>
                 <PluginArea />
-                {clientModules.getWrappedRoot(children)}
+                <FillRenderProvider>{clientModules.getWrappedRoot(children)}</FillRenderProvider>
                 <ScrollRestoration />
                 <Scripts />
                 {getConstants()}
@@ -96,22 +159,14 @@ export function Layout({ children }: { children: React.ReactNode }) {
     );
 }
 
-const TestComponent = () => {
-    return (
-        <div className="min-h-screen flex items-center justify-center bg-gray-100">
-            <div className="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md space-y-4">
-                <h1 className="text-2xl font-bold text-center">Hello, Tailwind CSS!</h1>
-                <p className="text-gray-500 text-center">This is a test page using React and Tailwind CSS.</p>
-            </div>
-        </div>
-    );
-}
-
 export default function App() {
     return (
-        // <Outlet />
-        <TestComponent />
+        <ApplicationErrorHandler plugins={plugins}>
+            <LayoutCookieProvider>
+                <Outlet />
+            </LayoutCookieProvider>
+        </ApplicationErrorHandler>
     );
 }
 
-// export { ErrorBoundary };
+export { ErrorBoundary };