@webiny/app-website-builder 6.0.0-alpha.4 → 6.0.0-rc.0

package/modules/shared/FolderCellName.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useNavigateFolder","Icon","Text","ReactComponent","Folder","FolderShared","FolderCellName","folder","navigateToFolder","icon","createElement","hasNonInheritedPermissions","canManagePermissions","className","onClick","id","size","color","label","title"],"sources":["FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { type FolderTableRow, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"wby-flex wby-items-center wby-gap-sm wby-truncate wby-cursor-pointer wby-font-semibold hover:wby-underline\"\n            }\n            onClick={() => navigateToFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"wby-truncate wby-min-w-0 wby-flex-shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA8BC,iBAAiB,QAAQ,iBAAiB;AACxE,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAMhF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAiB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAEhD,IAAIS,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACN,MAAM,MAAE,CAAC;EACrB,IAAIG,MAAM,CAACI,0BAA0B,IAAIJ,MAAM,CAACK,oBAAoB,EAAE;IAClEH,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACL,YAAY,MAAE,CAAC;EAC3B;EAEA,oBACIN,KAAA,CAAAW,aAAA;IACIG,SAAS,EACL,4GACH;IACDC,OAAO,EAAEA,CAAA,KAAMN,gBAAgB,CAACD,MAAM,CAACQ,EAAE;EAAE,gBAE3ChB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACDe,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBR,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAE,YAAYX,MAAM,CAACY,KAAK;EAAG,CACrC,CAAC,eACFpB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,SAAS,EAAE;EAA2C,GAAEN,MAAM,CAACY,KAAY,CAChF,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useNavigateFolder","Icon","Text","ReactComponent","Folder","FolderShared","FolderCellName","folder","navigateToFolder","icon","createElement","hasNonInheritedPermissions","canManagePermissions","className","onClick","id","size","color","label","title"],"sources":["FolderCellName.tsx"],"sourcesContent":["import React from \"react\";\nimport { type FolderTableRow, useNavigateFolder } from \"@webiny/app-aco\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as Folder } from \"@webiny/icons/folder.svg\";\nimport { ReactComponent as FolderShared } from \"@webiny/icons/folder_shared.svg\";\n\ninterface FolderCellNameProps {\n    folder: FolderTableRow[\"data\"];\n}\n\nexport const FolderCellName = ({ folder }: FolderCellNameProps) => {\n    const { navigateToFolder } = useNavigateFolder();\n\n    let icon = <Folder />;\n    if (folder.hasNonInheritedPermissions && folder.canManagePermissions) {\n        icon = <FolderShared />;\n    }\n\n    return (\n        <div\n            className={\n                \"flex items-center gap-sm truncate cursor-pointer font-semibold hover:underline\"\n            }\n            onClick={() => navigateToFolder(folder.id)}\n        >\n            <Icon\n                size={\"sm\"}\n                color={\"neutral-strong\"}\n                icon={icon}\n                label={`Folder - ${folder.title}`}\n            />\n            <Text className={\"truncate min-w-0 shrink\"}>{folder.title}</Text>\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAA8BC,iBAAiB,QAAQ,iBAAiB;AACxE,SAASC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AACnE,SAASD,cAAc,IAAIE,YAAY,QAAQ,iCAAiC;AAMhF,OAAO,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC/D,MAAM;IAAEC;EAAiB,CAAC,GAAGR,iBAAiB,CAAC,CAAC;EAEhD,IAAIS,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACN,MAAM,MAAE,CAAC;EACrB,IAAIG,MAAM,CAACI,0BAA0B,IAAIJ,MAAM,CAACK,oBAAoB,EAAE;IAClEH,IAAI,gBAAGV,KAAA,CAAAW,aAAA,CAACL,YAAY,MAAE,CAAC;EAC3B;EAEA,oBACIN,KAAA,CAAAW,aAAA;IACIG,SAAS,EACL,gFACH;IACDC,OAAO,EAAEA,CAAA,KAAMN,gBAAgB,CAACD,MAAM,CAACQ,EAAE;EAAE,gBAE3ChB,KAAA,CAAAW,aAAA,CAACT,IAAI;IACDe,IAAI,EAAE,IAAK;IACXC,KAAK,EAAE,gBAAiB;IACxBR,IAAI,EAAEA,IAAK;IACXS,KAAK,EAAE,YAAYX,MAAM,CAACY,KAAK;EAAG,CACrC,CAAC,eACFpB,KAAA,CAAAW,aAAA,CAACR,IAAI;IAACW,SAAS,EAAE;EAA0B,GAAEN,MAAM,CAACY,KAAY,CAC/D,CAAC;AAEd,CAAC","ignoreList":[]}

package/modules/widgets/PagesWidget.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const PagesWidget: () => React.JSX.Element;

package/modules/widgets/PagesWidget.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Widget } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
+import { ReactComponent as HistoryIcon } from "@webiny/icons/history.svg";
+import { useRouter } from "@webiny/app-admin";
+import { Routes } from "../../routes.js";
+export const PagesWidget = () => {
+  const {
+    goToRoute
+  } = useRouter();
+  return /*#__PURE__*/React.createElement(Widget, {
+    variant: "accent",
+    title: "Website Builder",
+    icon: /*#__PURE__*/React.createElement(Widget.Icon, {
+      icon: /*#__PURE__*/React.createElement(HistoryIcon, null),
+      label: "Website Builder"
+    }),
+    padding: "md",
+    footerStartActions: /*#__PURE__*/React.createElement(Widget.Action, {
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      onClick: () => goToRoute(Routes.Pages.List)
+    }, "New Page")
+  }, "Build stunning landing pages with an easy to use drag and drop editor.");
+};
+
+//# sourceMappingURL=PagesWidget.js.map

