@webiny/app 0.0.0-unstable.df7a8bb475 → 0.0.0-unstable.e2758ee1cf

package/App.d.ts

@@ -11,8 +11,8 @@ interface AppContext extends State {
 declare const AppContext: React.Context<AppContext | undefined>;
 export declare const useApp: () => AppContext;
 export interface AppProps {
-    debounceRender?: number;
     routes?: Array<any>;
+    plugins?: any[];
     providers?: Array<Decorator<GenericComponent<ProviderProps>>>;
     decorators?: DecoratorsCollection;
     children?: React.ReactNode | React.ReactNode[];
@@ -20,6 +20,6 @@ export interface AppProps {
 interface ProviderProps {
     children: React.ReactNode;
 }
-export declare const AppBase: React.MemoExoticComponent<({ debounceRender, routes, providers, children }: AppProps) => React.JSX.Element>;
+export declare const AppBase: React.MemoExoticComponent<({ routes, plugins, providers, children }: AppProps) => React.JSX.Element>;
 export declare const App: ({ decorators, ...props }: AppProps) => React.JSX.Element;
 export {};

package/App.js

@@ -1,6 +1,5 @@
-import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from "react";
+import React, { createContext, Fragment, useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { compose, CompositionProvider } from "@webiny/react-composition";
-import { DebounceRender } from "./core/DebounceRender.js";
 import { PluginsProvider } from "./core/Plugins.js";
 import { RouterWithConfig, useRouterConfig } from "./config/RouterConfig.js";
 import { AppContainer } from "./AppContainer.js";
@@ -16,13 +15,13 @@ export const useApp = () => {
   return appContext;
 };
 export const AppBase = /*#__PURE__*/React.memo(({
-  debounceRender = 50,
   routes = [],
+  plugins = [],
   providers = [],
   children
 }) => {
   const [state, setState] = useState({
-    plugins: [],
+    plugins,
     providers
   });
   const addProvider = useCallback(component => {
@@ -65,17 +64,15 @@ export const AppBase = /*#__PURE__*/React.memo(({
     return /*#__PURE__*/React.memo(compose(...(state.providers || []))(({
       children
     }) => {
-      return /*#__PURE__*/React.createElement(DebounceRender, {
-        wait: debounceRender
-      }, children);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, children);
     }));
   }, [state.providers.length]);
   Providers.displayName = "Providers";
   return /*#__PURE__*/React.createElement(AppContext.Provider, {
     value: appContext
-  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins), /*#__PURE__*/React.createElement(DebounceRender, {
-    wait: debounceRender
-  }, /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null), /*#__PURE__*/React.createElement(RouteContent, null))))));
+  }, children, /*#__PURE__*/React.createElement(AppContainer, null, /*#__PURE__*/React.createElement(Providers, null, /*#__PURE__*/React.createElement(PluginsProvider, null, state.plugins.map((plugin, index) => /*#__PURE__*/React.createElement(Fragment, {
+    key: index
+  }, plugin))), /*#__PURE__*/React.createElement(RouterWithConfig, null, /*#__PURE__*/React.createElement(AppRouter, null), /*#__PURE__*/React.createElement(RouteContent, null)))));
 });
 AppBase.displayName = "AppBase";
 export const App = ({

package/App.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","compose","CompositionProvider","DebounceRender","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","RouteContent","useRouter","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","memo","debounceRender","routes","providers","children","state","setState","plugins","addProvider","component","findIndex","m","addPlugin","element","AppRouter","router","routerConfig","routesFromConfig","combinedRoutes","setRoutes","length","Providers","createElement","wait","Provider","value","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { DebounceRender } from \"./core/DebounceRender.js\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\n\ninterface State {\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    debounceRender?: number;\n    routes?: Array<any>;\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = React.memo(\n    ({ debounceRender = 50, routes = [], providers = [], children }: AppProps) => {\n        const [state, setState] = useState<State>({\n            plugins: [],\n            providers\n        });\n\n        const addProvider = useCallback((component: Decorator<any>) => {\n            setState(state => {\n                if (state.providers.findIndex(m => m === component) > -1) {\n                    return state;\n                }\n\n                return {\n                    ...state,\n                    providers: [...state.providers, component]\n                };\n            });\n        }, []);\n\n        const addPlugin = useCallback((element: JSX.Element) => {\n            setState(state => {\n                return {\n                    ...state,\n                    plugins: [...state.plugins, element]\n                };\n            });\n        }, []);\n\n        const appContext = useMemo(\n            () => ({\n                ...state,\n                addProvider,\n                addPlugin\n            }),\n            [state]\n        );\n\n        const AppRouter = useMemo(() => {\n            return function AppRouter() {\n                const router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <DebounceRender wait={debounceRender}>{children}</DebounceRender>;\n                })\n            );\n        }, [state.providers.length]) as ComponentWithChildren;\n\n        Providers.displayName = \"Providers\";\n\n        return (\n            <AppContext.Provider value={appContext}>\n                {children}\n                <AppContainer>\n                    <Providers>\n                        <PluginsProvider>{state.plugins}</PluginsProvider>\n                        <DebounceRender wait={debounceRender}>\n                            <RouterWithConfig>\n                                <AppRouter />\n                                <RouteContent />\n                            </RouterWithConfig>\n                        </DebounceRender>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","Fragment","useCallback","useContext","useEffect","useMemo","useState","compose","CompositionProvider","PluginsProvider","RouterWithConfig","useRouterConfig","AppContainer","RouteContent","useRouter","AppContext","undefined","displayName","useApp","appContext","Error","AppBase","memo","routes","plugins","providers","children","state","setState","addProvider","component","findIndex","m","addPlugin","element","AppRouter","router","routerConfig","routesFromConfig","combinedRoutes","setRoutes","length","Providers","createElement","Provider","value","map","plugin","index","key","App","decorators","props","Object","assign"],"sources":["App.tsx"],"sourcesContent":["import React, {\n    createContext,\n    Fragment,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useState\n} from \"react\";\nimport {\n    compose,\n    CompositionProvider,\n    Decorator,\n    DecoratorsCollection,\n    GenericComponent\n} from \"@webiny/react-composition\";\nimport { PluginsProvider } from \"./core/Plugins.js\";\nimport { RouterWithConfig, useRouterConfig } from \"./config/RouterConfig.js\";\nimport { AppContainer } from \"./AppContainer.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\nimport { useRouter } from \"~/router.js\";\n\ninterface State {\n    plugins: JSX.Element[];\n    providers: Decorator<GenericComponent<ProviderProps>>[];\n}\n\ninterface AppContext extends State {\n    addProvider(hoc: Decorator<GenericComponent<ProviderProps>>): void;\n    addPlugin(plugin: React.ReactNode): void;\n}\n\nconst AppContext = createContext<AppContext | undefined>(undefined);\n\nAppContext.displayName = \"AppContext\";\n\nexport const useApp = () => {\n    const appContext = useContext(AppContext);\n    if (!appContext) {\n        throw Error(\n            `AppContext provider was not found. Are you using the \"useApp()\" hook in the right place?`\n        );\n    }\n    return appContext;\n};\n\nexport interface AppProps {\n    routes?: Array<any>;\n    plugins?: any[];\n    providers?: Array<Decorator<GenericComponent<ProviderProps>>>;\n    decorators?: DecoratorsCollection;\n    children?: React.ReactNode | React.ReactNode[];\n}\n\ninterface ProviderProps {\n    children: React.ReactNode;\n}\n\ntype ComponentWithChildren = React.ComponentType<{ children?: React.ReactNode }>;\n\nexport const AppBase = React.memo(\n    ({ routes = [], plugins = [], providers = [], children }: AppProps) => {\n        const [state, setState] = useState<State>({\n            plugins,\n            providers\n        });\n\n        const addProvider = useCallback((component: Decorator<any>) => {\n            setState(state => {\n                if (state.providers.findIndex(m => m === component) > -1) {\n                    return state;\n                }\n\n                return {\n                    ...state,\n                    providers: [...state.providers, component]\n                };\n            });\n        }, []);\n\n        const addPlugin = useCallback((element: JSX.Element) => {\n            setState(state => {\n                return {\n                    ...state,\n                    plugins: [...state.plugins, element]\n                };\n            });\n        }, []);\n\n        const appContext = useMemo(\n            () => ({\n                ...state,\n                addProvider,\n                addPlugin\n            }),\n            [state]\n        );\n\n        const AppRouter = useMemo(() => {\n            return function AppRouter() {\n                const router = useRouter();\n                const routerConfig = useRouterConfig();\n                const routesFromConfig = routerConfig.routes;\n                const combinedRoutes = [...routes, ...routesFromConfig];\n\n                useEffect(() => {\n                    router.setRoutes(combinedRoutes);\n                }, [combinedRoutes.length]);\n\n                return null;\n            };\n        }, []);\n\n        const Providers = useMemo(() => {\n            return React.memo(\n                compose(...(state.providers || []))(({ children }: ProviderProps) => {\n                    return <>{children}</>;\n                })\n            );\n        }, [state.providers.length]) as ComponentWithChildren;\n\n        Providers.displayName = \"Providers\";\n\n        return (\n            <AppContext.Provider value={appContext}>\n                {children}\n                <AppContainer>\n                    <Providers>\n                        <PluginsProvider>\n                            {state.plugins.map((plugin, index) => (\n                                <Fragment key={index}>{plugin}</Fragment>\n                            ))}\n                        </PluginsProvider>\n                        <RouterWithConfig>\n                            <AppRouter />\n                            <RouteContent />\n                        </RouterWithConfig>\n                    </Providers>\n                </AppContainer>\n            </AppContext.Provider>\n        );\n    }\n);\n\nAppBase.displayName = \"AppBase\";\n\nexport const App = ({ decorators, ...props }: AppProps) => {\n    return (\n        <CompositionProvider decorators={decorators}>\n            <AppBase decorators={decorators} {...props} />\n        </CompositionProvider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/exports/admin/{envConfig.js → env-config.js}

@@ -1,3 +1,3 @@
 export { EnvConfig } from "../../features/envConfig/index.js";
 
-//# sourceMappingURL=envConfig.js.map
+//# sourceMappingURL=env-config.js.map

package/exports/admin/env-config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EnvConfig"],"sources":["env-config.ts"],"sourcesContent":["export { EnvConfig } from \"~/features/envConfig/index.js\";\n"],"mappings":"AAAA,SAASA,SAAS","ignoreList":[]}

