@webiny/app 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/hooks/useHandler.js

@@ -1,20 +1,19 @@
-"use strict";
+import { useRef, useEffect } from "react";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHandler = useHandler;
+/**
+ * TODO: figure out any types.
+ */
 
-var _react = require("react");
-
-function useHandler(props, factory) {
-  var propsRef = (0, _react.useRef)(props);
-  var handlerRef = (0, _react.useRef)(function () {
-    var handler = factory(propsRef.current);
-    return handler.apply(void 0, arguments);
+export function useHandler(props, factory) {
+  const propsRef = useRef(props);
+  const handlerRef = useRef((...args) => {
+    const handler = factory(propsRef.current);
+    return handler(...args);
   });
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     propsRef.current = props;
   });
   return handlerRef.current;
-}
+}
+
+//# sourceMappingURL=useHandler.js.map

package/hooks/useHandler.js.map

@@ -1 +1 @@
-{"version":3,"names":["useHandler","props","factory","propsRef","useRef","handlerRef","handler","current","useEffect"],"sources":["useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"mappings":";;;;;;;AAAA;;AAWO,SAASA,UAAT,CAAoBC,KAApB,EAAkCC,OAAlC,EAAoD;EACvD,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAOH,KAAP,CAAjB;EAEA,IAAMI,UAAU,GAAG,IAAAD,aAAA,EAAO,YAAkB;IACxC,IAAME,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAV,CAAvB;IACA,OAAOD,OAAO,MAAP,mBAAP;EACH,CAHkB,CAAnB;EAKA,IAAAE,gBAAA,EAAU,YAAM;IACZL,QAAQ,CAACI,OAAT,GAAmBN,KAAnB;EACH,CAFD;EAIA,OAAOI,UAAU,CAACE,OAAlB;AACH"}
+{"version":3,"names":["useRef","useEffect","useHandler","props","factory","propsRef","handlerRef","args","handler","current"],"sources":["useHandler.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\n/**\n * TODO: figure out any types.\n */\ninterface Props {\n    [key: string]: any;\n}\ninterface Factory {\n    (...args: any): any;\n}\nexport function useHandler(props: Props, factory: Factory) {\n    const propsRef = useRef(props);\n\n    const handlerRef = useRef((...args: any) => {\n        const handler = factory(propsRef.current);\n        return handler(...args);\n    });\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlerRef.current;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;;AAEzC;AACA;AACA;;AAOA,OAAO,SAASC,UAAUA,CAACC,KAAY,EAAEC,OAAgB,EAAE;EACvD,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,UAAU,GAAGN,MAAM,CAAC,CAAC,GAAGO,IAAS,KAAK;IACxC,MAAMC,OAAO,GAAGJ,OAAO,CAACC,QAAQ,CAACI,OAAO,CAAC;IACzC,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;EAC3B,CAAC,CAAC;EAEFN,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACI,OAAO,GAAGN,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,UAAU,CAACG,OAAO;AAC7B","ignoreList":[]}

package/hooks/useHandlers.d.ts

@@ -1,10 +1,10 @@
-declare type HandlerProps = {
+type HandlerProps = {
     [key: string]: any;
 };
-declare type HandlerFactories = {
+type HandlerFactories = {
     [key: string]: (props: HandlerProps) => (...params: any[]) => any;
 };
-declare type Handlers = {
+type Handlers = {
     [K in keyof HandlerFactories]: (...params: any[]) => any;
 };
 export declare function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories): H;

package/hooks/useHandlers.js

@@ -1,30 +1,23 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useHandlers = useHandlers;
-
-var _react = require("react");
-
-function useHandlers(props, factories) {
-  var propsRef = (0, _react.useRef)(props);
-  var handlersRef = (0, _react.useRef)(function () {
-    var names = Object.keys(factories);
-    return names.reduce(function (handlers, name) {
+import { useRef, useEffect } from "react";
+export function useHandlers(props, factories) {
+  const propsRef = useRef(props);
+  const handlersRef = useRef((() => {
+    const names = Object.keys(factories);
+    return names.reduce((handlers, name) => {
       /**
        * TODO: figure out args types
        */
-      handlers[name] = function () {
-        var handler = factories[name](propsRef.current);
-        return handler.apply(void 0, arguments);
+      handlers[name] = (...args) => {
+        const handler = factories[name](propsRef.current);
+        return handler(...args);
       };
-
       return handlers;
     }, {});
-  }());
-  (0, _react.useEffect)(function () {
+  })());
+  useEffect(() => {
     propsRef.current = props;
   });
   return handlersRef.current;
-}
+}
+
+//# sourceMappingURL=useHandlers.js.map

package/hooks/useHandlers.js.map

@@ -1 +1 @@
-{"version":3,"names":["useHandlers","props","factories","propsRef","useRef","handlersRef","names","Object","keys","reduce","handlers","name","handler","current","useEffect"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce((handlers, name) => {\n                /**\n                 * TODO: figure out args types\n                 */\n                handlers[name] = (...args: any) => {\n                    const handler = factories[name](propsRef.current);\n                    return handler(...args);\n                };\n                return handlers;\n            }, {} as Record<string, any>);\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":";;;;;;;AAAA;;AAQO,SAASA,WAAT,CAAmCC,KAAnC,EAAwDC,SAAxD,EAAqF;EACxF,IAAMC,QAAQ,GAAG,IAAAC,aAAA,EAAOH,KAAP,CAAjB;EAEA,IAAMI,WAAW,GAAG,IAAAD,aAAA,EACf,YAAM;IACH,IAAME,KAAK,GAAGC,MAAM,CAACC,IAAP,CAAYN,SAAZ,CAAd;IACA,OAAOI,KAAK,CAACG,MAAN,CAAa,UAACC,QAAD,EAAWC,IAAX,EAAoB;MACpC;AAChB;AACA;MACgBD,QAAQ,CAACC,IAAD,CAAR,GAAiB,YAAkB;QAC/B,IAAMC,OAAO,GAAGV,SAAS,CAACS,IAAD,CAAT,CAAgBR,QAAQ,CAACU,OAAzB,CAAhB;QACA,OAAOD,OAAO,MAAP,mBAAP;MACH,CAHD;;MAIA,OAAOF,QAAP;IACH,CATM,EASJ,EATI,CAAP;EAUH,CAZD,EADgB,CAApB;EAgBA,IAAAI,gBAAA,EAAU,YAAM;IACZX,QAAQ,CAACU,OAAT,GAAmBZ,KAAnB;EACH,CAFD;EAIA,OAAOI,WAAW,CAACQ,OAAnB;AACH"}
+{"version":3,"names":["useRef","useEffect","useHandlers","props","factories","propsRef","handlersRef","names","Object","keys","reduce","handlers","name","args","handler","current"],"sources":["useHandlers.ts"],"sourcesContent":["import { useRef, useEffect } from \"react\";\n\ntype HandlerProps = { [key: string]: any };\ntype HandlerFactories = { [key: string]: (props: HandlerProps) => (...params: any[]) => any };\ntype Handlers = {\n    [K in keyof HandlerFactories]: (...params: any[]) => any;\n};\n\nexport function useHandlers<H = Handlers>(props: HandlerProps, factories: HandlerFactories) {\n    const propsRef = useRef(props);\n\n    const handlersRef = useRef(\n        (() => {\n            const names = Object.keys(factories);\n            return names.reduce((handlers, name) => {\n                /**\n                 * TODO: figure out args types\n                 */\n                handlers[name] = (...args: any) => {\n                    const handler = factories[name](propsRef.current);\n                    return handler(...args);\n                };\n                return handlers;\n            }, {} as Record<string, any>);\n        })()\n    );\n\n    useEffect(() => {\n        propsRef.current = props;\n    });\n\n    return handlersRef.current as H;\n}\n"],"mappings":"AAAA,SAASA,MAAM,EAAEC,SAAS,QAAQ,OAAO;AAQzC,OAAO,SAASC,WAAWA,CAAeC,KAAmB,EAAEC,SAA2B,EAAE;EACxF,MAAMC,QAAQ,GAAGL,MAAM,CAACG,KAAK,CAAC;EAE9B,MAAMG,WAAW,GAAGN,MAAM,CACtB,CAAC,MAAM;IACH,MAAMO,KAAK,GAAGC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC;IACpC,OAAOG,KAAK,CAACG,MAAM,CAAC,CAACC,QAAQ,EAAEC,IAAI,KAAK;MACpC;AAChB;AACA;MACgBD,QAAQ,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGC,IAAS,KAAK;QAC/B,MAAMC,OAAO,GAAGV,SAAS,CAACQ,IAAI,CAAC,CAACP,QAAQ,CAACU,OAAO,CAAC;QACjD,OAAOD,OAAO,CAAC,GAAGD,IAAI,CAAC;MAC3B,CAAC;MACD,OAAOF,QAAQ;IACnB,CAAC,EAAE,CAAC,CAAwB,CAAC;EACjC,CAAC,EAAE,CACP,CAAC;EAEDV,SAAS,CAAC,MAAM;IACZI,QAAQ,CAACU,OAAO,GAAGZ,KAAK;EAC5B,CAAC,CAAC;EAEF,OAAOG,WAAW,CAACS,OAAO;AAC9B","ignoreList":[]}

package/hooks/useRegisterLegacyPlugin.d.ts

@@ -0,0 +1,2 @@
+import { type Plugin } from "@webiny/plugins/types";
+export declare function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin): void;

package/hooks/useRegisterLegacyPlugin.js

@@ -0,0 +1,11 @@
+import { useRef } from "react";
+import { plugins } from "@webiny/plugins";
+export function useRegisterLegacyPlugin(plugin) {
+  const pluginRegistered = useRef(false);
+  if (!pluginRegistered.current) {
+    pluginRegistered.current = true;
+    plugins.register(plugin);
+  }
+}
+
+//# sourceMappingURL=useRegisterLegacyPlugin.js.map

package/hooks/useRegisterLegacyPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","plugins","useRegisterLegacyPlugin","plugin","pluginRegistered","current","register"],"sources":["useRegisterLegacyPlugin.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { type Plugin } from \"@webiny/plugins/types\";\n\nexport function useRegisterLegacyPlugin<TPlugin extends Plugin>(plugin: TPlugin) {\n    const pluginRegistered = useRef<boolean>(false);\n    if (!pluginRegistered.current) {\n        pluginRegistered.current = true;\n        plugins.register(plugin);\n    }\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAC9B,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,SAASC,uBAAuBA,CAAyBC,MAAe,EAAE;EAC7E,MAAMC,gBAAgB,GAAGJ,MAAM,CAAU,KAAK,CAAC;EAC/C,IAAI,CAACI,gBAAgB,CAACC,OAAO,EAAE;IAC3BD,gBAAgB,CAACC,OAAO,GAAG,IAAI;IAC/BJ,OAAO,CAACK,QAAQ,CAACH,MAAM,CAAC;EAC5B;AACJ","ignoreList":[]}

package/hooks/useUi.d.ts

@@ -1,2 +1,2 @@
-import { UiContextValue } from "../contexts/Ui";
+import type { UiContextValue } from "../contexts/Ui";
 export declare const useUi: () => UiContextValue;

package/hooks/useUi.js

@@ -1,16 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUi = void 0;
-
-var _react = require("react");
-
-var _Ui = require("./../contexts/Ui");
-
-var useUi = function useUi() {
-  return (0, _react.useContext)(_Ui.UiContext);
+import { useContext } from "react";
+import { UiContext } from "../contexts/Ui";
+export const useUi = () => {
+  return useContext(UiContext);
 };
 
-exports.useUi = useUi;
+//# sourceMappingURL=useUi.js.map

package/hooks/useUi.js.map

@@ -1 +1 @@
-{"version":3,"names":["useUi","useContext","UiContext"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { UiContext, UiContextValue } from \"./../contexts/Ui\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,GAAM;EACvB,OAAO,IAAAC,iBAAA,EAAWC,aAAX,CAAP;AACH,CAFM"}
+{"version":3,"names":["useContext","UiContext","useUi"],"sources":["useUi.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport type { UiContextValue } from \"~/contexts/Ui\";\nimport { UiContext } from \"~/contexts/Ui\";\n\nexport const useUi = () => {\n    return useContext(UiContext) as UiContextValue;\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,SAAS;AAElB,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACvB,OAAOF,UAAU,CAACC,SAAS,CAAC;AAChC,CAAC","ignoreList":[]}

package/i18n/i18n.js

@@ -1,21 +1,7 @@
-"use strict";
+import i18n, { defaultProcessor, defaultModifiers } from "@webiny/i18n";
+import reactProcessor from "@webiny/i18n-react";
+i18n.registerProcessors([defaultProcessor, reactProcessor]);
+i18n.registerModifiers(defaultModifiers);
+export default i18n;
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _i18n = _interopRequireWildcard(require("@webiny/i18n"));
-
-var _i18nReact = _interopRequireDefault(require("@webiny/i18n-react"));
-
-_i18n.default.registerProcessors([_i18n.defaultProcessor, _i18nReact.default]);
-
-_i18n.default.registerModifiers(_i18n.defaultModifiers);
-
-var _default = _i18n.default;
-exports.default = _default;
+//# sourceMappingURL=i18n.js.map

package/i18n/i18n.js.map

@@ -1 +1 @@
-{"version":3,"names":["i18n","registerProcessors","defaultProcessor","reactProcessor","registerModifiers","defaultModifiers"],"sources":["i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEAA,aAAA,CAAKC,kBAAL,CAAwB,CAACC,sBAAD,EAAmBC,kBAAnB,CAAxB;;AACAH,aAAA,CAAKI,iBAAL,CAAuBC,sBAAvB;;eAEeL,a"}
+{"version":3,"names":["i18n","defaultProcessor","defaultModifiers","reactProcessor","registerProcessors","registerModifiers"],"sources":["i18n.ts"],"sourcesContent":["import i18n, { defaultProcessor, defaultModifiers } from \"@webiny/i18n\";\nimport reactProcessor from \"@webiny/i18n-react\";\n\ni18n.registerProcessors([defaultProcessor, reactProcessor]);\ni18n.registerModifiers(defaultModifiers);\n\nexport default i18n;\n"],"mappings":"AAAA,OAAOA,IAAI,IAAIC,gBAAgB,EAAEC,gBAAgB,QAAQ,cAAc;AACvE,OAAOC,cAAc,MAAM,oBAAoB;AAE/CH,IAAI,CAACI,kBAAkB,CAAC,CAACH,gBAAgB,EAAEE,cAAc,CAAC,CAAC;AAC3DH,IAAI,CAACK,iBAAiB,CAACH,gBAAgB,CAAC;AAExC,eAAeF,IAAI","ignoreList":[]}

package/i18n/index.js

@@ -1,15 +1,3 @@
-"use strict";
+export { default as i18n } from "./i18n";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "i18n", {
-  enumerable: true,
-  get: function get() {
-    return _i18n.default;
-  }
-});
-
-var _i18n = _interopRequireDefault(require("./i18n"));
+//# sourceMappingURL=index.js.map

package/i18n/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as i18n } from \"./i18n\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"names":["default","i18n"],"sources":["index.ts"],"sourcesContent":["export { default as i18n } from \"./i18n\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,IAAI","ignoreList":[]}

package/index.d.ts

@@ -1,4 +1,17 @@
 export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
 export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
 export { RoutePlugin } from "./plugins/RoutePlugin";
-export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin";
+export { ApolloCacheObjectIdPlugin, type ApolloCacheObject } from "./plugins/ApolloCacheObjectIdPlugin";
+export * from "@webiny/react-composition";
+export type { HigherOrderComponent, ComposeProps, ComposableFC } from "@webiny/react-composition";
+export * from "./App";
+export * from "./AppContainer";
+export type { AppProps } from "./App";
+export * from "./core/Plugins";
+export * from "./core/Plugin";
+export * from "./core/Provider";
+export * from "./core/DebounceRender";
+export * from "./core/createProvider";
+export * from "./core/createProviderPlugin";
+export * from "./renderApp";
+export * from "./utils/createGenericContext";

package/index.js

@@ -1,37 +1,20 @@
-"use strict";
+export { AddQuerySelectionPlugin } from "./plugins/AddQuerySelectionPlugin";
+export { ApolloLinkPlugin } from "./plugins/ApolloLinkPlugin";
+export { RoutePlugin } from "./plugins/RoutePlugin";
+export { ApolloCacheObjectIdPlugin } from "./plugins/ApolloCacheObjectIdPlugin";
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AddQuerySelectionPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _AddQuerySelectionPlugin.AddQuerySelectionPlugin;
-  }
-});
-Object.defineProperty(exports, "ApolloCacheObjectIdPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _ApolloCacheObjectIdPlugin.ApolloCacheObjectIdPlugin;
-  }
-});
-Object.defineProperty(exports, "ApolloLinkPlugin", {
-  enumerable: true,
-  get: function get() {
-    return _ApolloLinkPlugin.ApolloLinkPlugin;
-  }
-});
-Object.defineProperty(exports, "RoutePlugin", {
-  enumerable: true,
-  get: function get() {
-    return _RoutePlugin.RoutePlugin;
-  }
-});
+// Composition - we re-export this for ease of use
+export * from "@webiny/react-composition";
+// App framework
+export * from "./App";
+export * from "./AppContainer";
+export * from "./core/Plugins";
+export * from "./core/Plugin";
+export * from "./core/Provider";
+export * from "./core/DebounceRender";
+export * from "./core/createProvider";
+export * from "./core/createProviderPlugin";
+export * from "./renderApp";
+export * from "./utils/createGenericContext";
 
-var _AddQuerySelectionPlugin = require("./plugins/AddQuerySelectionPlugin");
-
-var _ApolloLinkPlugin = require("./plugins/ApolloLinkPlugin");
-
-var _RoutePlugin = require("./plugins/RoutePlugin");
-
-var _ApolloCacheObjectIdPlugin = require("./plugins/ApolloCacheObjectIdPlugin");
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin\";\nexport { RoutePlugin } from \"./plugins/RoutePlugin\";\nexport { ApolloCacheObjectIdPlugin } from \"./plugins/ApolloCacheObjectIdPlugin\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
+{"version":3,"names":["AddQuerySelectionPlugin","ApolloLinkPlugin","RoutePlugin","ApolloCacheObjectIdPlugin"],"sources":["index.ts"],"sourcesContent":["export { AddQuerySelectionPlugin } from \"./plugins/AddQuerySelectionPlugin\";\nexport { ApolloLinkPlugin } from \"./plugins/ApolloLinkPlugin\";\nexport { RoutePlugin } from \"./plugins/RoutePlugin\";\nexport {\n    ApolloCacheObjectIdPlugin,\n    type ApolloCacheObject\n} from \"./plugins/ApolloCacheObjectIdPlugin\";\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\";\nexport * from \"./AppContainer\";\nexport type { AppProps } from \"./App\";\nexport * from \"./core/Plugins\";\nexport * from \"./core/Plugin\";\nexport * from \"./core/Provider\";\nexport * from \"./core/DebounceRender\";\nexport * from \"./core/createProvider\";\nexport * from \"./core/createProviderPlugin\";\nexport * from \"./renderApp\";\nexport * from \"./utils/createGenericContext\";\n"],"mappings":"AAAA,SAASA,uBAAuB;AAChC,SAASC,gBAAgB;AACzB,SAASC,WAAW;AACpB,SACIC,yBAAyB;;AAI7B;AACA,cAAc,2BAA2B;AAGzC;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app",
-	"version": "0.0.0-unstable.fcdad0bc61",
+	"version": "0.0.0-unstable.fdd9228b5d",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -15,15 +15,15 @@
 	"license": "MIT",
 	"dependencies": {
 		"@apollo/react-hooks": "3.1.5",
-		"@babel/runtime": "7.19.0",
-		"@emotion/styled": "10.3.0",
-		"@types/react": "17.0.39",
-		"@types/web": "0.0.61",
-		"@webiny/i18n": "0.0.0-unstable.fcdad0bc61",
-		"@webiny/i18n-react": "0.0.0-unstable.fcdad0bc61",
-		"@webiny/plugins": "0.0.0-unstable.fcdad0bc61",
-		"@webiny/react-router": "0.0.0-unstable.fcdad0bc61",
-		"@webiny/ui": "0.0.0-unstable.fcdad0bc61",
+		"@emotion/styled": "11.10.6",
+		"@types/react": "18.2.79",
+		"@webiny/i18n": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/i18n-react": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/plugins": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/react-composition": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/react-properties": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/react-router": "0.0.0-unstable.fdd9228b5d",
+		"@webiny/ui": "0.0.0-unstable.fdd9228b5d",
 		"apollo-cache": "1.3.5",
 		"apollo-cache-inmemory": "1.6.6",
 		"apollo-client": "2.6.10",
@@ -33,43 +33,38 @@
 		"apollo-link-http-common": "0.2.16",
 		"apollo-utilities": "1.3.4",
 		"boolean": "3.2.0",
-		"graphql": "15.8.0",
+		"bytes": "3.1.2",
+		"graphql": "15.9.0",
 		"invariant": "2.2.4",
 		"lodash": "4.17.21",
-		"nanoid": "3.3.4",
-		"react": "17.0.2",
-		"react-dom": "17.0.2",
+		"minimatch": "5.1.6",
+		"nanoid": "3.3.8",
+		"react": "18.2.0",
+		"react-dom": "18.2.0",
+		"ts-invariant": "0.10.3",
 		"warning": "4.0.3"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.19.3",
-		"@babel/core": "^7.19.3",
-		"@babel/plugin-proposal-class-properties": "^7.18.6",
-		"@babel/preset-env": "^7.19.4",
-		"@babel/preset-react": "^7.18.6",
-		"@babel/preset-typescript": "^7.18.6",
-		"@types/warning": "^3.0.0",
-		"@webiny/cli": "^0.0.0-unstable.fcdad0bc61",
-		"@webiny/project-utils": "^0.0.0-unstable.fcdad0bc61",
-		"babel-plugin-lodash": "^3.3.4",
-		"rimraf": "^3.0.2",
-		"typescript": "4.7.4"
+		"@types/lodash": "4.17.13",
+		"@types/warning": "3.0.0",
+		"@webiny/project-utils": "0.0.0-unstable.fdd9228b5d",
+		"rimraf": "6.0.1",
+		"typescript": "5.3.3"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
 	"scripts": {
-		"build": "yarn webiny run build",
-		"watch": "yarn webiny run watch"
+		"build": "node ../cli/bin.js run build",
+		"watch": "node ../cli/bin.js run watch"
 	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"@types/web",
 				"react-dom"
 			]
 		}
 	},
-	"gitHead": "40d639c3665e384a5e2d26674d43ce26f3295e8c"
+	"gitHead": "fdd9228b5d2636463e8a34b6e0d26eea1e29c01d"
 }

package/plugins/AddQuerySelectionPlugin.d.ts

@@ -1,6 +1,11 @@
 import { ApolloLink } from "apollo-link";
-import { DocumentNode } from "graphql";
+import type { DocumentNode } from "graphql";
 import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+declare module "graphql" {
+    interface DocumentNode {
+        __webiny__: Set<string>;
+    }
+}
 interface Config {
     operationName: string;
     selectionPath: string;
@@ -10,6 +15,8 @@ export declare class AddQuerySelectionPlugin extends ApolloLinkPlugin {
     private readonly config;
     constructor(config: Config);
     createLink(): ApolloLink;
-    addSelectionToQuery(operationName: string, query: DocumentNode): void;
+    addSelectionToQuery(operationName: string, document: DocumentNode): void;
+    private isProcessed;
+    private markProcessed;
 }
 export {};

package/plugins/AddQuerySelectionPlugin.js

@@ -1,132 +1,72 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AddQuerySelectionPlugin = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _apolloLink = require("apollo-link");
-
-var _ApolloLinkPlugin2 = require("./ApolloLinkPlugin");
-
-var AddQuerySelectionPlugin = /*#__PURE__*/function (_ApolloLinkPlugin) {
-  (0, _inherits2.default)(AddQuerySelectionPlugin, _ApolloLinkPlugin);
-
-  var _super = (0, _createSuper2.default)(AddQuerySelectionPlugin);
-
-  function AddQuerySelectionPlugin(config) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, AddQuerySelectionPlugin);
-    _this = _super.call(this);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "config", void 0);
-    _this.config = config;
-    return _this;
+import { ApolloLink } from "apollo-link";
+import { ApolloLinkPlugin } from "./ApolloLinkPlugin";
+export class AddQuerySelectionPlugin extends ApolloLinkPlugin {
+  constructor(config) {
+    super();
+    this.config = config;
   }
-
-  (0, _createClass2.default)(AddQuerySelectionPlugin, [{
-    key: "createLink",
-    value: function createLink() {
-      var _this2 = this;
-
-      return new _apolloLink.ApolloLink(function (operation, forward) {
-        if (operation.operationName !== _this2.config.operationName) {
-          return forward(operation);
-        }
-
-        _this2.addSelectionToQuery(operation.operationName, operation.query);
-
+  createLink() {
+    return new ApolloLink((operation, forward) => {
+      if (operation.operationName !== this.config.operationName) {
         return forward(operation);
-      });
-    }
-  }, {
-    key: "addSelectionToQuery",
-    value: function addSelectionToQuery(operationName, query) {
-      var _tree;
-
-      if (operationName !== this.config.operationName) {
-        return;
       }
+      this.addSelectionToQuery(operation.operationName, operation.query);
+      return forward(operation);
+    });
+  }
+  addSelectionToQuery(operationName, document) {
+    if (operationName !== this.config.operationName) {
+      return;
+    }
 
-      var _this$config = this.config,
-          addSelection = _this$config.addSelection,
-          selectionPath = _this$config.selectionPath; // TODO: check if the selection is already in the query and don't add it again if not necessary.
-
-      var firstQueryDefinition = query.definitions[0];
-
-      if (!firstQueryDefinition) {
-        return;
-      } else if (!firstQueryDefinition.selectionSet) {
-        return;
-      }
-
-      var tree = firstQueryDefinition.selectionSet.selections;
-      var fields = selectionPath.split(".");
-
-      var _iterator = (0, _createForOfIteratorHelper2.default)(fields),
-          _step;
-
-      try {
-        fieldLoop: for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var field = _step.value;
-
-          var _iterator2 = (0, _createForOfIteratorHelper2.default)(tree),
-              _step2;
-
-          try {
-            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-              var selection = _step2.value;
-
-              if (!selection.selectionSet) {
-                continue;
-              }
-
-              if (selection.name.value === field) {
-                tree = selection.selectionSet.selections;
-                continue fieldLoop;
-              }
-            } // If we get here, it means we didn't find the necessary selection
-
-          } catch (err) {
-            _iterator2.e(err);
-          } finally {
-            _iterator2.f();
-          }
-
-          return;
+    // If this plugin already processed the given document (documents are always passed by reference),
+    // then we don't want to apply the selection again, to avoid adding duplicate selections.
+    if (this.isProcessed(document)) {
+      return;
+    }
+    this.markProcessed(document);
+    const {
+      addSelection,
+      selectionPath
+    } = this.config;
+    const firstQueryDefinition = document.definitions[0];
+    if (!firstQueryDefinition) {
+      return;
+    } else if (!firstQueryDefinition.selectionSet) {
+      return;
+    }
+    let tree = firstQueryDefinition.selectionSet.selections;
+    const fields = selectionPath.split(".");
+    fieldLoop: for (const field of fields) {
+      for (const selection of tree) {
+        if (!selection.selectionSet) {
+          continue;
+        }
+        if (selection.name.value === field) {
+          tree = selection.selectionSet.selections;
+          continue fieldLoop;
         }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
       }
-      /**
-       * We must cast because there are a lot of types that are not intertwined and TS is complaining
-       */
-
-
-      (_tree = tree).push.apply(_tree, (0, _toConsumableArray2.default)(addSelection.definitions[0].selectionSet.selections));
+      // If we get here, it means we didn't find the necessary selection
+      return;
     }
-  }]);
-  return AddQuerySelectionPlugin;
-}(_ApolloLinkPlugin2.ApolloLinkPlugin);
+    /**
+     * We must cast because there are a lot of types that are not intertwined and TS is complaining
+     */
+    tree.push(...addSelection.definitions[0].selectionSet.selections);
+  }
+  isProcessed(document) {
+    if (!document.hasOwnProperty("__webiny__")) {
+      document.__webiny__ = new Set();
+    }
+    return document.__webiny__.has(this.cacheKey);
+  }
+  markProcessed(document) {
+    if (!document.hasOwnProperty("__webiny__")) {
+      document.__webiny__ = new Set();
+    }
+    document.__webiny__.add(this.cacheKey);
+  }
+}
 
-exports.AddQuerySelectionPlugin = AddQuerySelectionPlugin;
+//# sourceMappingURL=AddQuerySelectionPlugin.js.map