package/modules/widgets/PagesWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Widget","ReactComponent","AddIcon","HistoryIcon","useRouter","Routes","PagesWidget","goToRoute","createElement","variant","title","icon","Icon","label","padding","footerStartActions","Action","onClick","Pages","List"],"sources":["PagesWidget.tsx"],"sourcesContent":["import React from \"react\";\nimport { Widget } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as HistoryIcon } from \"@webiny/icons/history.svg\";\nimport { useRouter } from \"@webiny/app-admin\";\nimport { Routes } from \"~/routes.js\";\n\nexport const PagesWidget = () => {\n    const { goToRoute } = useRouter();\n\n    return (\n        <Widget\n            variant=\"accent\"\n            title=\"Website Builder\"\n            icon={<Widget.Icon icon={<HistoryIcon />} label={\"Website Builder\"} />}\n            padding=\"md\"\n            footerStartActions={\n                <Widget.Action icon={<AddIcon />} onClick={() => goToRoute(Routes.Pages.List)}>\n                    New Page\n                </Widget.Action>\n            }\n        >\n            Build stunning landing pages with an easy to use drag and drop editor.\n        </Widget>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,IAAIC,OAAO,QAAQ,uBAAuB;AACjE,SAASD,cAAc,IAAIE,WAAW,QAAQ,2BAA2B;AACzE,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,MAAM;AAEf,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGH,SAAS,CAAC,CAAC;EAEjC,oBACIL,KAAA,CAAAS,aAAA,CAACR,MAAM;IACHS,OAAO,EAAC,QAAQ;IAChBC,KAAK,EAAC,iBAAiB;IACvBC,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACR,MAAM,CAACY,IAAI;MAACD,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACL,WAAW,MAAE,CAAE;MAACU,KAAK,EAAE;IAAkB,CAAE,CAAE;IACvEC,OAAO,EAAC,IAAI;IACZC,kBAAkB,eACdhB,KAAA,CAAAS,aAAA,CAACR,MAAM,CAACgB,MAAM;MAACL,IAAI,eAAEZ,KAAA,CAAAS,aAAA,CAACN,OAAO,MAAE,CAAE;MAACe,OAAO,EAAEA,CAAA,KAAMV,SAAS,CAACF,MAAM,CAACa,KAAK,CAACC,IAAI;IAAE,GAAC,UAEhE;EAClB,GACJ,wEAEO,CAAC;AAEjB,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@webiny/app-website-builder",
-	"version": "6.0.0-alpha.4",
+	"version": "6.0.0-rc.0",
+	"type": "module",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -12,33 +13,30 @@
 		"@apollo/react-hooks": "3.1.5",
 		"@emotion/react": "11.10.8",
 		"@emotion/styled": "11.10.6",
-		"@lexical/utils": "0.23.1",
+		"@lexical/utils": "0.40.0",
 		"@monaco-editor/react": "4.7.0",
 		"@svgr/webpack": "6.5.1",
 		"@types/react": "18.2.79",
-		"@webiny/admin-ui": "6.0.0-alpha.4",
-		"@webiny/app": "6.0.0-alpha.4",
-		"@webiny/app-aco": "6.0.0-alpha.4",
-		"@webiny/app-admin": "6.0.0-alpha.4",
-		"@webiny/app-headless-cms-common": "6.0.0-alpha.4",
-		"@webiny/app-i18n": "6.0.0-alpha.4",
-		"@webiny/app-security": "6.0.0-alpha.4",
-		"@webiny/app-tenancy": "6.0.0-alpha.4",
-		"@webiny/app-utils": "6.0.0-alpha.4",
-		"@webiny/error": "6.0.0-alpha.4",
-		"@webiny/form": "6.0.0-alpha.4",
-		"@webiny/icons": "6.0.0-alpha.4",
-		"@webiny/lexical-converter": "6.0.0-alpha.4",
-		"@webiny/lexical-editor": "6.0.0-alpha.4",
-		"@webiny/lexical-nodes": "6.0.0-alpha.4",
-		"@webiny/lexical-theme": "6.0.0-alpha.4",
-		"@webiny/react-composition": "6.0.0-alpha.4",
-		"@webiny/react-properties": "6.0.0-alpha.4",
-		"@webiny/react-router": "6.0.0-alpha.4",
-		"@webiny/ui": "6.0.0-alpha.4",
-		"@webiny/utils": "6.0.0-alpha.4",
-		"@webiny/validation": "6.0.0-alpha.4",
-		"@webiny/website-builder-sdk": "6.0.0-alpha.4",
+		"@webiny/admin-ui": "6.0.0-rc.0",
+		"@webiny/app": "6.0.0-rc.0",
+		"@webiny/app-aco": "6.0.0-rc.0",
+		"@webiny/app-admin": "6.0.0-rc.0",
+		"@webiny/app-headless-cms-common": "6.0.0-rc.0",
+		"@webiny/app-utils": "6.0.0-rc.0",
+		"@webiny/error": "6.0.0-rc.0",
+		"@webiny/feature": "6.0.0-rc.0",
+		"@webiny/form": "6.0.0-rc.0",
+		"@webiny/icons": "6.0.0-rc.0",
+		"@webiny/lexical-converter": "6.0.0-rc.0",
+		"@webiny/lexical-editor": "6.0.0-rc.0",
+		"@webiny/lexical-nodes": "6.0.0-rc.0",
+		"@webiny/lexical-theme": "6.0.0-rc.0",
+		"@webiny/react-composition": "6.0.0-rc.0",
+		"@webiny/react-properties": "6.0.0-rc.0",
+		"@webiny/ui": "6.0.0-rc.0",
+		"@webiny/utils": "6.0.0-rc.0",
+		"@webiny/validation": "6.0.0-rc.0",
+		"@webiny/website-builder-sdk": "6.0.0-rc.0",
 		"apollo-cache": "1.3.5",
 		"apollo-client": "2.6.10",
 		"apollo-link": "1.2.14",
@@ -46,12 +44,13 @@
 		"classnames": "2.5.1",
 		"deep-equal": "2.2.3",
 		"emotion": "10.0.27",
-		"graphql": "15.9.0",
+		"graphql": "16.12.0",
 		"graphql-tag": "2.12.6",
 		"is-hotkey": "0.2.0",
-		"lodash": "4.17.21",
-		"micromatch": "4.0.8",
-		"mobx": "6.9.0",
+		"lodash": "4.17.23",
+		"markdown-to-jsx": "9.7.5",
+		"matcher": "5.0.0",
+		"mobx": "6.15.0",
 		"mobx-react-lite": "3.4.3",
 		"pluralize": "8.0.0",
 		"prop-types": "15.8.1",