package/exports/admin/{graphqlClient.js → graphql-client.js}

@@ -1,3 +1,3 @@
 export { GraphQLClient } from "../../features/graphqlClient/abstractions.js";
 
-//# sourceMappingURL=graphqlClient.js.map
+//# sourceMappingURL=graphql-client.js.map

package/exports/admin/graphql-client.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GraphQLClient"],"sources":["graphql-client.ts"],"sourcesContent":["export { GraphQLClient } from \"~/features/graphqlClient/abstractions.js\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/exports/admin/{localStorage.js → local-storage.js}

@@ -1,4 +1,4 @@
 export { LocalStorage } from "../../features/localStorage/abstractions.js";
 export { useLocalStorage, useLocalStorageValue, useLocalStorageValues } from "../../presentation/localStorage/index.js";
 
-//# sourceMappingURL=localStorage.js.map
+//# sourceMappingURL=local-storage.js.map

package/exports/admin/local-storage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LocalStorage","useLocalStorage","useLocalStorageValue","useLocalStorageValues"],"sources":["local-storage.ts"],"sourcesContent":["export { LocalStorage } from \"~/features/localStorage/abstractions.js\";\nexport {\n    useLocalStorage,\n    useLocalStorageValue,\n    useLocalStorageValues\n} from \"~/presentation/localStorage/index.js\";\n"],"mappings":"AAAA,SAASA,YAAY;AACrB,SACIC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB","ignoreList":[]}

package/exports/admin/router.d.ts

@@ -1,4 +1,5 @@
 export { Route } from "../../features/router/Route.js";
 export { RouteLinkComponent } from "../../presentation/router/components/RouteLink.js";
 export { LinkComponent } from "../../presentation/router/components/SimpleLink.js";
+export { RedirectComponent } from "../../presentation/router/components/Redirect.js";
 export { useRoute, useRouter } from "../../presentation/router/index.js";

package/exports/admin/router.js

@@ -1,6 +1,7 @@
 export { Route } from "../../features/router/Route.js";
 export { RouteLinkComponent } from "../../presentation/router/components/RouteLink.js";
 export { LinkComponent } from "../../presentation/router/components/SimpleLink.js";
+export { RedirectComponent } from "../../presentation/router/components/Redirect.js";
 export { useRoute, useRouter } from "../../presentation/router/index.js";
 
 //# sourceMappingURL=router.js.map

package/exports/admin/router.js.map

@@ -1 +1 @@
-{"version":3,"names":["Route","RouteLinkComponent","LinkComponent","useRoute","useRouter"],"sources":["router.ts"],"sourcesContent":["export { Route } from \"~/features/router/Route.js\";\nexport { RouteLinkComponent } from \"~/presentation/router/components/RouteLink.js\";\nexport { LinkComponent } from \"~/presentation/router/components/SimpleLink.js\";\nexport { useRoute, useRouter } from \"~/presentation/router/index.js\";\n"],"mappings":"AAAA,SAASA,KAAK;AACd,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AACtB,SAASC,QAAQ,EAAEC,SAAS","ignoreList":[]}
+{"version":3,"names":["Route","RouteLinkComponent","LinkComponent","RedirectComponent","useRoute","useRouter"],"sources":["router.ts"],"sourcesContent":["export { Route } from \"~/features/router/Route.js\";\nexport { RouteLinkComponent } from \"~/presentation/router/components/RouteLink.js\";\nexport { LinkComponent } from \"~/presentation/router/components/SimpleLink.js\";\nexport { RedirectComponent } from \"~/presentation/router/components/Redirect.js\";\nexport { useRoute, useRouter } from \"~/presentation/router/index.js\";\n"],"mappings":"AAAA,SAASA,KAAK;AACd,SAASC,kBAAkB;AAC3B,SAASC,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,QAAQ,EAAEC,SAAS","ignoreList":[]}

package/index.d.ts

@@ -9,7 +9,6 @@ export type { AppProps } from "./App.js";
 export * from "./core/Plugins.js";
 export * from "./core/Plugin.js";
 export * from "./core/Provider.js";
-export * from "./core/DebounceRender.js";
 export * from "./core/createProvider.js";
 export * from "./core/createProviderPlugin.js";
 export * from "./renderApp.js";

package/index.js

@@ -10,7 +10,6 @@ export * from "./AppContainer.js";
 export * from "./core/Plugins.js";
 export * from "./core/Plugin.js";
 export * from "./core/Provider.js";