@@ -62,23 +61,22 @@
 		"slugify": "1.6.6"
 	},
 	"devDependencies": {
-		"@emotion/babel-plugin": "11.11.0",
+		"@emotion/babel-plugin": "11.13.5",
 		"@types/deep-equal": "1.0.4",
 		"@types/is-hotkey": "0.1.10",
-		"@types/micromatch": "4.0.9",
-		"@types/pako": "2.0.3",
-		"@types/platform": "1.3.4",
+		"@types/pako": "2.0.4",
+		"@types/platform": "1.3.6",
 		"@types/randomcolor": "0.5.9",
 		"@types/react-images": "0.5.3",
 		"@types/react-resizable": "3.0.8",
-		"@types/react-virtualized": "9.22.0",
-		"@types/resize-observer-browser": "0.1.7",
-		"@types/store": "2.0.2",
-		"@webiny/cli": "6.0.0-alpha.4",
-		"@webiny/project-utils": "6.0.0-alpha.4",
+		"@types/react-virtualized": "9.22.3",
+		"@types/resize-observer-browser": "0.1.11",
+		"@types/store": "2.0.5",
+		"@webiny/build-tools": "6.0.0-rc.0",
 		"execa": "5.1.1",
-		"rimraf": "6.0.1",
-		"typescript": "5.3.3"
+		"rimraf": "6.1.3",
+		"typescript": "5.9.3",
+		"vitest": "4.0.18"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -91,9 +89,10 @@
 	"adio": {
 		"ignore": {
 			"dependencies": [
-				"pino-pretty"
+				"pino-pretty",
+				"@webiny/lexical-converter"
 			]
 		}
 	},
-	"gitHead": "eb196ccd2f32296e10f7add6dd7220d4e3abece4"
+	"gitHead": "0f2aa699f4642e550ab62c96fcd050e8d02345c9"
 }

package/presentation/navigation/Extension.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Extension: React.MemoExoticComponent<() => React.JSX.Element>;

package/presentation/navigation/Extension.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { AdminConfig, useToggler } from "@webiny/app-admin";
+import { ReactComponent as SettingsIcon } from "@webiny/icons/settings.svg";
+import { NexjsConfigDialog } from "./NextjsConfig/NextjsConfigDialog.js";
+const {
+  Menu
+} = AdminConfig;
+export const Extension = /*#__PURE__*/React.memo(() => {
+  const {
+    on,
+    toggleOn,
+    toggleOff
+  } = useToggler(false);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NexjsConfigDialog, {
+    open: on,
+    onClose: toggleOff
+  }), /*#__PURE__*/React.createElement(Menu.Support, {
+    name: "wb.nextjs",
+    element: /*#__PURE__*/React.createElement(Menu.Support.Item, {
+      text: "Configure Next.js",
+      onClick: toggleOn,
+      icon: /*#__PURE__*/React.createElement(SettingsIcon, null),
+      className: "cursor-pointer"
+    })
+  }));
+});
+Extension.displayName = "NavigationExtension";
+
+//# sourceMappingURL=Extension.js.map