-export * from "./core/DebounceRender.js";
 export * from "./core/createProvider.js";
 export * from "./core/createProviderPlugin.js";
 export * from "./renderApp.js";

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["AddQuerySelectionPlugin","ApolloLinkPlugin","ApolloCacheObjectIdPlugin","useContainer","DiContainerProvider","useFeature","createFeature","Route","RouteLink","SimpleLink","useRouter","useRoute","useLocalStorage","useLocalStorageValue","useLocalStorageValues"],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin.js\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin.js\";\nexport {\n    ApolloCacheObjectIdPlugin,\n    type ApolloCacheObject\n} from \"./plugins/ApolloCacheObjectIdPlugin.js\";\n\n// Composition - we re-export this for ease of use\nexport * from \"@webiny/react-composition\";\nexport type { HigherOrderComponent, ComposeProps, ComposableFC } from \"@webiny/react-composition\";\n\n// App framework\nexport * from \"./App.js\";\nexport * from \"./AppContainer.js\";\nexport type { AppProps } from \"./App.js\";\nexport * from \"./core/Plugins.js\";\nexport * from \"./core/Plugin.js\";\nexport * from \"./core/Provider.js\";\nexport * from \"./core/DebounceRender.js\";\nexport * from \"./core/createProvider.js\";\nexport * from \"./core/createProviderPlugin.js\";\nexport * from \"./renderApp.js\";\nexport * from \"./utils/createGenericContext.js\";\nexport { useContainer, DiContainerProvider } from \"./shared/di/DiContainerProvider.js\";\nexport { useFeature } from \"./shared/di/useFeature.js\";\nexport { createFeature } from \"./shared/di/createFeature.js\";\n\nexport { Route } from \"./features/router/Route.js\";\nexport { RouteLink, type RouteLinkProps } from \"./presentation/router/components/RouteLink.js\";\nexport { SimpleLink, type SimpleLinkProps } from \"./presentation/router/components/SimpleLink.js\";\n\nexport { useRouter, useRoute } from \"./presentation/router/index.js\";\nexport {\n    useLocalStorage,\n    useLocalStorageValue,\n    useLocalStorageValues\n} from \"./presentation/localStorage/index.js\";\n\nexport * from \"./helpers/InterfaceGenerator/index.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SACIC,yBAAyB;;AAI7B;AACA,cAAc,2BAA2B;AAGzC;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAY,EAAEC,mBAAmB;AAC1C,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,SAASC,KAAK;AACd,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,SAASC,SAAS,EAAEC,QAAQ;AAC5B,SACIC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB;AAGzB","ignoreList":[]}
+{"version":3,"names":["AddQuerySelectionPlugin","ApolloLinkPlugin","ApolloCacheObjectIdPlugin","useContainer","DiContainerProvider","useFeature","createFeature","Route","RouteLink","SimpleLink","useRouter","useRoute","useLocalStorage","useLocalStorageValue","useLocalStorageValues"],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin.js\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin.js\";\nexport {\n    ApolloCacheObjectIdPlugin,\n    type ApolloCacheObject\n} from \"./plugins/ApolloCacheObjectIdPlugin.js\";\n\n// Composition - we re-export this for ease of use\nexport * from \"@webiny/react-composition\";\nexport type { HigherOrderComponent, ComposeProps, ComposableFC } from \"@webiny/react-composition\";\n\n// App framework\nexport * from \"./App.js\";\nexport * from \"./AppContainer.js\";\nexport type { AppProps } from \"./App.js\";\nexport * from \"./core/Plugins.js\";\nexport * from \"./core/Plugin.js\";\nexport * from \"./core/Provider.js\";\nexport * from \"./core/createProvider.js\";\nexport * from \"./core/createProviderPlugin.js\";\nexport * from \"./renderApp.js\";\nexport * from \"./utils/createGenericContext.js\";\nexport { useContainer, DiContainerProvider } from \"./shared/di/DiContainerProvider.js\";\nexport { useFeature } from \"./shared/di/useFeature.js\";\nexport { createFeature } from \"./shared/di/createFeature.js\";\n\nexport { Route } from \"./features/router/Route.js\";\nexport { RouteLink, type RouteLinkProps } from \"./presentation/router/components/RouteLink.js\";\nexport { SimpleLink, type SimpleLinkProps } from \"./presentation/router/components/SimpleLink.js\";\n\nexport { useRouter, useRoute } from \"./presentation/router/index.js\";\nexport {\n    useLocalStorage,\n    useLocalStorageValue,\n    useLocalStorageValues\n} from \"./presentation/localStorage/index.js\";\n\nexport * from \"./helpers/InterfaceGenerator/index.js\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SACIC,yBAAyB;;AAI7B;AACA,cAAc,2BAA2B;AAGzC;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,YAAY,EAAEC,mBAAmB;AAC1C,SAASC,UAAU;AACnB,SAASC,aAAa;AAEtB,SAASC,KAAK;AACd,SAASC,SAAS;AAClB,SAASC,UAAU;AAEnB,SAASC,SAAS,EAAEC,QAAQ;AAC5B,SACIC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB;AAGzB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app",
-	"version": "0.0.0-unstable.df7a8bb475",
+	"version": "0.0.0-unstable.e2758ee1cf",
 	"type": "module",
 	"main": "index.js",
 	"repository": {
@@ -19,12 +19,12 @@
 		"@emotion/styled": "11.10.6",
 		"@types/react": "18.2.79",
 		"@webiny/di": "0.2.3",
-		"@webiny/feature": "0.0.0-unstable.df7a8bb475",
-		"@webiny/i18n": "0.0.0-unstable.df7a8bb475",
-		"@webiny/i18n-react": "0.0.0-unstable.df7a8bb475",
-		"@webiny/plugins": "0.0.0-unstable.df7a8bb475",
-		"@webiny/react-composition": "0.0.0-unstable.df7a8bb475",
-		"@webiny/react-properties": "0.0.0-unstable.df7a8bb475",
+		"@webiny/feature": "0.0.0-unstable.e2758ee1cf",
+		"@webiny/i18n": "0.0.0-unstable.e2758ee1cf",
+		"@webiny/i18n-react": "0.0.0-unstable.e2758ee1cf",
+		"@webiny/plugins": "0.0.0-unstable.e2758ee1cf",
+		"@webiny/react-composition": "0.0.0-unstable.e2758ee1cf",
+		"@webiny/react-properties": "0.0.0-unstable.e2758ee1cf",
 		"apollo-cache": "1.3.5",
 		"apollo-cache-inmemory": "1.6.6",
 		"apollo-client": "2.6.10",
@@ -35,11 +35,11 @@
 		"apollo-utilities": "1.3.4",
 		"boolean": "3.2.0",
 		"bytes": "3.1.2",
-		"graphql": "16.12.0",
+		"graphql": "16.13.0",
 		"history": "5.3.0",
 		"invariant": "2.2.4",
 		"lodash": "4.17.23",
-		"minimatch": "5.1.6",
+		"minimatch": "10.2.4",
 		"mobx": "6.15.0",
 		"nanoid": "5.1.6",
 		"react": "18.2.0",
@@ -49,13 +49,13 @@
 		"zod": "3.25.76"
 	},
 	"devDependencies": {
-		"@types/lodash": "4.17.23",
+		"@types/lodash": "4.17.24",
 		"@types/warning": "3.0.3",
-		"@webiny/build-tools": "0.0.0-unstable.df7a8bb475",
+		"@webiny/build-tools": "0.0.0-unstable.e2758ee1cf",
 		"rimraf": "6.1.3",
 		"type-fest": "5.4.4",
 		"typescript": "5.9.3",
-		"vitest": "3.2.4"
+		"vitest": "4.0.18"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -68,5 +68,5 @@
 			]
 		}
 	},
-	"gitHead": "df7a8bb4755a1da047f0af8c56bdb649cc81bf7d"
+	"gitHead": "e2758ee1cfa3b9a7152e9bb995a90ccabd33266f"
 }

package/presentation/router/components/Redirect.d.ts

@@ -0,0 +1,14 @@
+import type { Route, RouteParamsDefinition, RouteParamsInfer } from "../../../features/router/Route.js";
+import type { RequiredKeysOf } from "type-fest";
+export type RedirectProps<TParams extends RouteParamsDefinition | undefined> = [
+    TParams extends RouteParamsDefinition ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never ? {
+        route: Route<TParams>;
+        params?: RouteParamsInfer<TParams>;
+    } : {
+        route: Route<TParams>;
+        params: RouteParamsInfer<TParams>;
+    } : {
+        route: Route<TParams>;
+    }
+][0];
+export declare const RedirectComponent: <TParams extends RouteParamsDefinition | undefined>(props: RedirectProps<TParams>) => null;

package/presentation/router/components/Redirect.js

@@ -0,0 +1,15 @@
+import { useEffect } from "react";
+import { useRouter } from "../../../router.js";
+export const RedirectComponent = props => {
+  const router = useRouter();
+  const {
+    route,
+    ...rest
+  } = props;
+  useEffect(() => {
+    router.goToRoute(route, rest.params);
+  }, []);
+  return null;
+};
+
+//# sourceMappingURL=Redirect.js.map

package/presentation/router/components/Redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRouter","RedirectComponent","props","router","route","rest","goToRoute","params"],"sources":["Redirect.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Route, RouteParamsDefinition, RouteParamsInfer } from \"~/features/router/Route.js\";\nimport { useRouter } from \"~/router.js\";\nimport type { RequiredKeysOf } from \"type-fest\";\n\nexport type RedirectProps<TParams extends RouteParamsDefinition | undefined> = [\n    TParams extends RouteParamsDefinition\n        ? RequiredKeysOf<RouteParamsInfer<TParams>> extends never\n            ? { route: Route<TParams>; params?: RouteParamsInfer<TParams> }\n            : { route: Route<TParams>; params: RouteParamsInfer<TParams> }\n        : { route: Route<TParams> }\n][0];\n\nexport const RedirectComponent = <TParams extends RouteParamsDefinition | undefined>(\n    props: RedirectProps<TParams>\n) => {\n    const router = useRouter();\n    const { route, ...rest } = props as any;\n\n    useEffect(() => {\n        router.goToRoute(route, rest.params);\n    }, []);\n\n    return null;\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,SAAS;AAWlB,OAAO,MAAMC,iBAAiB,GAC1BC,KAA6B,IAC5B;EACD,MAAMC,MAAM,GAAGH,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEI,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAY;EAEvCH,SAAS,CAAC,MAAM;IACZI,MAAM,CAACG,SAAS,CAACF,KAAK,EAAEC,IAAI,CAACE,MAAM,CAAC;EACxC,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/react-butterfiles/Files.js

@@ -1,6 +1,6 @@
 import React from "react";
 import bytes from "bytes";