package/presentation/navigation/Extension.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AdminConfig","useToggler","ReactComponent","SettingsIcon","NexjsConfigDialog","Menu","Extension","memo","on","toggleOn","toggleOff","createElement","Fragment","open","onClose","Support","name","element","Item","text","onClick","icon","className","displayName"],"sources":["Extension.tsx"],"sourcesContent":["import React from \"react\";\nimport { AdminConfig, useToggler } from \"@webiny/app-admin\";\nimport { ReactComponent as SettingsIcon } from \"@webiny/icons/settings.svg\";\nimport { NexjsConfigDialog } from \"./NextjsConfig/NextjsConfigDialog.js\";\n\nconst { Menu } = AdminConfig;\n\nexport const Extension = React.memo(() => {\n    const { on, toggleOn, toggleOff } = useToggler(false);\n\n    return (\n        <>\n            <NexjsConfigDialog open={on} onClose={toggleOff} />\n            <Menu.Support\n                name={\"wb.nextjs\"}\n                element={\n                    <Menu.Support.Item\n                        text={\"Configure Next.js\"}\n                        onClick={toggleOn}\n                        icon={<SettingsIcon />}\n                        className={\"cursor-pointer\"}\n                    />\n                }\n            />\n        </>\n    );\n});\n\nExtension.displayName = \"NavigationExtension\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,UAAU,QAAQ,mBAAmB;AAC3D,SAASC,cAAc,IAAIC,YAAY,QAAQ,4BAA4B;AAC3E,SAASC,iBAAiB;AAE1B,MAAM;EAAEC;AAAK,CAAC,GAAGL,WAAW;AAE5B,OAAO,MAAMM,SAAS,gBAAGP,KAAK,CAACQ,IAAI,CAAC,MAAM;EACtC,MAAM;IAAEC,EAAE;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGT,UAAU,CAAC,KAAK,CAAC;EAErD,oBACIF,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBACIb,KAAA,CAAAY,aAAA,CAACP,iBAAiB;IAACS,IAAI,EAAEL,EAAG;IAACM,OAAO,EAAEJ;EAAU,CAAE,CAAC,eACnDX,KAAA,CAAAY,aAAA,CAACN,IAAI,CAACU,OAAO;IACTC,IAAI,EAAE,WAAY;IAClBC,OAAO,eACHlB,KAAA,CAAAY,aAAA,CAACN,IAAI,CAACU,OAAO,CAACG,IAAI;MACdC,IAAI,EAAE,mBAAoB;MAC1BC,OAAO,EAAEX,QAAS;MAClBY,IAAI,eAAEtB,KAAA,CAAAY,aAAA,CAACR,YAAY,MAAE,CAAE;MACvBmB,SAAS,EAAE;IAAiB,CAC/B;EACJ,CACJ,CACH,CAAC;AAEX,CAAC,CAAC;AAEFhB,SAAS,CAACiB,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/presentation/navigation/NextjsConfig/NextjsConfigDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IStartDialogProps {
+    open: boolean;
+    onClose: () => void;
+}
+export declare const NexjsConfigDialog: ((props: IStartDialogProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/presentation/navigation/NextjsConfig/NextjsConfigDialog.js

@@ -0,0 +1,46 @@
+import React, { useEffect } from "react";
+import { observer } from "mobx-react-lite";
+// @ts-expect-error Remove this one moduleResolution is set to `bundler`
+import { compiler } from "markdown-to-jsx/react";
+import { Dialog, OverlayLoader } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { NextjsConfigFeature } from "./feature.js";
+import { markdownComponents } from "./markdownComponents.js";
+export const NexjsConfigDialog = observer(props => {
+  const {
+    open,
+    onClose
+  } = props;
+  const {
+    presenter
+  } = useFeature(NextjsConfigFeature);
+  useEffect(() => {
+    if (open) {
+      presenter.init();
+    }
+  }, [open]);
+  const vm = presenter.vm;
+  const loading = vm.loading;
+  return /*#__PURE__*/React.createElement(Dialog, {
+    open: open,
+    size: loading ? "md" : "xl",
+    onOpenChange: onClose,
+    title: "Configure Next.js",
+    actions: /*#__PURE__*/React.createElement(Dialog.CancelAction, {
+      text: "Close"
+    }),
+    showCloseButton: true,
+    dismissible: true
+  }, loading ? /*#__PURE__*/React.createElement("div", {
+    className: "relative",
+    style: {
+      height: 80
+    }
+  }, /*#__PURE__*/React.createElement(OverlayLoader, {
+    text: "Loading config..."
+  })) : null, loading ? null : /*#__PURE__*/React.createElement(React.Fragment, null, compiler(vm.config, {
+    overrides: markdownComponents
+  })));
+});
+
+//# sourceMappingURL=NextjsConfigDialog.js.map

package/presentation/navigation/NextjsConfig/NextjsConfigDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","observer","compiler","Dialog","OverlayLoader","useFeature","NextjsConfigFeature","markdownComponents","NexjsConfigDialog","props","open","onClose","presenter","init","vm","loading","createElement","size","onOpenChange","title","actions","CancelAction","text","showCloseButton","dismissible","className","style","height","Fragment","config","overrides"],"sources":["NextjsConfigDialog.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { observer } from \"mobx-react-lite\";\n// @ts-expect-error Remove this one moduleResolution is set to `bundler`\nimport { compiler } from \"markdown-to-jsx/react\";\nimport { Dialog, OverlayLoader } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { NextjsConfigFeature } from \"~/presentation/navigation/NextjsConfig/feature.js\";\nimport { markdownComponents } from \"~/presentation/navigation/NextjsConfig/markdownComponents.js\";\n\ninterface IStartDialogProps {\n    open: boolean;\n    onClose: () => void;\n}\n\nexport const NexjsConfigDialog = observer((props: IStartDialogProps) => {\n    const { open, onClose } = props;\n\n    const { presenter } = useFeature(NextjsConfigFeature);\n\n    useEffect(() => {\n        if (open) {\n            presenter.init();\n        }\n    }, [open]);\n\n    const vm = presenter.vm;\n    const loading = vm.loading;\n\n    return (\n        <Dialog\n            open={open}\n            size={loading ? \"md\" : \"xl\"}\n            onOpenChange={onClose}\n            title={\"Configure Next.js\"}\n            actions={<Dialog.CancelAction text={\"Close\"} />}\n            showCloseButton={true}\n            dismissible={true}\n        >\n            {loading ? (\n                <div className={\"relative\"} style={{ height: 80 }}>\n                    <OverlayLoader text={\"Loading config...\"} />\n                </div>\n            ) : null}\n            {loading ? null : <>{compiler(vm.config, { overrides: markdownComponents })}</>}\n        </Dialog>\n    );\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C;AACA,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,MAAM,EAAEC,aAAa,QAAQ,kBAAkB;AACxD,SAASC,UAAU,QAAQ,aAAa;AACxC,SAASC,mBAAmB;AAC5B,SAASC,kBAAkB;AAO3B,OAAO,MAAMC,iBAAiB,GAAGP,QAAQ,CAAEQ,KAAwB,IAAK;EACpE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGF,KAAK;EAE/B,MAAM;IAAEG;EAAU,CAAC,GAAGP,UAAU,CAACC,mBAAmB,CAAC;EAErDN,SAAS,CAAC,MAAM;IACZ,IAAIU,IAAI,EAAE;MACNE,SAAS,CAACC,IAAI,CAAC,CAAC;IACpB;EACJ,CAAC,EAAE,CAACH,IAAI,CAAC,CAAC;EAEV,MAAMI,EAAE,GAAGF,SAAS,CAACE,EAAE;EACvB,MAAMC,OAAO,GAAGD,EAAE,CAACC,OAAO;EAE1B,oBACIhB,KAAA,CAAAiB,aAAA,CAACb,MAAM;IACHO,IAAI,EAAEA,IAAK;IACXO,IAAI,EAAEF,OAAO,GAAG,IAAI,GAAG,IAAK;IAC5BG,YAAY,EAAEP,OAAQ;IACtBQ,KAAK,EAAE,mBAAoB;IAC3BC,OAAO,eAAErB,KAAA,CAAAiB,aAAA,CAACb,MAAM,CAACkB,YAAY;MAACC,IAAI,EAAE;IAAQ,CAAE,CAAE;IAChDC,eAAe,EAAE,IAAK;IACtBC,WAAW,EAAE;EAAK,GAEjBT,OAAO,gBACJhB,KAAA,CAAAiB,aAAA;IAAKS,SAAS,EAAE,UAAW;IAACC,KAAK,EAAE;MAAEC,MAAM,EAAE;IAAG;EAAE,gBAC9C5B,KAAA,CAAAiB,aAAA,CAACZ,aAAa;IAACkB,IAAI,EAAE;EAAoB,CAAE,CAC1C,CAAC,GACN,IAAI,EACPP,OAAO,GAAG,IAAI,gBAAGhB,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAA6B,QAAA,QAAG1B,QAAQ,CAACY,EAAE,CAACe,MAAM,EAAE;IAAEC,SAAS,EAAEvB;EAAmB,CAAC,CAAI,CAC1E,CAAC;AAEjB,CAAC,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/NextjsConfigGateway.d.ts

@@ -0,0 +1,11 @@
+import { NextjsConfigGateway as GatewayAbstraction } from "./abstractions.js";
+import { GraphQLClient } from "@webiny/app/features/graphqlClient";
+declare class NextjsGraphQLGateway implements GatewayAbstraction.Interface {
+    private client;
+    constructor(client: GraphQLClient.Interface);
+    getConfig(): Promise<GatewayAbstraction.NextjsConfigDTO>;
+}
+export declare const NextjsConfigGateway: typeof NextjsGraphQLGateway & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").INextjsConfigGateway>;
+};
+export {};

package/presentation/navigation/NextjsConfig/NextjsConfigGateway.js

@@ -0,0 +1,37 @@
+import { NextjsConfigGateway as GatewayAbstraction } from "./abstractions.js";
+import { GraphQLClient } from "@webiny/app/features/graphqlClient";
+const GET_NEXTJS_CONFIG = /* GraphQL */`
+    query GetNextjsConfig {
+        websiteBuilder {
+            getNextjsConfig {
+                data
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+class NextjsGraphQLGateway {
+  constructor(client) {
+    this.client = client;
+  }
+  async getConfig() {
+    const response = await this.client.execute({
+      query: GET_NEXTJS_CONFIG
+    });
+    const envelope = response.websiteBuilder.getNextjsConfig;
+    if (envelope.error) {
+      throw new Error(envelope.error.message);
+    }
+    return envelope.data;
+  }
+}
+export const NextjsConfigGateway = GatewayAbstraction.createImplementation({
+  implementation: NextjsGraphQLGateway,
+  dependencies: [GraphQLClient]
+});
+
+//# sourceMappingURL=NextjsConfigGateway.js.map

package/presentation/navigation/NextjsConfig/NextjsConfigGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NextjsConfigGateway","GatewayAbstraction","GraphQLClient","GET_NEXTJS_CONFIG","NextjsGraphQLGateway","constructor","client","getConfig","response","execute","query","envelope","websiteBuilder","getNextjsConfig","error","Error","message","data","createImplementation","implementation","dependencies"],"sources":["NextjsConfigGateway.ts"],"sourcesContent":["import { NextjsConfigGateway as GatewayAbstraction } from \"./abstractions.js\";\nimport { GraphQLClient } from \"@webiny/app/features/graphqlClient\";\n\nconst GET_NEXTJS_CONFIG = /* GraphQL */ `\n    query GetNextjsConfig {\n        websiteBuilder {\n            getNextjsConfig {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\ntype GetNextjsConfigResponse = {\n    websiteBuilder: {\n        getNextjsConfig:\n            | {\n                  data: GatewayAbstraction.NextjsConfigDTO;\n                  error: null;\n              }\n            | {\n                  data: null;\n                  error: {\n                      code: string;\n                      message: string;\n                      data: any;\n                  };\n              };\n    };\n};\n\nclass NextjsGraphQLGateway implements GatewayAbstraction.Interface {\n    constructor(private client: GraphQLClient.Interface) {}\n\n    async getConfig(): Promise<GatewayAbstraction.NextjsConfigDTO> {\n        const response = await this.client.execute<GetNextjsConfigResponse>({\n            query: GET_NEXTJS_CONFIG\n        });\n\n        const envelope = response.websiteBuilder.getNextjsConfig;\n        if (envelope.error) {\n            throw new Error(envelope.error.message);\n        }\n\n        return envelope.data;\n    }\n}\n\nexport const NextjsConfigGateway = GatewayAbstraction.createImplementation({\n    implementation: NextjsGraphQLGateway,\n    dependencies: [GraphQLClient]\n});\n"],"mappings":"AAAA,SAASA,mBAAmB,IAAIC,kBAAkB;AAClD,SAASC,aAAa,QAAQ,oCAAoC;AAElE,MAAMC,iBAAiB,GAAG,aAAc;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAoBD,MAAMC,oBAAoB,CAAyC;EAC/DC,WAAWA,CAASC,MAA+B,EAAE;IAAA,KAAjCA,MAA+B,GAA/BA,MAA+B;EAAG;EAEtD,MAAMC,SAASA,CAAA,EAAgD;IAC3D,MAAMC,QAAQ,GAAG,MAAM,IAAI,CAACF,MAAM,CAACG,OAAO,CAA0B;MAChEC,KAAK,EAAEP;IACX,CAAC,CAAC;IAEF,MAAMQ,QAAQ,GAAGH,QAAQ,CAACI,cAAc,CAACC,eAAe;IACxD,IAAIF,QAAQ,CAACG,KAAK,EAAE;MAChB,MAAM,IAAIC,KAAK,CAACJ,QAAQ,CAACG,KAAK,CAACE,OAAO,CAAC;IAC3C;IAEA,OAAOL,QAAQ,CAACM,IAAI;EACxB;AACJ;AAEA,OAAO,MAAMjB,mBAAmB,GAAGC,kBAAkB,CAACiB,oBAAoB,CAAC;EACvEC,cAAc,EAAEf,oBAAoB;EACpCgB,YAAY,EAAE,CAAClB,aAAa;AAChC,CAAC,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/NextjsConfigPresenter.d.ts

@@ -0,0 +1,12 @@
+import { NextjsConfigPresenter as PresenterAbstraction, NextjsConfigRepository } from "./abstractions.js";
+declare class NextjsConfigPresenterImpl implements PresenterAbstraction.Interface {
+    private repository;
+    private loading;
+    constructor(repository: NextjsConfigRepository.Interface);
+    get vm(): PresenterAbstraction.ViewModel;
+    init(): void;
+}
+export declare const NextjsConfigPresenter: typeof NextjsConfigPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").INextjsConfigPresenter>;
+};
+export {};

package/presentation/navigation/NextjsConfig/NextjsConfigPresenter.js

@@ -0,0 +1,29 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { NextjsConfigPresenter as PresenterAbstraction, NextjsConfigRepository } from "./abstractions.js";
+class NextjsConfigPresenterImpl {
+  loading = false;
+  constructor(repository) {
+    this.repository = repository;
+    makeAutoObservable(this);
+  }
+  get vm() {
+    return {
+      loading: this.loading,
+      config: this.repository.getConfig()
+    };
+  }
+  init() {
+    this.loading = true;
+    this.repository.loadConfig().then(() => {
+      runInAction(() => {
+        this.loading = false;
+      });
+    });
+  }
+}
+export const NextjsConfigPresenter = PresenterAbstraction.createImplementation({
+  implementation: NextjsConfigPresenterImpl,
+  dependencies: [NextjsConfigRepository]
+});
+
+//# sourceMappingURL=NextjsConfigPresenter.js.map

package/presentation/navigation/NextjsConfig/NextjsConfigPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","runInAction","NextjsConfigPresenter","PresenterAbstraction","NextjsConfigRepository","NextjsConfigPresenterImpl","loading","constructor","repository","vm","config","getConfig","init","loadConfig","then","createImplementation","implementation","dependencies"],"sources":["NextjsConfigPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    NextjsConfigPresenter as PresenterAbstraction,\n    NextjsConfigRepository\n} from \"./abstractions.js\";\n\nclass NextjsConfigPresenterImpl implements PresenterAbstraction.Interface {\n    private loading = false;\n\n    constructor(private repository: NextjsConfigRepository.Interface) {\n        makeAutoObservable(this);\n    }\n\n    get vm(): PresenterAbstraction.ViewModel {\n        return {\n            loading: this.loading,\n            config: this.repository.getConfig()\n        };\n    }\n\n    init(): void {\n        this.loading = true;\n        this.repository.loadConfig().then(() => {\n            runInAction(() => {\n                this.loading = false;\n            });\n        });\n    }\n}\n\nexport const NextjsConfigPresenter = PresenterAbstraction.createImplementation({\n    implementation: NextjsConfigPresenterImpl,\n    dependencies: [NextjsConfigRepository]\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AACtD,SACIC,qBAAqB,IAAIC,oBAAoB,EAC7CC,sBAAsB;AAG1B,MAAMC,yBAAyB,CAA2C;EAC9DC,OAAO,GAAG,KAAK;EAEvBC,WAAWA,CAASC,UAA4C,EAAE;IAAA,KAA9CA,UAA4C,GAA5CA,UAA4C;IAC5DR,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIS,EAAEA,CAAA,EAAmC;IACrC,OAAO;MACHH,OAAO,EAAE,IAAI,CAACA,OAAO;MACrBI,MAAM,EAAE,IAAI,CAACF,UAAU,CAACG,SAAS,CAAC;IACtC,CAAC;EACL;EAEAC,IAAIA,CAAA,EAAS;IACT,IAAI,CAACN,OAAO,GAAG,IAAI;IACnB,IAAI,CAACE,UAAU,CAACK,UAAU,CAAC,CAAC,CAACC,IAAI,CAAC,MAAM;MACpCb,WAAW,CAAC,MAAM;QACd,IAAI,CAACK,OAAO,GAAG,KAAK;MACxB,CAAC,CAAC;IACN,CAAC,CAAC;EACN;AACJ;AAEA,OAAO,MAAMJ,qBAAqB,GAAGC,oBAAoB,CAACY,oBAAoB,CAAC;EAC3EC,cAAc,EAAEX,yBAAyB;EACzCY,YAAY,EAAE,CAACb,sBAAsB;AACzC,CAAC,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/NextjsConfigRepository.d.ts

@@ -0,0 +1,12 @@
+import { NextjsConfigRepository as RepositoryAbstraction, NextjsConfigGateway, NextjsConfig } from "./abstractions.js";
+declare class NextjsConfigRepositoryImpl implements RepositoryAbstraction.Interface {
+    private gateway;
+    private config;
+    constructor(gateway: NextjsConfigGateway.Interface);
+    getConfig(): NextjsConfig | undefined;
+    loadConfig(): Promise<void>;
+}
+export declare const NextjsConfigRepository: typeof NextjsConfigRepositoryImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").INextjsConfigRepository>;
+};
+export {};

package/presentation/navigation/NextjsConfig/NextjsConfigRepository.js

@@ -0,0 +1,31 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { NextjsConfigRepository as RepositoryAbstraction, NextjsConfigGateway } from "./abstractions.js";
+class NextjsConfigRepositoryImpl {
+  config = undefined;
+  constructor(gateway) {
+    this.gateway = gateway;
+    makeAutoObservable(this);
+  }
+  getConfig() {
+    return this.config;
+  }
+  async loadConfig() {
+    if (this.config) {
+      return;
+    }
+    try {
+      const config = await this.gateway.getConfig();
+      runInAction(() => {
+        this.config = config;
+      });
+    } catch {
+      // Ignore errors for now.
+    }
+  }
+}
+export const NextjsConfigRepository = RepositoryAbstraction.createImplementation({
+  implementation: NextjsConfigRepositoryImpl,
+  dependencies: [NextjsConfigGateway]
+});
+
+//# sourceMappingURL=NextjsConfigRepository.js.map

package/presentation/navigation/NextjsConfig/NextjsConfigRepository.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["makeAutoObservable","runInAction","NextjsConfigRepository","RepositoryAbstraction","NextjsConfigGateway","NextjsConfigRepositoryImpl","config","undefined","constructor","gateway","getConfig","loadConfig","createImplementation","implementation","dependencies"],"sources":["NextjsConfigRepository.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    NextjsConfigRepository as RepositoryAbstraction,\n    NextjsConfigGateway,\n    NextjsConfig\n} from \"./abstractions.js\";\n\nclass NextjsConfigRepositoryImpl implements RepositoryAbstraction.Interface {\n    private config: NextjsConfig | undefined = undefined;\n\n    constructor(private gateway: NextjsConfigGateway.Interface) {\n        makeAutoObservable(this);\n    }\n\n    getConfig(): NextjsConfig | undefined {\n        return this.config;\n    }\n\n    async loadConfig(): Promise<void> {\n        if (this.config) {\n            return;\n        }\n\n        try {\n            const config = await this.gateway.getConfig();\n            runInAction(() => {\n                this.config = config;\n            });\n        } catch {\n            // Ignore errors for now.\n        }\n    }\n}\n\nexport const NextjsConfigRepository = RepositoryAbstraction.createImplementation({\n    implementation: NextjsConfigRepositoryImpl,\n    dependencies: [NextjsConfigGateway]\n});\n"],"mappings":"AAAA,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AACtD,SACIC,sBAAsB,IAAIC,qBAAqB,EAC/CC,mBAAmB;AAIvB,MAAMC,0BAA0B,CAA4C;EAChEC,MAAM,GAA6BC,SAAS;EAEpDC,WAAWA,CAASC,OAAsC,EAAE;IAAA,KAAxCA,OAAsC,GAAtCA,OAAsC;IACtDT,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEAU,SAASA,CAAA,EAA6B;IAClC,OAAO,IAAI,CAACJ,MAAM;EACtB;EAEA,MAAMK,UAAUA,CAAA,EAAkB;IAC9B,IAAI,IAAI,CAACL,MAAM,EAAE;MACb;IACJ;IAEA,IAAI;MACA,MAAMA,MAAM,GAAG,MAAM,IAAI,CAACG,OAAO,CAACC,SAAS,CAAC,CAAC;MAC7CT,WAAW,CAAC,MAAM;QACd,IAAI,CAACK,MAAM,GAAGA,MAAM;MACxB,CAAC,CAAC;IACN,CAAC,CAAC,MAAM;MACJ;IAAA;EAER;AACJ;AAEA,OAAO,MAAMJ,sBAAsB,GAAGC,qBAAqB,CAACS,oBAAoB,CAAC;EAC7EC,cAAc,EAAER,0BAA0B;EAC1CS,YAAY,EAAE,CAACV,mBAAmB;AACtC,CAAC,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/abstractions.d.ts

@@ -0,0 +1,30 @@
+export type NextjsConfig = string;
+export interface INextjsConfigVm {
+    loading: boolean;
+    config: NextjsConfig | undefined;
+}
+export interface INextjsConfigPresenter {
+    vm: INextjsConfigVm;
+    init(): void;
+}
+export declare const NextjsConfigPresenter: import("@webiny/di").Abstraction<INextjsConfigPresenter>;
+export declare namespace NextjsConfigPresenter {
+    type Interface = INextjsConfigPresenter;
+    type ViewModel = INextjsConfigVm;
+}
+export interface INextjsConfigRepository {
+    getConfig(): NextjsConfig | undefined;
+    loadConfig(): Promise<void>;
+}
+export declare const NextjsConfigRepository: import("@webiny/di").Abstraction<INextjsConfigRepository>;
+export declare namespace NextjsConfigRepository {
+    type Interface = INextjsConfigRepository;
+}
+export interface INextjsConfigGateway {
+    getConfig(): Promise<NextjsConfig>;
+}
+export declare const NextjsConfigGateway: import("@webiny/di").Abstraction<INextjsConfigGateway>;
+export declare namespace NextjsConfigGateway {
+    type Interface = INextjsConfigGateway;
+    type NextjsConfigDTO = string;
+}

package/presentation/navigation/NextjsConfig/abstractions.js

@@ -0,0 +1,15 @@
+import { createAbstraction } from "@webiny/feature/admin";
+
+// Presenter
+
+export const NextjsConfigPresenter = createAbstraction("NextjsConfigPresenter");
+
+// Repository
+
+export const NextjsConfigRepository = createAbstraction("NextjsConfigRepository");
+
+// Gateway
+
+export const NextjsConfigGateway = createAbstraction("NextjsConfigGateway");
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/navigation/NextjsConfig/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createAbstraction","NextjsConfigPresenter","NextjsConfigRepository","NextjsConfigGateway"],"sources":["abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\nexport type NextjsConfig = string;\n\n// Presenter\nexport interface INextjsConfigVm {\n    loading: boolean;\n    config: NextjsConfig | undefined;\n}\n\nexport interface INextjsConfigPresenter {\n    vm: INextjsConfigVm;\n    init(): void;\n}\n\nexport const NextjsConfigPresenter =\n    createAbstraction<INextjsConfigPresenter>(\"NextjsConfigPresenter\");\n\nexport namespace NextjsConfigPresenter {\n    export type Interface = INextjsConfigPresenter;\n    export type ViewModel = INextjsConfigVm;\n}\n\n// Repository\nexport interface INextjsConfigRepository {\n    getConfig(): NextjsConfig | undefined;\n    loadConfig(): Promise<void>;\n}\n\nexport const NextjsConfigRepository =\n    createAbstraction<INextjsConfigRepository>(\"NextjsConfigRepository\");\n\nexport namespace NextjsConfigRepository {\n    export type Interface = INextjsConfigRepository;\n}\n\n// Gateway\nexport interface INextjsConfigGateway {\n    getConfig(): Promise<NextjsConfig>;\n}\n\nexport const NextjsConfigGateway = createAbstraction<INextjsConfigGateway>(\"NextjsConfigGateway\");\n\nexport namespace NextjsConfigGateway {\n    export type Interface = INextjsConfigGateway;\n    export type NextjsConfigDTO = string;\n}\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,uBAAuB;;AAIzD;;AAWA,OAAO,MAAMC,qBAAqB,GAC9BD,iBAAiB,CAAyB,uBAAuB,CAAC;;AAOtE;;AAMA,OAAO,MAAME,sBAAsB,GAC/BF,iBAAiB,CAA0B,wBAAwB,CAAC;;AAMxE;;AAKA,OAAO,MAAMG,mBAAmB,GAAGH,iBAAiB,CAAuB,qBAAqB,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const NextjsConfigFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").INextjsConfigPresenter;
+}, []>;

package/presentation/navigation/NextjsConfig/feature.js

@@ -0,0 +1,20 @@
+import { createFeature } from "@webiny/feature/admin";
+import { NextjsConfigPresenter as PresenterAbstraction } from "./abstractions.js";
+import { NextjsConfigPresenter } from "./NextjsConfigPresenter.js";
+import { NextjsConfigRepository } from "./NextjsConfigRepository.js";
+import { NextjsConfigGateway } from "./NextjsConfigGateway.js";
+export const NextjsConfigFeature = createFeature({
+  name: "NextjsConfig",
+  register(container) {
+    container.register(NextjsConfigPresenter);
+    container.register(NextjsConfigRepository).inSingletonScope();
+    container.register(NextjsConfigGateway);
+  },
+  resolve(container) {
+    return {
+      presenter: container.resolve(PresenterAbstraction)
+    };
+  }
+});
+
+//# sourceMappingURL=feature.js.map

package/presentation/navigation/NextjsConfig/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createFeature","NextjsConfigPresenter","PresenterAbstraction","NextjsConfigRepository","NextjsConfigGateway","NextjsConfigFeature","name","register","container","inSingletonScope","resolve","presenter"],"sources":["feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { NextjsConfigPresenter as PresenterAbstraction } from \"./abstractions.js\";\nimport { NextjsConfigPresenter } from \"./NextjsConfigPresenter.js\";\nimport { NextjsConfigRepository } from \"./NextjsConfigRepository.js\";\nimport { NextjsConfigGateway } from \"./NextjsConfigGateway.js\";\n\nexport const NextjsConfigFeature = createFeature({\n    name: \"NextjsConfig\",\n    register(container) {\n        container.register(NextjsConfigPresenter);\n        container.register(NextjsConfigRepository).inSingletonScope();\n        container.register(NextjsConfigGateway);\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(PresenterAbstraction)\n        };\n    }\n});\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,qBAAqB,IAAIC,oBAAoB;AACtD,SAASD,qBAAqB;AAC9B,SAASE,sBAAsB;AAC/B,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,mBAAmB,GAAGL,aAAa,CAAC;EAC7CM,IAAI,EAAE,cAAc;EACpBC,QAAQA,CAACC,SAAS,EAAE;IAChBA,SAAS,CAACD,QAAQ,CAACN,qBAAqB,CAAC;IACzCO,SAAS,CAACD,QAAQ,CAACJ,sBAAsB,CAAC,CAACM,gBAAgB,CAAC,CAAC;IAC7DD,SAAS,CAACD,QAAQ,CAACH,mBAAmB,CAAC;EAC3C,CAAC;EACDM,OAAOA,CAACF,SAAS,EAAE;IACf,OAAO;MACHG,SAAS,EAAEH,SAAS,CAACE,OAAO,CAACR,oBAAoB;IACrD,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}