-import minimatch from "minimatch";
+import { minimatch } from "minimatch";
 import { readFileContent } from "./utils/readFileContent.js";
 import { generateId } from "./utils/generateId.js";
 export class Files extends React.Component {

package/react-butterfiles/Files.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","bytes","minimatch","readFileContent","generateId","Files","Component","defaultProps","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","input","browseFilesPassedParams","id","validateFiles","files","props","errors","multipleFileSize","length","push","type","index","file","Array","isArray","some","sizeAsBytes","size","maxMultipleMaxSize","multipleCount","processSelectedFiles","eventFiles","onSuccess","onError","callbacks","map","name","src","base64","i","value","onDropFilesHandler","e","dataTransfer","browseFilesHandler","click","render","createElement","Fragment","children","getLabelProps","htmlFor","browseFiles","getDropZoneProps","onDragOver","onDrop","rest","preventDefault","ref","join","style","display","onChange","target"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport minimatch from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent.js\";\nimport { generateId } from \"./utils/generateId.js\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\n            return errors;\n        }\n\n        for (let index = 0; index < files.length; index++) {\n            const file = files[index];\n\n            if (\n                Array.isArray(accept) &&\n                accept.length &&\n                !accept.some(type => minimatch(file.type, type))\n            ) {\n                errors.push({\n                    id: generateId(),\n                    index,\n                    file,\n                    type: \"unsupportedFileType\"\n                });\n            } else if (maxSize) {\n                const sizeAsBytes = bytes(maxSize);\n                if (sizeAsBytes && file.size > sizeAsBytes) {\n                    errors.push({\n                        id: generateId(),\n                        index,\n                        file,\n                        type: \"maxSizeExceeded\"\n                    });\n                }\n            }\n\n            if (multiple) {\n                multipleFileSize += file.size;\n            }\n        }\n\n        if (multiple) {\n            const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxSizeExceeded\",\n                    multipleFileSize,\n                    multipleMaxSize: maxMultipleMaxSize\n                });\n            }\n\n            if (multipleMaxCount && files.length > multipleMaxCount) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxCountExceeded\",\n                    multipleCount: files.length,\n                    multipleMaxCount\n                });\n            }\n        }\n\n        return errors;\n    };\n\n    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","bytes","minimatch","readFileContent","generateId","Files","Component","defaultProps","accept","multiple","maxSize","multipleMaxSize","multipleMaxCount","convertToBase64","input","browseFilesPassedParams","id","validateFiles","files","props","errors","multipleFileSize","length","push","type","index","file","Array","isArray","some","sizeAsBytes","size","maxMultipleMaxSize","multipleCount","processSelectedFiles","eventFiles","onSuccess","onError","callbacks","map","name","src","base64","i","value","onDropFilesHandler","e","dataTransfer","browseFilesHandler","click","render","createElement","Fragment","children","getLabelProps","htmlFor","browseFiles","getDropZoneProps","onDragOver","onDrop","rest","preventDefault","ref","join","style","display","onChange","target"],"sources":["Files.tsx"],"sourcesContent":["import React from \"react\";\nimport bytes from \"bytes\";\nimport { minimatch } from \"minimatch\";\nimport { readFileContent } from \"./utils/readFileContent.js\";\nimport { generateId } from \"./utils/generateId.js\";\n\nexport type SelectedFile = {\n    id: string;\n    name: string;\n    type: string;\n    size: number;\n    src: {\n        file: File;\n        base64: string | null;\n    };\n};\n\nexport type FileError = {\n    id: string;\n    type:\n        | \"unsupportedFileType\"\n        | \"maxSizeExceeded\"\n        | \"multipleMaxSizeExceeded\"\n        | \"multipleMaxCountExceeded\"\n        | \"multipleNotAllowed\";\n    index?: number;\n    file?: SelectedFile | File;\n    multipleFileSize?: number;\n    multipleMaxSize?: number;\n    multipleMaxCount?: number;\n    multipleCount?: number;\n};\n\nexport type BrowseFilesParams = {\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type RenderPropParams = {\n    browseFiles: (params: BrowseFilesParams) => void;\n    getDropZoneProps: (additionalProps: any) => any;\n    getLabelProps: (additionalProps: any) => any;\n    validateFiles: (files: SelectedFile[] | File[]) => FileError[];\n};\n\nexport type FilesRules = {\n    accept: string[];\n    multiple: boolean;\n    maxSize: string;\n    multipleMaxSize: string;\n    multipleMaxCount: number | null;\n    convertToBase64: boolean;\n    onSuccess?: (files: SelectedFile[]) => void;\n    onError?: (errors: FileError[], files: SelectedFile[]) => void;\n};\n\nexport type Props = FilesRules & {\n    children: (params: RenderPropParams) => React.ReactNode;\n    id?: string;\n};\n\nexport class Files extends React.Component<Props> {\n    static defaultProps = {\n        accept: [],\n        multiple: false,\n        maxSize: \"2mb\",\n        multipleMaxSize: \"10mb\",\n        multipleMaxCount: null,\n        convertToBase64: false\n    };\n\n    input: HTMLInputElement | null = null;\n    browseFilesPassedParams: BrowseFilesParams | null = null;\n    id: string = generateId();\n\n    validateFiles = (files: SelectedFile[] | File[]): FileError[] => {\n        const { multiple, multipleMaxSize, multipleMaxCount, accept, maxSize } = this.props;\n\n        const errors: FileError[] = [];\n        let multipleFileSize = 0;\n\n        if (!multiple && files.length > 1) {\n            errors.push({\n                id: generateId(),\n                type: \"multipleNotAllowed\"\n            });\n\n            return errors;\n        }\n\n        for (let index = 0; index < files.length; index++) {\n            const file = files[index];\n\n            if (\n                Array.isArray(accept) &&\n                accept.length &&\n                !accept.some(type => minimatch(file.type, type))\n            ) {\n                errors.push({\n                    id: generateId(),\n                    index,\n                    file,\n                    type: \"unsupportedFileType\"\n                });\n            } else if (maxSize) {\n                const sizeAsBytes = bytes(maxSize);\n                if (sizeAsBytes && file.size > sizeAsBytes) {\n                    errors.push({\n                        id: generateId(),\n                        index,\n                        file,\n                        type: \"maxSizeExceeded\"\n                    });\n                }\n            }\n\n            if (multiple) {\n                multipleFileSize += file.size;\n            }\n        }\n\n        if (multiple) {\n            const maxMultipleMaxSize = bytes(multipleMaxSize);\n\n            if (maxMultipleMaxSize && multipleMaxSize && multipleFileSize > maxMultipleMaxSize) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxSizeExceeded\",\n                    multipleFileSize,\n                    multipleMaxSize: maxMultipleMaxSize\n                });\n            }\n\n            if (multipleMaxCount && files.length > multipleMaxCount) {\n                errors.push({\n                    id: generateId(),\n                    type: \"multipleMaxCountExceeded\",\n                    multipleCount: files.length,\n                    multipleMaxCount\n                });\n            }\n        }\n\n        return errors;\n    };\n\n    processSelectedFiles = async (eventFiles: Array<File>) => {\n        if (eventFiles.length === 0) {\n            return;\n        }\n\n        const { convertToBase64, onSuccess, onError } = this.props;\n        const { browseFilesPassedParams } = this;\n        const callbacks = {\n            onSuccess,\n            onError\n        };\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onSuccess) {\n            callbacks.onSuccess = browseFilesPassedParams.onSuccess;\n        }\n\n        if (browseFilesPassedParams && browseFilesPassedParams.onError) {\n            callbacks.onError = browseFilesPassedParams.onError;\n        }\n\n        const files: SelectedFile[] = [...eventFiles].map(file => {\n            return {\n                id: generateId(),\n                name: file.name,\n                type: file.type,\n                size: file.size,\n                src: {\n                    file,\n                    base64: null\n                }\n            };\n        });\n\n        const errors = this.validateFiles(files);\n\n        if (errors.length) {\n            callbacks.onError && callbacks.onError(errors, files);\n        } else {\n            if (convertToBase64) {\n                for (let i = 0; i < files.length; i++) {\n                    const file = files[i].src.file;\n                    files[i].src.base64 = await readFileContent(file);\n                }\n            }\n\n            callbacks.onSuccess && callbacks.onSuccess(files);\n        }\n\n        // Reset the browseFiles arguments.\n        if (this.input) {\n            this.input.value = \"\";\n        }\n        this.browseFilesPassedParams = null;\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    onDropFilesHandler = async ({ e, onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        e.dataTransfer &&\n            e.dataTransfer.files &&\n            (await this.processSelectedFiles(e.dataTransfer.files));\n    };\n\n    /**\n     * Extracted into a separate method just for testing purposes.\n     */\n    browseFilesHandler = ({ onSuccess, onError }: any) => {\n        this.browseFilesPassedParams = { onSuccess, onError };\n        this.input && this.input.click();\n    };\n\n    override render() {\n        const { multiple, accept, id } = this.props;\n        return (\n            <React.Fragment>\n                {this.props.children({\n                    getLabelProps: (props: any) => {\n                        return {\n                            ...props,\n                            htmlFor: id || this.id\n                        };\n                    },\n                    validateFiles: this.validateFiles,\n                    browseFiles: ({ onSuccess, onError }: BrowseFilesParams = {}) => {\n                        this.browseFilesHandler({ onSuccess, onError });\n                    },\n                    getDropZoneProps: ({\n                        onSuccess,\n                        onError,\n                        onDragOver,\n                        onDrop,\n                        ...rest\n                    }: any = {}) => {\n                        return {\n                            ...rest,\n                            onDragOver: (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDragOver === \"function\" && onDragOver();\n                            },\n                            onDrop: async (e: DragEvent) => {\n                                e.preventDefault();\n                                typeof onDrop === \"function\" && onDrop();\n                                this.onDropFilesHandler({ e, onSuccess, onError });\n                            }\n                        };\n                    }\n                })}\n\n                <input\n                    id={id || this.id}\n                    ref={ref => {\n                        if (ref) {\n                            this.input = ref;\n                        }\n                    }}\n                    accept={accept.join(\",\")}\n                    style={{ display: \"none\" }}\n                    type=\"file\"\n                    multiple={multiple}\n                    onChange={e =>\n                        this.processSelectedFiles((e.target.files as any as Array<File>) ?? [])\n                    }\n                />\n            </React.Fragment>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/core/DebounceRender.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-interface Props {
-    wait?: number;
-    children?: React.ReactNode;
-}
-/**
- * We need to debounce the rendering of children during app bootstrap, since many plugins
- * can add more and more Providers which will recompose the entire hierarchy of React Context providers.
- * During this stage, we don't want to render anything.
- */
-export declare const DebounceRender: ({ wait, children }: Props) => React.JSX.Element;
-export {};