package/presentation/navigation/NextjsConfig/markdownComponents.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare const markdownComponents: {
+    pre: ({ children }: {
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+};

package/presentation/navigation/NextjsConfig/markdownComponents.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useRef } from "react";
+import { ReactComponent as CopyIcon } from "@webiny/icons/content_copy.svg";
+import { IconButton, useToast } from "@webiny/admin-ui";
+export const markdownComponents = {
+  pre: ({
+    children
+  }) => {
+    const codeRef = useRef(null);
+    const toast = useToast();
+    const copyToClipboard = useCallback(() => {
+      const codeElement = codeRef.current?.querySelector("code");
+      if (!codeElement) {
+        return;
+      }
+      navigator.clipboard.writeText(codeElement.innerText);
+      toast.showSuccessToast({
+        title: "Copied to clipboard!"
+      });
+    }, []);
+    return /*#__PURE__*/React.createElement("pre", {
+      className: "p-md bg-neutral-dimmed rounded mt-2 relative",
+      ref: element => codeRef.current = element
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      variant: "secondary",
+      icon: /*#__PURE__*/React.createElement(CopyIcon, null),
+      className: "absolute right-[10px] top-[10px] cursor-pointer",
+      onClick: copyToClipboard
+    }), children);
+  }
+};
+
+//# sourceMappingURL=markdownComponents.js.map

package/presentation/navigation/NextjsConfig/markdownComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","ReactComponent","CopyIcon","IconButton","useToast","markdownComponents","pre","children","codeRef","toast","copyToClipboard","codeElement","current","querySelector","navigator","clipboard","writeText","innerText","showSuccessToast","title","createElement","className","ref","element","variant","icon","onClick"],"sources":["markdownComponents.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { IconButton, useToast } from \"@webiny/admin-ui\";\n\nexport const markdownComponents = {\n    pre: ({ children }: { children: React.ReactNode }) => {\n        const codeRef = useRef<HTMLPreElement | null>(null);\n        const toast = useToast();\n\n        const copyToClipboard = useCallback(() => {\n            const codeElement = codeRef.current?.querySelector(\"code\");\n            if (!codeElement) {\n                return;\n            }\n\n            navigator.clipboard.writeText(codeElement.innerText);\n            toast.showSuccessToast({ title: \"Copied to clipboard!\" });\n        }, []);\n\n        return (\n            <pre\n                className={\"p-md bg-neutral-dimmed rounded mt-2 relative\"}\n                ref={element => (codeRef.current = element)}\n            >\n                <IconButton\n                    variant={\"secondary\"}\n                    icon={<CopyIcon />}\n                    className={\"absolute right-[10px] top-[10px] cursor-pointer\"}\n                    onClick={copyToClipboard}\n                />\n                {children}\n            </pre>\n        );\n    }\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAClD,SAASC,cAAc,IAAIC,QAAQ,QAAQ,gCAAgC;AAC3E,SAASC,UAAU,EAAEC,QAAQ,QAAQ,kBAAkB;AAEvD,OAAO,MAAMC,kBAAkB,GAAG;EAC9BC,GAAG,EAAEA,CAAC;IAAEC;EAAwC,CAAC,KAAK;IAClD,MAAMC,OAAO,GAAGR,MAAM,CAAwB,IAAI,CAAC;IACnD,MAAMS,KAAK,GAAGL,QAAQ,CAAC,CAAC;IAExB,MAAMM,eAAe,GAAGX,WAAW,CAAC,MAAM;MACtC,MAAMY,WAAW,GAAGH,OAAO,CAACI,OAAO,EAAEC,aAAa,CAAC,MAAM,CAAC;MAC1D,IAAI,CAACF,WAAW,EAAE;QACd;MACJ;MAEAG,SAAS,CAACC,SAAS,CAACC,SAAS,CAACL,WAAW,CAACM,SAAS,CAAC;MACpDR,KAAK,CAACS,gBAAgB,CAAC;QAAEC,KAAK,EAAE;MAAuB,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC;IAEN,oBACIrB,KAAA,CAAAsB,aAAA;MACIC,SAAS,EAAE,8CAA+C;MAC1DC,GAAG,EAAEC,OAAO,IAAKf,OAAO,CAACI,OAAO,GAAGW;IAAS,gBAE5CzB,KAAA,CAAAsB,aAAA,CAACjB,UAAU;MACPqB,OAAO,EAAE,WAAY;MACrBC,IAAI,eAAE3B,KAAA,CAAAsB,aAAA,CAAClB,QAAQ,MAAE,CAAE;MACnBmB,SAAS,EAAE,iDAAkD;MAC7DK,OAAO,EAAEhB;IAAgB,CAC5B,CAAC,EACDH,QACA,CAAC;EAEd;AACJ,CAAC","ignoreList":[]}

package/presentation/pages/PageList/DocumentListPresenter.d.ts

@@ -0,0 +1,30 @@
+import { PageListPresenter } from "./abstractions.js";
+declare class DocumentListPresenter implements PageListPresenter.Interface {
+    private folderId;
+    private foldersCache;
+    private documentsCache;
+    private foldersLoadingRepository;
+    private documentsLoadingRepository;
+    private searchRepository;
+    private metaRepository;
+    private sortingRepository;
+    private filterRepository;
+    private selectedRepository;
+    private filtersVisible;
+    constructor();
+    init(params: PageListPresenter.Init): void;
+    get vm(): PageListPresenter.ViewModel;
+    showFilters: (show: boolean) => void;
+    private getIsRoot;
+    private getVmTitle;
+    private getVmDocuments;
+    private getVmFolders;
+    private getSelected;
+    private sortItems;
+    private getIsSearch;
+    private getSearchLabel;
+    private getIsLoading;
+    private getIsLoadingMore;
+    private getSorting;
+}
+export { DocumentListPresenter };