package/core/DebounceRender.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { useEffect, useMemo, useState } from "react";
-import debounce from "lodash/debounce.js";
-/**
- * We need to debounce the rendering of children during app bootstrap, since many plugins
- * can add more and more Providers which will recompose the entire hierarchy of React Context providers.
- * During this stage, we don't want to render anything.
- */
-export const DebounceRender = ({
-  wait = 50,
-  children
-}) => {
-  const [render, setRender] = useState(wait === 0);
-  const debouncedRender = useMemo(() => {
-    return debounce(() => {
-      setRender(true);
-    }, wait);
-  }, [setRender]);
-  useEffect(() => {
-    if (render) {
-      return;
-    }
-    debouncedRender();
-    return () => {
-      debouncedRender.cancel();
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, render ? children : null);
-};
-
-//# sourceMappingURL=DebounceRender.js.map

package/core/DebounceRender.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","debounce","DebounceRender","wait","children","render","setRender","debouncedRender","cancel","createElement","Fragment"],"sources":["DebounceRender.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport debounce from \"lodash/debounce.js\";\n\ninterface Props {\n    wait?: number;\n    children?: React.ReactNode;\n}\n/**\n * We need to debounce the rendering of children during app bootstrap, since many plugins\n * can add more and more Providers which will recompose the entire hierarchy of React Context providers.\n * During this stage, we don't want to render anything.\n */\nexport const DebounceRender = ({ wait = 50, children }: Props) => {\n    const [render, setRender] = useState(wait === 0);\n\n    const debouncedRender = useMemo(() => {\n        return debounce(() => {\n            setRender(true);\n        }, wait);\n    }, [setRender]);\n\n    useEffect(() => {\n        if (render) {\n            return;\n        }\n\n        debouncedRender();\n\n        return () => {\n            debouncedRender.cancel();\n        };\n    }, []);\n\n    return <>{render ? children : null}</>;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACpD,OAAOC,QAAQ,MAAM,oBAAoB;AAMzC;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC;AAAgB,CAAC,KAAK;EAC9D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGN,QAAQ,CAACG,IAAI,KAAK,CAAC,CAAC;EAEhD,MAAMI,eAAe,GAAGR,OAAO,CAAC,MAAM;IAClC,OAAOE,QAAQ,CAAC,MAAM;MAClBK,SAAS,CAAC,IAAI,CAAC;IACnB,CAAC,EAAEH,IAAI,CAAC;EACZ,CAAC,EAAE,CAACG,SAAS,CAAC,CAAC;EAEfR,SAAS,CAAC,MAAM;IACZ,IAAIO,MAAM,EAAE;MACR;IACJ;IAEAE,eAAe,CAAC,CAAC;IAEjB,OAAO,MAAM;MACTA,eAAe,CAACC,MAAM,CAAC,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAAGL,MAAM,GAAGD,QAAQ,GAAG,IAAO,CAAC;AAC1C,CAAC","ignoreList":[]}

package/core/Routes.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { ReactRoute } from "../presentation/router/index.js";
-interface RoutesProps {
-    routes: ReactRoute[];
-}
-export declare const Routes: (props: RoutesProps) => React.JSX.Element;
-export {};

package/core/Routes.js

@@ -1,33 +0,0 @@
-import React from "react";
-import { useRouter } from "../router.js";
-import { RouteContent } from "../presentation/router/components/RouteContent.js";
-export const Routes = props => {
-  const {
-    setRoutes
-  } = useRouter();
-  const routes = props.routes.sort((a, b) => {
-    const pathA = a.route.path || "*";
-    const pathB = b.route.path || "*";
-
-    // This will sort paths at the very bottom of the list
-    if (pathA === "/" && pathB === "*") {
-      return -1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (pathA === "*" || pathA === "/") {
-      return 1;
-    }
-
-    // This will push * and / to the bottom of the list
-    if (["*", "/"].includes(pathB)) {
-      return -1;
-    }
-    return 0;
-  });
-  console.log("Call to setRoutes");
-  setRoutes(routes);
-  return /*#__PURE__*/React.createElement(RouteContent, null);
-};
-
-//# sourceMappingURL=Routes.js.map

package/core/Routes.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useRouter","RouteContent","Routes","props","setRoutes","routes","sort","a","b","pathA","route","path","pathB","includes","console","log","createElement"],"sources":["Routes.tsx"],"sourcesContent":["import React from \"react\";\nimport { useRouter } from \"~/router.js\";\nimport type { ReactRoute } from \"~/presentation/router/index.js\";\nimport { RouteContent } from \"~/presentation/router/components/RouteContent.js\";\n\ninterface RoutesProps {\n    routes: ReactRoute[];\n}\n\nexport const Routes = (props: RoutesProps) => {\n    const { setRoutes } = useRouter();\n\n    const routes = props.routes.sort((a, b) => {\n        const pathA: string = a.route.path || \"*\";\n        const pathB: string = b.route.path || \"*\";\n\n        // This will sort paths at the very bottom of the list\n        if (pathA === \"/\" && pathB === \"*\") {\n            return -1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if (pathA === \"*\" || pathA === \"/\") {\n            return 1;\n        }\n\n        // This will push * and / to the bottom of the list\n        if ([\"*\", \"/\"].includes(pathB)) {\n            return -1;\n        }\n\n        return 0;\n    });\n\n    console.log(\"Call to setRoutes\");\n    setRoutes(routes);\n\n    return <RouteContent />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAElB,SAASC,YAAY;AAMrB,OAAO,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EAC1C,MAAM;IAAEC;EAAU,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAEjC,MAAMK,MAAM,GAAGF,KAAK,CAACE,MAAM,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAK;IACvC,MAAMC,KAAa,GAAGF,CAAC,CAACG,KAAK,CAACC,IAAI,IAAI,GAAG;IACzC,MAAMC,KAAa,GAAGJ,CAAC,CAACE,KAAK,CAACC,IAAI,IAAI,GAAG;;IAEzC;IACA,IAAIF,KAAK,KAAK,GAAG,IAAIG,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC,CAAC;IACb;;IAEA;IACA,IAAIH,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,GAAG,EAAE;MAChC,OAAO,CAAC;IACZ;;IAEA;IACA,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAACI,QAAQ,CAACD,KAAK,CAAC,EAAE;MAC5B,OAAO,CAAC,CAAC;IACb;IAEA,OAAO,CAAC;EACZ,CAAC,CAAC;EAEFE,OAAO,CAACC,GAAG,CAAC,mBAAmB,CAAC;EAChCX,SAAS,CAACC,MAAM,CAAC;EAEjB,oBAAON,KAAA,CAAAiB,aAAA,CAACf,YAAY,MAAE,CAAC;AAC3B,CAAC","ignoreList":[]}

package/exports/admin/envConfig.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["EnvConfig"],"sources":["envConfig.ts"],"sourcesContent":["export { EnvConfig } from \"~/features/envConfig/index.js\";\n"],"mappings":"AAAA,SAASA,SAAS","ignoreList":[]}

package/exports/admin/graphqlClient.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["GraphQLClient"],"sources":["graphqlClient.ts"],"sourcesContent":["export { GraphQLClient } from \"~/features/graphqlClient/abstractions.js\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/exports/admin/localStorage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LocalStorage","useLocalStorage","useLocalStorageValue","useLocalStorageValues"],"sources":["localStorage.ts"],"sourcesContent":["export { LocalStorage } from \"~/features/localStorage/abstractions.js\";\nexport {\n    useLocalStorage,\n    useLocalStorageValue,\n    useLocalStorageValues\n} from \"~/presentation/localStorage/index.js\";\n"],"mappings":"AAAA,SAASA,YAAY;AACrB,SACIC,eAAe,EACfC,oBAAoB,EACpBC,qBAAqB","ignoreList":[]}