@wix/cli-app 1.1.74 → 1.1.75
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/{CreateVersionCommand-6PXETRX5.js → CreateVersionCommand-RQXPDP24.js} +14 -16
- package/build/{CreateVersionCommand-6PXETRX5.js.map → CreateVersionCommand-RQXPDP24.js.map} +1 -1
- package/build/{DevCommand-575K76BZ.js → DevCommand-S4Z3WJGP.js} +14 -16
- package/build/{DevCommand-575K76BZ.js.map → DevCommand-S4Z3WJGP.js.map} +1 -1
- package/build/{GenerateCommand-NKJI6L6F.js → GenerateCommand-KJFVXKF6.js} +575 -476
- package/build/GenerateCommand-KJFVXKF6.js.map +1 -0
- package/build/{LogsCommand-LDVXIJRM.js → LogsCommand-BIVRFRK5.js} +4 -4
- package/build/PreviewCommand-LVAVWK5X.js +21 -0
- package/build/{ReleaseCommand-3KMQAZC2.js → ReleaseCommand-D44TLKQN.js} +17 -19
- package/build/{ReleaseCommand-3KMQAZC2.js.map → ReleaseCommand-D44TLKQN.js.map} +1 -1
- package/build/{ServeCommand-JVEHGEQJ.js → ServeCommand-7CZUCKDQ.js} +15 -17
- package/build/{ServeCommand-JVEHGEQJ.js.map → ServeCommand-7CZUCKDQ.js.map} +1 -1
- package/build/{build-LGA2RNYK.js → build-QQOQLG6Q.js} +7 -7
- package/build/{chunk-UR2P6KAA.js → chunk-3R3L4Z4K.js} +3 -3
- package/build/{chunk-A2RC7C33.js → chunk-3T6MWKGJ.js} +3 -3
- package/build/{chunk-7DBU2MOT.js → chunk-3TGCMRM2.js} +3 -2
- package/build/chunk-3TGCMRM2.js.map +1 -0
- package/build/{chunk-KFXL2D65.js → chunk-5MJT77SF.js} +4 -4
- package/build/{chunk-KFXL2D65.js.map → chunk-5MJT77SF.js.map} +1 -1
- package/build/{chunk-2I5H2XRH.js → chunk-5V425DYH.js} +2 -2
- package/build/{chunk-5CXN5MQU.js → chunk-ABAJ2G2M.js} +3 -3
- package/build/{chunk-C2J6X76S.js → chunk-ADIVS46Y.js} +4 -4
- package/build/{chunk-OBKGCJPS.js → chunk-C64MJGM6.js} +3 -3
- package/build/{chunk-YX3VV7BD.js → chunk-FSYOQVCS.js} +54 -11
- package/build/chunk-FSYOQVCS.js.map +1 -0
- package/build/{chunk-4AUIUNWR.js → chunk-GB3SH2IE.js} +3 -3
- package/build/{chunk-HBC2QGBW.js → chunk-I3NQFKY6.js} +33 -14
- package/build/{chunk-HBC2QGBW.js.map → chunk-I3NQFKY6.js.map} +1 -1
- package/build/{chunk-UEWHA4N4.js → chunk-O6IB7IRT.js} +33 -11
- package/build/chunk-O6IB7IRT.js.map +1 -0
- package/build/{chunk-MGWDHTIY.js → chunk-S7FXCJ5N.js} +3 -3
- package/build/{chunk-D4K6HLR5.js → chunk-TSZ32MNC.js} +629 -97
- package/build/chunk-TSZ32MNC.js.map +1 -0
- package/build/{chunk-ETZUKD7Z.js → chunk-YEO2M3TJ.js} +5 -7
- package/build/{chunk-ETZUKD7Z.js.map → chunk-YEO2M3TJ.js.map} +1 -1
- package/build/{chunk-XL6K6NL2.js → chunk-ZILFZBV3.js} +3 -3
- package/build/index.js +38 -30
- package/build/index.js.map +1 -1
- package/build/preview-Q2SJBMOD.js +101 -0
- package/build/preview-Q2SJBMOD.js.map +1 -0
- package/build/{render-command-RYGIULDT.js → render-command-LPGQHYQY.js} +8 -8
- package/package.json +4 -4
- package/build/GenerateCommand-NKJI6L6F.js.map +0 -1
- package/build/PreviewCommand-PMZTMXBO.js +0 -23
- package/build/chunk-7DBU2MOT.js.map +0 -1
- package/build/chunk-D4K6HLR5.js.map +0 -1
- package/build/chunk-UEWHA4N4.js.map +0 -1
- package/build/chunk-YJ5YN5VN.js +0 -579
- package/build/chunk-YJ5YN5VN.js.map +0 -1
- package/build/chunk-YLAUVJYG.js +0 -60
- package/build/chunk-YLAUVJYG.js.map +0 -1
- package/build/chunk-YX3VV7BD.js.map +0 -1
- package/build/preview-S2TF6RDS.js +0 -138
- package/build/preview-S2TF6RDS.js.map +0 -1
- /package/build/{LogsCommand-LDVXIJRM.js.map → LogsCommand-BIVRFRK5.js.map} +0 -0
- /package/build/{PreviewCommand-PMZTMXBO.js.map → PreviewCommand-LVAVWK5X.js.map} +0 -0
- /package/build/{build-LGA2RNYK.js.map → build-QQOQLG6Q.js.map} +0 -0
- /package/build/{chunk-UR2P6KAA.js.map → chunk-3R3L4Z4K.js.map} +0 -0
- /package/build/{chunk-A2RC7C33.js.map → chunk-3T6MWKGJ.js.map} +0 -0
- /package/build/{chunk-2I5H2XRH.js.map → chunk-5V425DYH.js.map} +0 -0
- /package/build/{chunk-5CXN5MQU.js.map → chunk-ABAJ2G2M.js.map} +0 -0
- /package/build/{chunk-C2J6X76S.js.map → chunk-ADIVS46Y.js.map} +0 -0
- /package/build/{chunk-OBKGCJPS.js.map → chunk-C64MJGM6.js.map} +0 -0
- /package/build/{chunk-4AUIUNWR.js.map → chunk-GB3SH2IE.js.map} +0 -0
- /package/build/{chunk-MGWDHTIY.js.map → chunk-S7FXCJ5N.js.map} +0 -0
- /package/build/{chunk-XL6K6NL2.js.map → chunk-ZILFZBV3.js.map} +0 -0
- /package/build/{render-command-RYGIULDT.js.map → render-command-LPGQHYQY.js.map} +0 -0
|
@@ -2,23 +2,23 @@ import { createRequire as _createRequire } from 'node:module';
|
|
|
2
2
|
const require = _createRequire(import.meta.url);
|
|
3
3
|
import {
|
|
4
4
|
createI18nT
|
|
5
|
-
} from "./chunk-
|
|
6
|
-
import "./chunk-
|
|
5
|
+
} from "./chunk-3T6MWKGJ.js";
|
|
6
|
+
import "./chunk-3TGCMRM2.js";
|
|
7
7
|
import {
|
|
8
8
|
useWixCliAppBi
|
|
9
|
-
} from "./chunk-
|
|
9
|
+
} from "./chunk-ABAJ2G2M.js";
|
|
10
10
|
import {
|
|
11
11
|
componentGenerator,
|
|
12
12
|
dependenciesUpdater,
|
|
13
13
|
require_lodash,
|
|
14
14
|
useBackendComponents
|
|
15
|
-
} from "./chunk-
|
|
15
|
+
} from "./chunk-I3NQFKY6.js";
|
|
16
16
|
import {
|
|
17
17
|
execaCommand
|
|
18
18
|
} from "./chunk-ZR3N5INU.js";
|
|
19
19
|
import {
|
|
20
20
|
require_baseUniq
|
|
21
|
-
} from "./chunk-
|
|
21
|
+
} from "./chunk-5V425DYH.js";
|
|
22
22
|
import {
|
|
23
23
|
BLOCKS_TYPES_PATH,
|
|
24
24
|
ComponentType,
|
|
@@ -70,7 +70,7 @@ import {
|
|
|
70
70
|
useValidation,
|
|
71
71
|
uuidValidation,
|
|
72
72
|
writeJson
|
|
73
|
-
} from "./chunk-
|
|
73
|
+
} from "./chunk-5MJT77SF.js";
|
|
74
74
|
import {
|
|
75
75
|
AsyncCallbackStatus,
|
|
76
76
|
Box_default,
|
|
@@ -95,7 +95,7 @@ import {
|
|
|
95
95
|
useAsyncCallback,
|
|
96
96
|
useTranslation,
|
|
97
97
|
z
|
|
98
|
-
} from "./chunk-
|
|
98
|
+
} from "./chunk-O6IB7IRT.js";
|
|
99
99
|
import {
|
|
100
100
|
__commonJS,
|
|
101
101
|
__dirname,
|
|
@@ -122,12 +122,12 @@ init_esm_shims();
|
|
|
122
122
|
|
|
123
123
|
// src/components/GenerateCommand/GenerateCommand.tsx
|
|
124
124
|
init_esm_shims();
|
|
125
|
-
var
|
|
125
|
+
var import_react28 = __toESM(require_react(), 1);
|
|
126
126
|
var import_variant28 = __toESM(require_lib(), 1);
|
|
127
127
|
|
|
128
128
|
// src/components/GenerateCommand/dashboad-page/DashboardPage.tsx
|
|
129
129
|
init_esm_shims();
|
|
130
|
-
var
|
|
130
|
+
var import_react4 = __toESM(require_react(), 1);
|
|
131
131
|
var import_variant7 = __toESM(require_lib(), 1);
|
|
132
132
|
var import_lodash = __toESM(require_lodash(), 1);
|
|
133
133
|
|
|
@@ -260,16 +260,22 @@ var useGenerationTask = (fn, predicates) => {
|
|
|
260
260
|
}
|
|
261
261
|
}, [generationTask, predicates]);
|
|
262
262
|
const successResult = (0, import_react.useCallback)(
|
|
263
|
-
(0, import_memoize.default)(
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
263
|
+
(0, import_memoize.default)(
|
|
264
|
+
(hasUpdatedDependencies, newFiles) => {
|
|
265
|
+
return GenerationTaskResultVariant.Success({
|
|
266
|
+
hasUpdatedDependencies,
|
|
267
|
+
newFiles
|
|
268
|
+
});
|
|
269
|
+
}
|
|
270
|
+
),
|
|
268
271
|
[]
|
|
269
272
|
);
|
|
270
273
|
return (0, import_variant.match)(generationTask.status, {
|
|
271
274
|
Success: ({ result }) => {
|
|
272
|
-
return successResult(
|
|
275
|
+
return successResult(
|
|
276
|
+
(result?.newDependencies.length ?? 0) > 0,
|
|
277
|
+
result?.newFiles ?? []
|
|
278
|
+
);
|
|
273
279
|
},
|
|
274
280
|
Error: () => GenerationTaskResultVariant.Error(),
|
|
275
281
|
Loading: () => GenerationTaskResultVariant.Loading(),
|
|
@@ -659,6 +665,61 @@ var InstallDependencies = ({ onFinish }) => {
|
|
|
659
665
|
}));
|
|
660
666
|
};
|
|
661
667
|
|
|
668
|
+
// src/components/GenerationSuccessMessage/GenerationSuccessMessage.tsx
|
|
669
|
+
init_esm_shims();
|
|
670
|
+
var import_react3 = __toESM(require_react(), 1);
|
|
671
|
+
import { dirname } from "node:path";
|
|
672
|
+
var GenerationSuccessMessage = ({
|
|
673
|
+
extensionType,
|
|
674
|
+
generatedFiles,
|
|
675
|
+
learnMoreUrl,
|
|
676
|
+
children
|
|
677
|
+
}) => {
|
|
678
|
+
const { t: t2 } = useTranslation();
|
|
679
|
+
const folders = generatedFiles.reduce(
|
|
680
|
+
(acc, file) => {
|
|
681
|
+
const dir = dirname(file);
|
|
682
|
+
acc[dir] = [...acc[dir] ?? [], file];
|
|
683
|
+
return acc;
|
|
684
|
+
},
|
|
685
|
+
{}
|
|
686
|
+
);
|
|
687
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
688
|
+
Box_default,
|
|
689
|
+
{
|
|
690
|
+
borderColor: "blue",
|
|
691
|
+
borderStyle: "round",
|
|
692
|
+
flexDirection: "column",
|
|
693
|
+
paddingY: 1,
|
|
694
|
+
paddingX: 3,
|
|
695
|
+
gap: 1,
|
|
696
|
+
marginTop: 1
|
|
697
|
+
},
|
|
698
|
+
/* @__PURE__ */ import_react3.default.createElement(Box_default, { marginTop: -2, marginLeft: 0 }, /* @__PURE__ */ import_react3.default.createElement(Text, { skin: "question", bold: true }, t2("generate_command.generation.title"))),
|
|
699
|
+
/* @__PURE__ */ import_react3.default.createElement(Text, null, t2("generate_command.generation.done", {
|
|
700
|
+
extensionType
|
|
701
|
+
})),
|
|
702
|
+
children,
|
|
703
|
+
Object.entries(folders).map(([folder, files]) => /* @__PURE__ */ import_react3.default.createElement(Folder, { key: folder, folderName: folder, files })),
|
|
704
|
+
/* @__PURE__ */ import_react3.default.createElement(
|
|
705
|
+
Trans,
|
|
706
|
+
{
|
|
707
|
+
i18nKey: "generate_command.generation.learn_more",
|
|
708
|
+
values: { extensionType },
|
|
709
|
+
components: [/* @__PURE__ */ import_react3.default.createElement(Learn, null), /* @__PURE__ */ import_react3.default.createElement(Link, { url: learnMoreUrl })]
|
|
710
|
+
}
|
|
711
|
+
)
|
|
712
|
+
);
|
|
713
|
+
};
|
|
714
|
+
var Folder = ({
|
|
715
|
+
folderName,
|
|
716
|
+
files
|
|
717
|
+
}) => {
|
|
718
|
+
const { model } = useProjectModel();
|
|
719
|
+
const relativeFilePath = (absolutePath) => absolutePath.replace(model.projectFolder, ".");
|
|
720
|
+
return /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react3.default.createElement(Text, null, "\u{1F4C1} ", folderName), /* @__PURE__ */ import_react3.default.createElement(Box_default, { flexDirection: "column", marginLeft: 3, marginTop: 1 }, files.map((file) => /* @__PURE__ */ import_react3.default.createElement(Text, { key: file }, relativeFilePath(file)))));
|
|
721
|
+
};
|
|
722
|
+
|
|
662
723
|
// src/components/GenerateCommand/dashboad-page/DashboardPage.tsx
|
|
663
724
|
var GenerateDashboardPage = () => {
|
|
664
725
|
const bi = useWixCliAppBi();
|
|
@@ -675,11 +736,11 @@ var GenerateDashboardPage = () => {
|
|
|
675
736
|
})
|
|
676
737
|
);
|
|
677
738
|
const categoriesExist = Boolean(categories.length);
|
|
678
|
-
const [pageRoute, setPageRoute] = (0,
|
|
679
|
-
const [pageTitle, setPageTitle] = (0,
|
|
680
|
-
const [addToCategory, setAddToCategory] = (0,
|
|
681
|
-
const [sidebarCategory, setSidebarCategory] = (0,
|
|
682
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
739
|
+
const [pageRoute, setPageRoute] = (0, import_react4.useState)();
|
|
740
|
+
const [pageTitle, setPageTitle] = (0, import_react4.useState)();
|
|
741
|
+
const [addToCategory, setAddToCategory] = (0, import_react4.useState)();
|
|
742
|
+
const [sidebarCategory, setSidebarCategory] = (0, import_react4.useState)();
|
|
743
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react4.useState)(false);
|
|
683
744
|
const defaultPageRoute = (0, import_lodash.kebabCase)(pageTitle);
|
|
684
745
|
const validateDashboardRoute = useValidation(
|
|
685
746
|
createDashboardRouteValidation(dashboardPages)
|
|
@@ -704,7 +765,7 @@ var GenerateDashboardPage = () => {
|
|
|
704
765
|
pageQuestionsAnswered,
|
|
705
766
|
notAddingSidebarCategory || addingSidebarCategory
|
|
706
767
|
]);
|
|
707
|
-
return /* @__PURE__ */
|
|
768
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(
|
|
708
769
|
TextInput,
|
|
709
770
|
{
|
|
710
771
|
label: t2("generate_command.dashboard_page.choose_title"),
|
|
@@ -719,7 +780,7 @@ var GenerateDashboardPage = () => {
|
|
|
719
780
|
setPageTitle(pageTitle2);
|
|
720
781
|
}
|
|
721
782
|
}
|
|
722
|
-
), pageTitle && /* @__PURE__ */
|
|
783
|
+
), pageTitle && /* @__PURE__ */ import_react4.default.createElement(
|
|
723
784
|
TextInput,
|
|
724
785
|
{
|
|
725
786
|
label: t2("generate_command.dashboard_page.choose_route"),
|
|
@@ -735,7 +796,7 @@ var GenerateDashboardPage = () => {
|
|
|
735
796
|
},
|
|
736
797
|
validate: validateDashboardRoute
|
|
737
798
|
}
|
|
738
|
-
), pageQuestionsAnswered && categoriesExist && /* @__PURE__ */
|
|
799
|
+
), pageQuestionsAnswered && categoriesExist && /* @__PURE__ */ import_react4.default.createElement(
|
|
739
800
|
ConfirmInput,
|
|
740
801
|
{
|
|
741
802
|
label: t2("generate_command.dashboard_page.add_to_category"),
|
|
@@ -749,7 +810,7 @@ var GenerateDashboardPage = () => {
|
|
|
749
810
|
setAddToCategory(value);
|
|
750
811
|
}
|
|
751
812
|
}
|
|
752
|
-
), pageQuestionsAnswered && categoriesExist && addToCategory && /* @__PURE__ */
|
|
813
|
+
), pageQuestionsAnswered && categoriesExist && addToCategory && /* @__PURE__ */ import_react4.default.createElement(
|
|
753
814
|
SelectInput,
|
|
754
815
|
{
|
|
755
816
|
label: t2("generate_command.dashboard_page.choose_category"),
|
|
@@ -764,22 +825,28 @@ var GenerateDashboardPage = () => {
|
|
|
764
825
|
setSidebarCategory(option.value);
|
|
765
826
|
}
|
|
766
827
|
}
|
|
767
|
-
), (0,
|
|
828
|
+
), (0, import_react4.useMemo)(
|
|
768
829
|
() => (0, import_variant7.match)(generationTask, {
|
|
769
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
770
|
-
if (hasUpdatedDependencies) {
|
|
771
|
-
|
|
772
|
-
InstallDependencies,
|
|
773
|
-
{
|
|
774
|
-
onFinish: () => setFinishedInstallation(true)
|
|
775
|
-
}
|
|
776
|
-
);
|
|
830
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
831
|
+
if (!hasUpdatedDependencies) {
|
|
832
|
+
setFinishedInstallation(true);
|
|
777
833
|
}
|
|
778
|
-
|
|
779
|
-
|
|
834
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react4.default.createElement(
|
|
835
|
+
InstallDependencies,
|
|
836
|
+
{
|
|
837
|
+
onFinish: () => setFinishedInstallation(true)
|
|
838
|
+
}
|
|
839
|
+
), finishedInstallation && /* @__PURE__ */ import_react4.default.createElement(
|
|
840
|
+
GenerationSuccessMessage,
|
|
841
|
+
{
|
|
842
|
+
extensionType,
|
|
843
|
+
generatedFiles: newFiles,
|
|
844
|
+
learnMoreUrl: "https://wix.to/7W3nYUg"
|
|
845
|
+
}
|
|
846
|
+
));
|
|
780
847
|
},
|
|
781
848
|
Error: () => null,
|
|
782
|
-
Loading: () => /* @__PURE__ */
|
|
849
|
+
Loading: () => /* @__PURE__ */ import_react4.default.createElement(
|
|
783
850
|
Spinner,
|
|
784
851
|
{
|
|
785
852
|
text: t2("generate_command.generation.loading", {
|
|
@@ -789,22 +856,20 @@ var GenerateDashboardPage = () => {
|
|
|
789
856
|
),
|
|
790
857
|
NotRequested: () => null
|
|
791
858
|
}),
|
|
792
|
-
[
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
}
|
|
802
|
-
)));
|
|
859
|
+
[
|
|
860
|
+
generationTask,
|
|
861
|
+
t2,
|
|
862
|
+
extensionType,
|
|
863
|
+
pageRoute,
|
|
864
|
+
finishedInstallation,
|
|
865
|
+
setFinishedInstallation
|
|
866
|
+
]
|
|
867
|
+
));
|
|
803
868
|
};
|
|
804
869
|
|
|
805
870
|
// src/components/GenerateCommand/embedded-script/EmbeddedScript.tsx
|
|
806
871
|
init_esm_shims();
|
|
807
|
-
var
|
|
872
|
+
var import_react5 = __toESM(require_react(), 1);
|
|
808
873
|
var import_variant8 = __toESM(require_lib(), 1);
|
|
809
874
|
var import_lodash2 = __toESM(require_lodash(), 1);
|
|
810
875
|
|
|
@@ -871,7 +936,7 @@ async function generateEmbeddedScript(projectFolder, folder, name, scriptType, p
|
|
|
871
936
|
const embeddedScriptConfigJSON = toJsonString(embeddedScriptConfig, {
|
|
872
937
|
spaces: 2
|
|
873
938
|
});
|
|
874
|
-
await componentGenerator({
|
|
939
|
+
return await componentGenerator({
|
|
875
940
|
template: EMBEDDED_SCRIPT_TEMPLATE,
|
|
876
941
|
projectFolder,
|
|
877
942
|
cwd,
|
|
@@ -894,11 +959,11 @@ var GenerateEmbeddedScript = () => {
|
|
|
894
959
|
"generate_command.flow.embedded_script"
|
|
895
960
|
).toLowerCase();
|
|
896
961
|
const embeddedScripts = getExtensions("EmbeddedScript");
|
|
897
|
-
const [scriptFolder, setScriptFolder] = (0,
|
|
898
|
-
const [scriptName, setScriptName] = (0,
|
|
899
|
-
const [scriptType, setScriptType] = (0,
|
|
900
|
-
const [scriptPlacement, setScriptPlacement] = (0,
|
|
901
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
962
|
+
const [scriptFolder, setScriptFolder] = (0, import_react5.useState)();
|
|
963
|
+
const [scriptName, setScriptName] = (0, import_react5.useState)();
|
|
964
|
+
const [scriptType, setScriptType] = (0, import_react5.useState)();
|
|
965
|
+
const [scriptPlacement, setScriptPlacement] = (0, import_react5.useState)();
|
|
966
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react5.useState)(false);
|
|
902
967
|
const defaultScriptFolder = (0, import_lodash2.kebabCase)(scriptName);
|
|
903
968
|
const validateEmbeddedScriptFolder = useValidation(
|
|
904
969
|
createEmbeddedScriptFolderValidation(embeddedScripts)
|
|
@@ -914,7 +979,7 @@ var GenerateEmbeddedScript = () => {
|
|
|
914
979
|
);
|
|
915
980
|
}
|
|
916
981
|
}, [scriptFolder, scriptName, scriptType, scriptPlacement]);
|
|
917
|
-
return /* @__PURE__ */
|
|
982
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, /* @__PURE__ */ import_react5.default.createElement(
|
|
918
983
|
TextInput,
|
|
919
984
|
{
|
|
920
985
|
label: t2("generate_command.embedded_script.choose_name"),
|
|
@@ -929,7 +994,7 @@ var GenerateEmbeddedScript = () => {
|
|
|
929
994
|
setScriptName(value);
|
|
930
995
|
}
|
|
931
996
|
}
|
|
932
|
-
), scriptName && /* @__PURE__ */
|
|
997
|
+
), scriptName && /* @__PURE__ */ import_react5.default.createElement(
|
|
933
998
|
TextInput,
|
|
934
999
|
{
|
|
935
1000
|
label: t2("generate_command.embedded_script.choose_folder"),
|
|
@@ -945,16 +1010,16 @@ var GenerateEmbeddedScript = () => {
|
|
|
945
1010
|
},
|
|
946
1011
|
validate: validateEmbeddedScriptFolder
|
|
947
1012
|
}
|
|
948
|
-
), scriptFolder && scriptName && /* @__PURE__ */
|
|
1013
|
+
), scriptFolder && scriptName && /* @__PURE__ */ import_react5.default.createElement(
|
|
949
1014
|
SelectInput,
|
|
950
1015
|
{
|
|
951
1016
|
label: t2("generate_command.embedded_script.choose_type"),
|
|
952
|
-
info: /* @__PURE__ */
|
|
1017
|
+
info: /* @__PURE__ */ import_react5.default.createElement(
|
|
953
1018
|
Trans,
|
|
954
1019
|
{
|
|
955
1020
|
i18nKey: "generate_command.embedded_script.type_info",
|
|
956
1021
|
components: [
|
|
957
|
-
/* @__PURE__ */
|
|
1022
|
+
/* @__PURE__ */ import_react5.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/embedded-scripts/embedded-script-extension-files-and-code" })
|
|
958
1023
|
]
|
|
959
1024
|
}
|
|
960
1025
|
),
|
|
@@ -969,7 +1034,7 @@ var GenerateEmbeddedScript = () => {
|
|
|
969
1034
|
setScriptType(option.value);
|
|
970
1035
|
}
|
|
971
1036
|
}
|
|
972
|
-
), scriptFolder && scriptName && scriptType && /* @__PURE__ */
|
|
1037
|
+
), scriptFolder && scriptName && scriptType && /* @__PURE__ */ import_react5.default.createElement(
|
|
973
1038
|
SelectInput,
|
|
974
1039
|
{
|
|
975
1040
|
label: t2("generate_command.embedded_script.choose_placement"),
|
|
@@ -985,21 +1050,27 @@ var GenerateEmbeddedScript = () => {
|
|
|
985
1050
|
setScriptPlacement(option.value);
|
|
986
1051
|
}
|
|
987
1052
|
}
|
|
988
|
-
), (0,
|
|
1053
|
+
), (0, import_react5.useMemo)(
|
|
989
1054
|
() => (0, import_variant8.match)(generationTask, {
|
|
990
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
991
|
-
if (hasUpdatedDependencies) {
|
|
992
|
-
|
|
993
|
-
InstallDependencies,
|
|
994
|
-
{
|
|
995
|
-
onFinish: () => setFinishedInstallation(true)
|
|
996
|
-
}
|
|
997
|
-
);
|
|
1055
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
1056
|
+
if (!hasUpdatedDependencies) {
|
|
1057
|
+
setFinishedInstallation(true);
|
|
998
1058
|
}
|
|
999
|
-
|
|
1000
|
-
|
|
1059
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react5.default.createElement(
|
|
1060
|
+
InstallDependencies,
|
|
1061
|
+
{
|
|
1062
|
+
onFinish: () => setFinishedInstallation(true)
|
|
1063
|
+
}
|
|
1064
|
+
), finishedInstallation && /* @__PURE__ */ import_react5.default.createElement(
|
|
1065
|
+
GenerationSuccessMessage,
|
|
1066
|
+
{
|
|
1067
|
+
extensionType,
|
|
1068
|
+
generatedFiles: newFiles,
|
|
1069
|
+
learnMoreUrl: "https://wix.to/CDGhNZG"
|
|
1070
|
+
}
|
|
1071
|
+
));
|
|
1001
1072
|
},
|
|
1002
|
-
Loading: () => /* @__PURE__ */
|
|
1073
|
+
Loading: () => /* @__PURE__ */ import_react5.default.createElement(
|
|
1003
1074
|
Spinner,
|
|
1004
1075
|
{
|
|
1005
1076
|
text: t2("generate_command.generation.loading", {
|
|
@@ -1010,22 +1081,19 @@ var GenerateEmbeddedScript = () => {
|
|
|
1010
1081
|
Error: () => null,
|
|
1011
1082
|
NotRequested: () => null
|
|
1012
1083
|
}),
|
|
1013
|
-
[
|
|
1014
|
-
|
|
1015
|
-
|
|
1016
|
-
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
components: [/* @__PURE__ */ import_react4.default.createElement(Learn, null), /* @__PURE__ */ import_react4.default.createElement(Link, { url: "https://wix.to/CDGhNZG" })]
|
|
1022
|
-
}
|
|
1023
|
-
)));
|
|
1084
|
+
[
|
|
1085
|
+
generationTask,
|
|
1086
|
+
extensionType,
|
|
1087
|
+
t2,
|
|
1088
|
+
finishedInstallation,
|
|
1089
|
+
setFinishedInstallation
|
|
1090
|
+
]
|
|
1091
|
+
));
|
|
1024
1092
|
};
|
|
1025
1093
|
|
|
1026
1094
|
// src/components/GenerateCommand/sidebar-category/SidebarCategory.tsx
|
|
1027
1095
|
init_esm_shims();
|
|
1028
|
-
var
|
|
1096
|
+
var import_react6 = __toESM(require_react(), 1);
|
|
1029
1097
|
var import_variant9 = __toESM(require_lib(), 1);
|
|
1030
1098
|
|
|
1031
1099
|
// src/components/GenerateCommand/sidebar-category/generate.ts
|
|
@@ -1058,14 +1126,14 @@ var GenerateSidebarCategory = () => {
|
|
|
1058
1126
|
const extensionType = t2(
|
|
1059
1127
|
"generate_command.flow.sidebar_category"
|
|
1060
1128
|
).toLowerCase();
|
|
1061
|
-
const [categoryLabel, setCategoryLabel] = (0,
|
|
1062
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
1129
|
+
const [categoryLabel, setCategoryLabel] = (0, import_react6.useState)();
|
|
1130
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react6.useState)(false);
|
|
1063
1131
|
const generationTask = useGenerationTask(async () => {
|
|
1064
1132
|
if (categoryLabel) {
|
|
1065
1133
|
return generateSidebarCategory(projectFolder, config, categoryLabel);
|
|
1066
1134
|
}
|
|
1067
1135
|
}, [categoryLabel]);
|
|
1068
|
-
return /* @__PURE__ */
|
|
1136
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(
|
|
1069
1137
|
TextInput,
|
|
1070
1138
|
{
|
|
1071
1139
|
label: t2("generate_command.sidebar_category.choose_label"),
|
|
@@ -1080,12 +1148,12 @@ var GenerateSidebarCategory = () => {
|
|
|
1080
1148
|
setCategoryLabel(value);
|
|
1081
1149
|
}
|
|
1082
1150
|
}
|
|
1083
|
-
), (0,
|
|
1151
|
+
), (0, import_react6.useMemo)(
|
|
1084
1152
|
() => (0, import_variant9.match)(generationTask, {
|
|
1085
1153
|
Error: () => null,
|
|
1086
1154
|
Success: ({ hasUpdatedDependencies }) => {
|
|
1087
1155
|
if (hasUpdatedDependencies) {
|
|
1088
|
-
return /* @__PURE__ */
|
|
1156
|
+
return /* @__PURE__ */ import_react6.default.createElement(
|
|
1089
1157
|
InstallDependencies,
|
|
1090
1158
|
{
|
|
1091
1159
|
onFinish: () => setFinishedInstallation(true)
|
|
@@ -1095,7 +1163,7 @@ var GenerateSidebarCategory = () => {
|
|
|
1095
1163
|
setFinishedInstallation(true);
|
|
1096
1164
|
return null;
|
|
1097
1165
|
},
|
|
1098
|
-
Loading: () => /* @__PURE__ */
|
|
1166
|
+
Loading: () => /* @__PURE__ */ import_react6.default.createElement(
|
|
1099
1167
|
Spinner,
|
|
1100
1168
|
{
|
|
1101
1169
|
text: t2("generate_command.generation.loading", {
|
|
@@ -1106,21 +1174,21 @@ var GenerateSidebarCategory = () => {
|
|
|
1106
1174
|
NotRequested: () => null
|
|
1107
1175
|
}),
|
|
1108
1176
|
[generationTask, setFinishedInstallation, t2, extensionType]
|
|
1109
|
-
), finishedInstallation && /* @__PURE__ */
|
|
1177
|
+
), finishedInstallation && /* @__PURE__ */ import_react6.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react6.default.createElement(Text, null, t2("generate_command.generation.done", {
|
|
1110
1178
|
extensionType
|
|
1111
|
-
})), /* @__PURE__ */
|
|
1179
|
+
})), /* @__PURE__ */ import_react6.default.createElement(
|
|
1112
1180
|
Trans,
|
|
1113
1181
|
{
|
|
1114
1182
|
i18nKey: "generate_command.generation.learn_more",
|
|
1115
1183
|
values: { extensionType },
|
|
1116
|
-
components: [/* @__PURE__ */
|
|
1184
|
+
components: [/* @__PURE__ */ import_react6.default.createElement(Learn, null), /* @__PURE__ */ import_react6.default.createElement(Link, { url: "https://wix.to/7W3nYUg" })]
|
|
1117
1185
|
}
|
|
1118
1186
|
)));
|
|
1119
1187
|
};
|
|
1120
1188
|
|
|
1121
1189
|
// src/components/GenerateCommand/dashboard-modal/DashboardModal.tsx
|
|
1122
1190
|
init_esm_shims();
|
|
1123
|
-
var
|
|
1191
|
+
var import_react7 = __toESM(require_react(), 1);
|
|
1124
1192
|
var import_variant10 = __toESM(require_lib(), 1);
|
|
1125
1193
|
var import_lodash3 = __toESM(require_lodash(), 1);
|
|
1126
1194
|
|
|
@@ -1165,9 +1233,9 @@ var GenerateDashboardModal = () => {
|
|
|
1165
1233
|
"generate_command.flow.dashboard_modal"
|
|
1166
1234
|
).toLowerCase();
|
|
1167
1235
|
const dashboardModals = getExtensions("DashboardModal");
|
|
1168
|
-
const [modalFolder, setModalFolder] = (0,
|
|
1169
|
-
const [modalTitle, setModalTitle] = (0,
|
|
1170
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
1236
|
+
const [modalFolder, setModalFolder] = (0, import_react7.useState)();
|
|
1237
|
+
const [modalTitle, setModalTitle] = (0, import_react7.useState)();
|
|
1238
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react7.useState)(false);
|
|
1171
1239
|
const defaultModalFolder = (0, import_lodash3.kebabCase)(modalTitle);
|
|
1172
1240
|
const modalQuestionsAnswered = modalFolder && modalTitle;
|
|
1173
1241
|
const validateDashboardFolder = useValidation(
|
|
@@ -1195,7 +1263,7 @@ var GenerateDashboardModal = () => {
|
|
|
1195
1263
|
}
|
|
1196
1264
|
return generateDashboardModal(model.projectFolder, modalFolder, modalTitle);
|
|
1197
1265
|
}, [modalQuestionsAnswered]);
|
|
1198
|
-
return /* @__PURE__ */
|
|
1266
|
+
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
|
|
1199
1267
|
TextInput,
|
|
1200
1268
|
{
|
|
1201
1269
|
label: t2("generate_command.dashboard_modal.choose_title"),
|
|
@@ -1210,7 +1278,7 @@ var GenerateDashboardModal = () => {
|
|
|
1210
1278
|
setModalTitle(modalTitle2);
|
|
1211
1279
|
}
|
|
1212
1280
|
}
|
|
1213
|
-
), modalTitle && /* @__PURE__ */
|
|
1281
|
+
), modalTitle && /* @__PURE__ */ import_react7.default.createElement(
|
|
1214
1282
|
TextInput,
|
|
1215
1283
|
{
|
|
1216
1284
|
label: t2("generate_command.dashboard_modal.choose_folder"),
|
|
@@ -1226,21 +1294,27 @@ var GenerateDashboardModal = () => {
|
|
|
1226
1294
|
},
|
|
1227
1295
|
validate: validateDashboardFolder
|
|
1228
1296
|
}
|
|
1229
|
-
), (0,
|
|
1297
|
+
), (0, import_react7.useMemo)(
|
|
1230
1298
|
() => (0, import_variant10.match)(generationTask, {
|
|
1231
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
1232
|
-
if (hasUpdatedDependencies) {
|
|
1233
|
-
|
|
1234
|
-
InstallDependencies,
|
|
1235
|
-
{
|
|
1236
|
-
onFinish: () => setFinishedInstallation(true)
|
|
1237
|
-
}
|
|
1238
|
-
);
|
|
1299
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
1300
|
+
if (!hasUpdatedDependencies) {
|
|
1301
|
+
setFinishedInstallation(true);
|
|
1239
1302
|
}
|
|
1240
|
-
|
|
1241
|
-
|
|
1303
|
+
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react7.default.createElement(
|
|
1304
|
+
InstallDependencies,
|
|
1305
|
+
{
|
|
1306
|
+
onFinish: () => setFinishedInstallation(true)
|
|
1307
|
+
}
|
|
1308
|
+
), finishedInstallation && /* @__PURE__ */ import_react7.default.createElement(
|
|
1309
|
+
GenerationSuccessMessage,
|
|
1310
|
+
{
|
|
1311
|
+
extensionType,
|
|
1312
|
+
generatedFiles: newFiles,
|
|
1313
|
+
learnMoreUrl: "https://wix.to/zh5ZfMK"
|
|
1314
|
+
}
|
|
1315
|
+
));
|
|
1242
1316
|
},
|
|
1243
|
-
Loading: () => /* @__PURE__ */
|
|
1317
|
+
Loading: () => /* @__PURE__ */ import_react7.default.createElement(
|
|
1244
1318
|
Spinner,
|
|
1245
1319
|
{
|
|
1246
1320
|
text: t2("generate_command.generation.loading", {
|
|
@@ -1251,17 +1325,15 @@ var GenerateDashboardModal = () => {
|
|
|
1251
1325
|
Error: () => null,
|
|
1252
1326
|
NotRequested: () => null
|
|
1253
1327
|
}),
|
|
1254
|
-
[
|
|
1255
|
-
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
}
|
|
1264
|
-
)));
|
|
1328
|
+
[
|
|
1329
|
+
generationTask,
|
|
1330
|
+
t2,
|
|
1331
|
+
extensionType,
|
|
1332
|
+
modalFolder,
|
|
1333
|
+
finishedInstallation,
|
|
1334
|
+
setFinishedInstallation
|
|
1335
|
+
]
|
|
1336
|
+
));
|
|
1265
1337
|
};
|
|
1266
1338
|
|
|
1267
1339
|
// src/components/GenerateCommand/service-plugin/index.ts
|
|
@@ -1269,7 +1341,7 @@ init_esm_shims();
|
|
|
1269
1341
|
|
|
1270
1342
|
// src/components/GenerateCommand/service-plugin/ServicePlugin.tsx
|
|
1271
1343
|
init_esm_shims();
|
|
1272
|
-
var
|
|
1344
|
+
var import_react8 = __toESM(require_react(), 1);
|
|
1273
1345
|
var import_variant12 = __toESM(require_lib(), 1);
|
|
1274
1346
|
|
|
1275
1347
|
// src/components/GenerateCommand/service-plugin/generate.ts
|
|
@@ -1331,10 +1403,10 @@ var GenerateServicePlugin = () => {
|
|
|
1331
1403
|
const { t: t2 } = useTranslation();
|
|
1332
1404
|
const { model } = useProjectModel();
|
|
1333
1405
|
const { getExtensions } = useExtensions();
|
|
1334
|
-
const [type, setType] = (0,
|
|
1335
|
-
const [name, setName] = (0,
|
|
1336
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
1337
|
-
const generateServicePluginOptions = (0,
|
|
1406
|
+
const [type, setType] = (0, import_react8.useState)();
|
|
1407
|
+
const [name, setName] = (0, import_react8.useState)();
|
|
1408
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react8.useState)(false);
|
|
1409
|
+
const generateServicePluginOptions = (0, import_react8.useMemo)(
|
|
1338
1410
|
() => [
|
|
1339
1411
|
{
|
|
1340
1412
|
title: t2("generate_command.service_plugin.groups.stores"),
|
|
@@ -1371,7 +1443,7 @@ var GenerateServicePlugin = () => {
|
|
|
1371
1443
|
[t2]
|
|
1372
1444
|
);
|
|
1373
1445
|
const extensionType = t2("generate_command.flow.service_plugin").toLowerCase();
|
|
1374
|
-
const selectSupportedServicePlugin = (0,
|
|
1446
|
+
const selectSupportedServicePlugin = (0, import_react8.useCallback)(
|
|
1375
1447
|
(supportedServicePlugin) => {
|
|
1376
1448
|
bi.cliFlowStepAnswered({
|
|
1377
1449
|
question: t2("generate_command.service_plugin.choose_type"),
|
|
@@ -1395,7 +1467,7 @@ var GenerateServicePlugin = () => {
|
|
|
1395
1467
|
return result;
|
|
1396
1468
|
}
|
|
1397
1469
|
}, [name, type]);
|
|
1398
|
-
return /* @__PURE__ */
|
|
1470
|
+
return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(
|
|
1399
1471
|
SelectGroupsInput,
|
|
1400
1472
|
{
|
|
1401
1473
|
label: t2("generate_command.service_plugin.choose_type"),
|
|
@@ -1403,7 +1475,7 @@ var GenerateServicePlugin = () => {
|
|
|
1403
1475
|
onSubmit: selectSupportedServicePlugin,
|
|
1404
1476
|
maxHeight: 14
|
|
1405
1477
|
}
|
|
1406
|
-
), type && /* @__PURE__ */
|
|
1478
|
+
), type && /* @__PURE__ */ import_react8.default.createElement(
|
|
1407
1479
|
TextInput,
|
|
1408
1480
|
{
|
|
1409
1481
|
label: t2("generate_command.service_plugin.choose_name"),
|
|
@@ -1419,21 +1491,27 @@ var GenerateServicePlugin = () => {
|
|
|
1419
1491
|
},
|
|
1420
1492
|
validate: validateServicePluginFolder
|
|
1421
1493
|
}
|
|
1422
|
-
), (0,
|
|
1494
|
+
), (0, import_react8.useMemo)(
|
|
1423
1495
|
() => (0, import_variant12.match)(generationTask, {
|
|
1424
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
1425
|
-
if (hasUpdatedDependencies) {
|
|
1426
|
-
|
|
1427
|
-
InstallDependencies,
|
|
1428
|
-
{
|
|
1429
|
-
onFinish: () => setFinishedInstallation(true)
|
|
1430
|
-
}
|
|
1431
|
-
);
|
|
1496
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
1497
|
+
if (!hasUpdatedDependencies) {
|
|
1498
|
+
setFinishedInstallation(true);
|
|
1432
1499
|
}
|
|
1433
|
-
|
|
1434
|
-
|
|
1500
|
+
return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react8.default.createElement(
|
|
1501
|
+
InstallDependencies,
|
|
1502
|
+
{
|
|
1503
|
+
onFinish: () => setFinishedInstallation(true)
|
|
1504
|
+
}
|
|
1505
|
+
), finishedInstallation && /* @__PURE__ */ import_react8.default.createElement(
|
|
1506
|
+
GenerationSuccessMessage,
|
|
1507
|
+
{
|
|
1508
|
+
extensionType,
|
|
1509
|
+
generatedFiles: newFiles,
|
|
1510
|
+
learnMoreUrl: "https://wix.to/YWyluDf"
|
|
1511
|
+
}
|
|
1512
|
+
));
|
|
1435
1513
|
},
|
|
1436
|
-
Loading: () => /* @__PURE__ */
|
|
1514
|
+
Loading: () => /* @__PURE__ */ import_react8.default.createElement(
|
|
1437
1515
|
Spinner,
|
|
1438
1516
|
{
|
|
1439
1517
|
text: t2("generate_command.generation.loading", {
|
|
@@ -1444,27 +1522,24 @@ var GenerateServicePlugin = () => {
|
|
|
1444
1522
|
Error: () => null,
|
|
1445
1523
|
NotRequested: () => null
|
|
1446
1524
|
}),
|
|
1447
|
-
[
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
components: [/* @__PURE__ */ import_react7.default.createElement(Learn, null), /* @__PURE__ */ import_react7.default.createElement(Link, { url: "https://wix.to/YWyluDf" })]
|
|
1456
|
-
}
|
|
1457
|
-
)));
|
|
1525
|
+
[
|
|
1526
|
+
generationTask,
|
|
1527
|
+
extensionType,
|
|
1528
|
+
t2,
|
|
1529
|
+
finishedInstallation,
|
|
1530
|
+
setFinishedInstallation
|
|
1531
|
+
]
|
|
1532
|
+
));
|
|
1458
1533
|
};
|
|
1459
1534
|
|
|
1460
1535
|
// src/components/GenerateCommand/dashboard-plugin/DashboardPlugin.tsx
|
|
1461
1536
|
init_esm_shims();
|
|
1462
|
-
var
|
|
1537
|
+
var import_react13 = __toESM(require_react(), 1);
|
|
1463
1538
|
var import_variant16 = __toESM(require_lib(), 1);
|
|
1464
1539
|
|
|
1465
1540
|
// src/components/GenerateCommand/dashboard-plugin/DashboardPluginWizard.tsx
|
|
1466
1541
|
init_esm_shims();
|
|
1467
|
-
var
|
|
1542
|
+
var import_react12 = __toESM(require_react(), 1);
|
|
1468
1543
|
var import_variant15 = __toESM(require_lib(), 1);
|
|
1469
1544
|
var import_lodash4 = __toESM(require_lodash(), 1);
|
|
1470
1545
|
|
|
@@ -1498,7 +1573,7 @@ async function generateDashboardPlugin(projectFolder, extended, folder, title, p
|
|
|
1498
1573
|
|
|
1499
1574
|
// src/components/GenerateCommand/AppRequirement.tsx
|
|
1500
1575
|
init_esm_shims();
|
|
1501
|
-
var
|
|
1576
|
+
var import_react9 = __toESM(require_react(), 1);
|
|
1502
1577
|
var import_variant13 = __toESM(require_lib(), 1);
|
|
1503
1578
|
var AppRequirement = ({
|
|
1504
1579
|
appId,
|
|
@@ -1526,7 +1601,7 @@ var AppRequirement = ({
|
|
|
1526
1601
|
}
|
|
1527
1602
|
return appsToRequire;
|
|
1528
1603
|
}, []);
|
|
1529
|
-
const handleSubmit = (0,
|
|
1604
|
+
const handleSubmit = (0, import_react9.useCallback)(
|
|
1530
1605
|
(shouldRequire) => {
|
|
1531
1606
|
if ((0, import_variant13.isType)(status, "Success")) {
|
|
1532
1607
|
bi.cliFlowStepAnswered({
|
|
@@ -1548,34 +1623,34 @@ var AppRequirement = ({
|
|
|
1548
1623
|
},
|
|
1549
1624
|
[bi, onSubmit, t2, status]
|
|
1550
1625
|
);
|
|
1551
|
-
return /* @__PURE__ */
|
|
1552
|
-
Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */
|
|
1626
|
+
return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, (0, import_variant13.match)(status, {
|
|
1627
|
+
Success: ({ result: appsToRequire }) => appsToRequire.length > 0 && /* @__PURE__ */ import_react9.default.createElement(Box_default, { marginBottom: 1 }, /* @__PURE__ */ import_react9.default.createElement(
|
|
1553
1628
|
ConfirmInput,
|
|
1554
1629
|
{
|
|
1555
1630
|
label: t2("generate_command.required_app", {
|
|
1556
1631
|
appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
|
|
1557
1632
|
}),
|
|
1558
|
-
info: /* @__PURE__ */
|
|
1633
|
+
info: /* @__PURE__ */ import_react9.default.createElement(
|
|
1559
1634
|
Trans,
|
|
1560
1635
|
{
|
|
1561
1636
|
i18nKey: "generate_command.required_app.description",
|
|
1562
1637
|
values: {
|
|
1563
1638
|
appsNames: appsToRequire.map((requiredApp) => requiredApp.name).join(", ")
|
|
1564
1639
|
},
|
|
1565
|
-
components: [/* @__PURE__ */
|
|
1640
|
+
components: [/* @__PURE__ */ import_react9.default.createElement(Link, { url: "https://wix.to/YAydHiJ" })]
|
|
1566
1641
|
}
|
|
1567
1642
|
),
|
|
1568
1643
|
onSubmit: handleSubmit
|
|
1569
1644
|
}
|
|
1570
1645
|
)),
|
|
1571
|
-
Loading: () => /* @__PURE__ */
|
|
1646
|
+
Loading: () => /* @__PURE__ */ import_react9.default.createElement(Spinner, null),
|
|
1572
1647
|
Error: () => null
|
|
1573
1648
|
}));
|
|
1574
1649
|
};
|
|
1575
1650
|
|
|
1576
1651
|
// src/components/GenerateCommand/MultipleAppRequirement.tsx
|
|
1577
1652
|
init_esm_shims();
|
|
1578
|
-
var
|
|
1653
|
+
var import_react10 = __toESM(require_react(), 1);
|
|
1579
1654
|
var import_variant14 = __toESM(require_lib(), 1);
|
|
1580
1655
|
var RequiredAppOptions = (0, import_variant14.variant)({
|
|
1581
1656
|
Available: (0, import_variant14.fields)(),
|
|
@@ -1590,7 +1665,7 @@ var MultipleAppRequirement = ({
|
|
|
1590
1665
|
const { t: t2 } = useTranslation();
|
|
1591
1666
|
const { getRequiredApps } = useDevCenterClient();
|
|
1592
1667
|
const { reportError } = useErrorReporter();
|
|
1593
|
-
const handleSubmit = (0,
|
|
1668
|
+
const handleSubmit = (0, import_react10.useCallback)(
|
|
1594
1669
|
(option) => {
|
|
1595
1670
|
bi.cliFlowStepAnswered({
|
|
1596
1671
|
question: t2("generate_command.required_business_solution"),
|
|
@@ -1628,8 +1703,8 @@ var MultipleAppRequirement = ({
|
|
|
1628
1703
|
);
|
|
1629
1704
|
return RequiredAppOptions.Available({ options, initialIndex });
|
|
1630
1705
|
}, [getRequiredApps, appId]);
|
|
1631
|
-
return /* @__PURE__ */
|
|
1632
|
-
Loading: () => /* @__PURE__ */
|
|
1706
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_react10.default.Fragment, null, (0, import_variant14.match)(status, {
|
|
1707
|
+
Loading: () => /* @__PURE__ */ import_react10.default.createElement(
|
|
1633
1708
|
Spinner,
|
|
1634
1709
|
{
|
|
1635
1710
|
text: t2("generate_command.required_business_solution.loading")
|
|
@@ -1638,7 +1713,7 @@ var MultipleAppRequirement = ({
|
|
|
1638
1713
|
Error: () => null,
|
|
1639
1714
|
Success: ({ result }) => {
|
|
1640
1715
|
return (0, import_variant14.match)(result, {
|
|
1641
|
-
Available: ({ options, initialIndex }) => /* @__PURE__ */
|
|
1716
|
+
Available: ({ options, initialIndex }) => /* @__PURE__ */ import_react10.default.createElement(
|
|
1642
1717
|
SelectInput,
|
|
1643
1718
|
{
|
|
1644
1719
|
label: t2("generate_command.required_business_solution"),
|
|
@@ -1650,18 +1725,18 @@ var MultipleAppRequirement = ({
|
|
|
1650
1725
|
onSubmit: handleSubmit
|
|
1651
1726
|
}
|
|
1652
1727
|
),
|
|
1653
|
-
FailedToGetRequiredApps: () => /* @__PURE__ */
|
|
1728
|
+
FailedToGetRequiredApps: () => /* @__PURE__ */ import_react10.default.createElement(Box_default, { marginBottom: 1, gap: 1, flexDirection: "column" }, /* @__PURE__ */ import_react10.default.createElement(InputLabel, null, t2("generate_command.required_business_solution")), /* @__PURE__ */ import_react10.default.createElement(
|
|
1654
1729
|
ErrorDetails,
|
|
1655
1730
|
{
|
|
1656
1731
|
message: t2(
|
|
1657
1732
|
"generate_command.required_business_solution.error"
|
|
1658
1733
|
),
|
|
1659
|
-
hint: /* @__PURE__ */
|
|
1734
|
+
hint: /* @__PURE__ */ import_react10.default.createElement(
|
|
1660
1735
|
Trans,
|
|
1661
1736
|
{
|
|
1662
1737
|
i18nKey: "generate_command.required_business_solution.error.hint",
|
|
1663
1738
|
components: [
|
|
1664
|
-
/* @__PURE__ */
|
|
1739
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
|
1665
1740
|
Link,
|
|
1666
1741
|
{
|
|
1667
1742
|
url: `https://manage.wix.com/apps/${appId}/dev-center-giza-market-listing/app-audience?referralInfo=wix-cli`
|
|
@@ -1679,31 +1754,32 @@ var MultipleAppRequirement = ({
|
|
|
1679
1754
|
|
|
1680
1755
|
// src/components/GenerateCommand/dashboard-plugin/DashboardPluginGeneratedNote.tsx
|
|
1681
1756
|
init_esm_shims();
|
|
1682
|
-
var
|
|
1757
|
+
var import_react11 = __toESM(require_react(), 1);
|
|
1683
1758
|
var customGroupMessages = /* @__PURE__ */ new Map([
|
|
1684
1759
|
["Wix eCommerce", "generate_command.generation.ecommerce_notification"]
|
|
1685
1760
|
]);
|
|
1686
|
-
var DashboardPluginGeneratedNote = ({ backofficeExtensionWidget }) => {
|
|
1761
|
+
var DashboardPluginGeneratedNote = ({ backofficeExtensionWidget, generatedFiles }) => {
|
|
1687
1762
|
const { t: t2 } = useTranslation();
|
|
1688
1763
|
const extensionType = t2(
|
|
1689
1764
|
"generate_command.flow.dashboard_plugin"
|
|
1690
1765
|
).toLowerCase();
|
|
1691
1766
|
const customKey = customGroupMessages.get(backofficeExtensionWidget.category);
|
|
1692
|
-
return /* @__PURE__ */
|
|
1693
|
-
|
|
1767
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
|
1768
|
+
GenerationSuccessMessage,
|
|
1694
1769
|
{
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
}
|
|
1699
|
-
|
|
1770
|
+
extensionType,
|
|
1771
|
+
generatedFiles,
|
|
1772
|
+
learnMoreUrl: "https://wix.to/dFFuEki"
|
|
1773
|
+
},
|
|
1774
|
+
customKey ? /* @__PURE__ */ import_react11.default.createElement(Text, null, t2(customKey)) : null
|
|
1775
|
+
);
|
|
1700
1776
|
};
|
|
1701
1777
|
|
|
1702
1778
|
// src/components/GenerateCommand/dashboard-plugin/DashboardPluginWizard.tsx
|
|
1703
1779
|
var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
1704
1780
|
const bi = useWixCliAppBi();
|
|
1705
1781
|
const { t: t2 } = useTranslation();
|
|
1706
|
-
const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0,
|
|
1782
|
+
const [backofficeExtensionWidget, setBackofficeExtensionWidget] = (0, import_react12.useState)();
|
|
1707
1783
|
const { addRequiredApp } = useDevCenterClient();
|
|
1708
1784
|
const { model } = useProjectModel();
|
|
1709
1785
|
const { getExtensions } = useExtensions();
|
|
@@ -1711,10 +1787,10 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1711
1787
|
"generate_command.flow.dashboard_plugin"
|
|
1712
1788
|
).toLowerCase();
|
|
1713
1789
|
const dashboardPlugins = getExtensions("DashboardPlugin");
|
|
1714
|
-
const [folder, setFolder] = (0,
|
|
1715
|
-
const [title, setTitle] = (0,
|
|
1716
|
-
const [requireAppsIds, setRequireAppsIds] = (0,
|
|
1717
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
1790
|
+
const [folder, setFolder] = (0, import_react12.useState)();
|
|
1791
|
+
const [title, setTitle] = (0, import_react12.useState)();
|
|
1792
|
+
const [requireAppsIds, setRequireAppsIds] = (0, import_react12.useState)();
|
|
1793
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react12.useState)(false);
|
|
1718
1794
|
const defaultFolderName = (0, import_lodash4.kebabCase)(title);
|
|
1719
1795
|
const validatePluginFolder = useValidation(
|
|
1720
1796
|
createDashboardPluginValidation(dashboardPlugins)
|
|
@@ -1737,7 +1813,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1737
1813
|
);
|
|
1738
1814
|
}
|
|
1739
1815
|
}, [backofficeExtensionWidget?.id, folder, title, requireAppsIds]);
|
|
1740
|
-
const extensionGroups = (0,
|
|
1816
|
+
const extensionGroups = (0, import_react12.useMemo)(
|
|
1741
1817
|
() => Object.values(
|
|
1742
1818
|
backofficeExtensionWidgets.reduce((extensionsByApps, extension) => {
|
|
1743
1819
|
const [requiredApp] = extension.requiredApps;
|
|
@@ -1746,11 +1822,11 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1746
1822
|
extensionsByApps[groupBy].items.push({
|
|
1747
1823
|
title: extension.name,
|
|
1748
1824
|
key: extension.id,
|
|
1749
|
-
description: /* @__PURE__ */
|
|
1825
|
+
description: /* @__PURE__ */ import_react12.default.createElement(
|
|
1750
1826
|
Trans,
|
|
1751
1827
|
{
|
|
1752
1828
|
i18nKey: "generate_command.dashboard_plugin.what_to_extend.item_description",
|
|
1753
|
-
components: [/* @__PURE__ */
|
|
1829
|
+
components: [/* @__PURE__ */ import_react12.default.createElement(Link, { url: requiredApp.docsUrl })]
|
|
1754
1830
|
}
|
|
1755
1831
|
),
|
|
1756
1832
|
value: extension
|
|
@@ -1760,15 +1836,15 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1760
1836
|
),
|
|
1761
1837
|
[backofficeExtensionWidgets]
|
|
1762
1838
|
);
|
|
1763
|
-
return /* @__PURE__ */
|
|
1839
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(
|
|
1764
1840
|
SelectGroupsInput,
|
|
1765
1841
|
{
|
|
1766
1842
|
label: t2("generate_command.dashboard_plugin.what_to_extend"),
|
|
1767
|
-
info: /* @__PURE__ */
|
|
1843
|
+
info: /* @__PURE__ */ import_react12.default.createElement(
|
|
1768
1844
|
Trans,
|
|
1769
1845
|
{
|
|
1770
1846
|
i18nKey: "generate_command.dashboard_plugin.what_to_extend.description",
|
|
1771
|
-
components: [/* @__PURE__ */
|
|
1847
|
+
components: [/* @__PURE__ */ import_react12.default.createElement(Link, { url: "https://wix.to/ZeCt07g" })]
|
|
1772
1848
|
}
|
|
1773
1849
|
),
|
|
1774
1850
|
hideScroll: true,
|
|
@@ -1783,7 +1859,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1783
1859
|
setBackofficeExtensionWidget(option.value);
|
|
1784
1860
|
}
|
|
1785
1861
|
}
|
|
1786
|
-
), backofficeExtensionWidget && (backofficeExtensionWidget.requiredApps.length === 1 ? /* @__PURE__ */
|
|
1862
|
+
), backofficeExtensionWidget && (backofficeExtensionWidget.requiredApps.length === 1 ? /* @__PURE__ */ import_react12.default.createElement(
|
|
1787
1863
|
AppRequirement,
|
|
1788
1864
|
{
|
|
1789
1865
|
appId: model.config.appId,
|
|
@@ -1795,7 +1871,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1795
1871
|
],
|
|
1796
1872
|
onSubmit: setRequireAppsIds
|
|
1797
1873
|
}
|
|
1798
|
-
) : /* @__PURE__ */
|
|
1874
|
+
) : /* @__PURE__ */ import_react12.default.createElement(
|
|
1799
1875
|
MultipleAppRequirement,
|
|
1800
1876
|
{
|
|
1801
1877
|
appId: model.config.appId,
|
|
@@ -1807,7 +1883,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1807
1883
|
),
|
|
1808
1884
|
onSubmit: setRequireAppsIds
|
|
1809
1885
|
}
|
|
1810
|
-
)), requireAppsIds && /* @__PURE__ */
|
|
1886
|
+
)), requireAppsIds && /* @__PURE__ */ import_react12.default.createElement(
|
|
1811
1887
|
TextInput,
|
|
1812
1888
|
{
|
|
1813
1889
|
label: t2("generate_command.dashboard_plugin.choose_title"),
|
|
@@ -1822,7 +1898,7 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1822
1898
|
setTitle(value);
|
|
1823
1899
|
}
|
|
1824
1900
|
}
|
|
1825
|
-
), title && /* @__PURE__ */
|
|
1901
|
+
), title && /* @__PURE__ */ import_react12.default.createElement(
|
|
1826
1902
|
TextInput,
|
|
1827
1903
|
{
|
|
1828
1904
|
label: t2("generate_command.dashboard_plugin.choose_folder"),
|
|
@@ -1838,21 +1914,26 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1838
1914
|
},
|
|
1839
1915
|
validate: validatePluginFolder
|
|
1840
1916
|
}
|
|
1841
|
-
), (0,
|
|
1917
|
+
), (0, import_react12.useMemo)(
|
|
1842
1918
|
() => (0, import_variant15.match)(generationTask, {
|
|
1843
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
1844
|
-
if (hasUpdatedDependencies) {
|
|
1845
|
-
|
|
1846
|
-
InstallDependencies,
|
|
1847
|
-
{
|
|
1848
|
-
onFinish: () => setFinishedInstallation(true)
|
|
1849
|
-
}
|
|
1850
|
-
);
|
|
1919
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
1920
|
+
if (!hasUpdatedDependencies) {
|
|
1921
|
+
setFinishedInstallation(true);
|
|
1851
1922
|
}
|
|
1852
|
-
|
|
1853
|
-
|
|
1923
|
+
return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react12.default.createElement(
|
|
1924
|
+
InstallDependencies,
|
|
1925
|
+
{
|
|
1926
|
+
onFinish: () => setFinishedInstallation(true)
|
|
1927
|
+
}
|
|
1928
|
+
), finishedInstallation && backofficeExtensionWidget && /* @__PURE__ */ import_react12.default.createElement(
|
|
1929
|
+
DashboardPluginGeneratedNote,
|
|
1930
|
+
{
|
|
1931
|
+
backofficeExtensionWidget,
|
|
1932
|
+
generatedFiles: newFiles
|
|
1933
|
+
}
|
|
1934
|
+
));
|
|
1854
1935
|
},
|
|
1855
|
-
Loading: () => /* @__PURE__ */
|
|
1936
|
+
Loading: () => /* @__PURE__ */ import_react12.default.createElement(
|
|
1856
1937
|
Spinner,
|
|
1857
1938
|
{
|
|
1858
1939
|
text: t2("generate_command.generation.loading", {
|
|
@@ -1863,13 +1944,14 @@ var DashboardPluginWizard = ({ backofficeExtensionWidgets }) => {
|
|
|
1863
1944
|
Error: () => null,
|
|
1864
1945
|
NotRequested: () => null
|
|
1865
1946
|
}),
|
|
1866
|
-
[
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1947
|
+
[
|
|
1948
|
+
generationTask,
|
|
1949
|
+
t2,
|
|
1950
|
+
extensionType,
|
|
1951
|
+
finishedInstallation,
|
|
1870
1952
|
backofficeExtensionWidget
|
|
1871
|
-
|
|
1872
|
-
)
|
|
1953
|
+
]
|
|
1954
|
+
));
|
|
1873
1955
|
};
|
|
1874
1956
|
|
|
1875
1957
|
// src/components/GenerateCommand/dashboard-plugin/DashboardPlugin.tsx
|
|
@@ -1878,8 +1960,8 @@ var DashboardPlugin = () => {
|
|
|
1878
1960
|
const { status } = useAsync(getBackofficeExtensionWidgets, []);
|
|
1879
1961
|
return (0, import_variant16.match)(status, {
|
|
1880
1962
|
Error: () => null,
|
|
1881
|
-
Loading: () => /* @__PURE__ */
|
|
1882
|
-
Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */
|
|
1963
|
+
Loading: () => /* @__PURE__ */ import_react13.default.createElement(Spinner, { text: t2("general.loading") }),
|
|
1964
|
+
Success: ({ result: backofficeExtensionWidgets }) => /* @__PURE__ */ import_react13.default.createElement(
|
|
1883
1965
|
DashboardPluginWizard,
|
|
1884
1966
|
{
|
|
1885
1967
|
backofficeExtensionWidgets
|
|
@@ -1890,12 +1972,12 @@ var DashboardPlugin = () => {
|
|
|
1890
1972
|
|
|
1891
1973
|
// src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPlugin.tsx
|
|
1892
1974
|
init_esm_shims();
|
|
1893
|
-
var
|
|
1975
|
+
var import_react18 = __toESM(require_react(), 1);
|
|
1894
1976
|
var import_variant20 = __toESM(require_lib(), 1);
|
|
1895
1977
|
|
|
1896
1978
|
// src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPluginWizard.tsx
|
|
1897
1979
|
init_esm_shims();
|
|
1898
|
-
var
|
|
1980
|
+
var import_react17 = __toESM(require_react(), 1);
|
|
1899
1981
|
var import_variant19 = __toESM(require_lib(), 1);
|
|
1900
1982
|
var import_lodash5 = __toESM(require_lodash(), 1);
|
|
1901
1983
|
|
|
@@ -1918,7 +2000,7 @@ async function generateDashboardMenuPlugin(projectFolder, extended, action, fold
|
|
|
1918
2000
|
action
|
|
1919
2001
|
};
|
|
1920
2002
|
const menuPluginConfigJSON = toJsonString(menuPluginConfig, { spaces: 2 });
|
|
1921
|
-
await componentGenerator({
|
|
2003
|
+
return await componentGenerator({
|
|
1922
2004
|
template: DASHBOARD_MENU_PLUGIN_TEMPLATE,
|
|
1923
2005
|
projectFolder,
|
|
1924
2006
|
cwd,
|
|
@@ -1930,7 +2012,7 @@ async function generateDashboardMenuPlugin(projectFolder, extended, action, fold
|
|
|
1930
2012
|
|
|
1931
2013
|
// src/components/GenerateCommand/dashboad-menu-plugin/NavigateToPage.tsx
|
|
1932
2014
|
init_esm_shims();
|
|
1933
|
-
var
|
|
2015
|
+
var import_react14 = __toESM(require_react(), 1);
|
|
1934
2016
|
var import_variant17 = __toESM(require_lib(), 1);
|
|
1935
2017
|
var NavigateToPageOption = (0, import_variant17.variant)({
|
|
1936
2018
|
Page: (0, import_variant17.fields)(),
|
|
@@ -1940,9 +2022,9 @@ var NavigateToPage = ({ onActionSelected }) => {
|
|
|
1940
2022
|
const bi = useWixCliAppBi();
|
|
1941
2023
|
const { model } = useProjectModel();
|
|
1942
2024
|
const { t: t2 } = useTranslation();
|
|
1943
|
-
const [pageId, setPageId] = (0,
|
|
1944
|
-
const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0,
|
|
1945
|
-
const dashboardPages = (0,
|
|
2025
|
+
const [pageId, setPageId] = (0, import_react14.useState)();
|
|
2026
|
+
const [shouldUseCustomPageId, setShouldUseCustomPageId] = (0, import_react14.useState)(false);
|
|
2027
|
+
const dashboardPages = (0, import_react14.useMemo)(
|
|
1946
2028
|
() => model.components.filter((0, import_variant17.isType)(DevCenterComponent.DashboardPage)),
|
|
1947
2029
|
[model.components]
|
|
1948
2030
|
);
|
|
@@ -1956,7 +2038,7 @@ var NavigateToPage = ({ onActionSelected }) => {
|
|
|
1956
2038
|
]
|
|
1957
2039
|
])
|
|
1958
2040
|
);
|
|
1959
|
-
(0,
|
|
2041
|
+
(0, import_react14.useEffect)(() => {
|
|
1960
2042
|
if (pageId) {
|
|
1961
2043
|
onActionSelected({
|
|
1962
2044
|
navigateToPage: {
|
|
@@ -1965,7 +2047,7 @@ var NavigateToPage = ({ onActionSelected }) => {
|
|
|
1965
2047
|
});
|
|
1966
2048
|
}
|
|
1967
2049
|
}, [pageId, onActionSelected]);
|
|
1968
|
-
return /* @__PURE__ */
|
|
2050
|
+
return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(
|
|
1969
2051
|
SelectInput,
|
|
1970
2052
|
{
|
|
1971
2053
|
label: t2(
|
|
@@ -2002,7 +2084,7 @@ var NavigateToPage = ({ onActionSelected }) => {
|
|
|
2002
2084
|
});
|
|
2003
2085
|
}
|
|
2004
2086
|
}
|
|
2005
|
-
), shouldUseCustomPageId && /* @__PURE__ */
|
|
2087
|
+
), shouldUseCustomPageId && /* @__PURE__ */ import_react14.default.createElement(
|
|
2006
2088
|
TextInput,
|
|
2007
2089
|
{
|
|
2008
2090
|
label: t2(
|
|
@@ -2025,7 +2107,7 @@ var NavigateToPage = ({ onActionSelected }) => {
|
|
|
2025
2107
|
|
|
2026
2108
|
// src/components/GenerateCommand/dashboad-menu-plugin/OpenModal.tsx
|
|
2027
2109
|
init_esm_shims();
|
|
2028
|
-
var
|
|
2110
|
+
var import_react15 = __toESM(require_react(), 1);
|
|
2029
2111
|
var import_variant18 = __toESM(require_lib(), 1);
|
|
2030
2112
|
var OpenModalOption = (0, import_variant18.variant)({
|
|
2031
2113
|
Component: (0, import_variant18.fields)(),
|
|
@@ -2035,9 +2117,9 @@ var OpenModal = ({ onActionSelected }) => {
|
|
|
2035
2117
|
const bi = useWixCliAppBi();
|
|
2036
2118
|
const { model } = useProjectModel();
|
|
2037
2119
|
const { t: t2 } = useTranslation();
|
|
2038
|
-
const [componentId, setComponentId] = (0,
|
|
2039
|
-
const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0,
|
|
2040
|
-
const dashboardModals = (0,
|
|
2120
|
+
const [componentId, setComponentId] = (0, import_react15.useState)();
|
|
2121
|
+
const [shouldUseCustomComponentId, setShouldUseCustomComponentId] = (0, import_react15.useState)(false);
|
|
2122
|
+
const dashboardModals = (0, import_react15.useMemo)(
|
|
2041
2123
|
() => model.components.filter((0, import_variant18.isType)(DevCenterComponent.DashboardModal)),
|
|
2042
2124
|
[model.components]
|
|
2043
2125
|
);
|
|
@@ -2051,7 +2133,7 @@ var OpenModal = ({ onActionSelected }) => {
|
|
|
2051
2133
|
]
|
|
2052
2134
|
])
|
|
2053
2135
|
);
|
|
2054
|
-
(0,
|
|
2136
|
+
(0, import_react15.useEffect)(() => {
|
|
2055
2137
|
if (componentId) {
|
|
2056
2138
|
onActionSelected({
|
|
2057
2139
|
openModal: {
|
|
@@ -2060,7 +2142,7 @@ var OpenModal = ({ onActionSelected }) => {
|
|
|
2060
2142
|
});
|
|
2061
2143
|
}
|
|
2062
2144
|
}, [componentId, onActionSelected]);
|
|
2063
|
-
return /* @__PURE__ */
|
|
2145
|
+
return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
|
|
2064
2146
|
SelectInput,
|
|
2065
2147
|
{
|
|
2066
2148
|
label: t2(
|
|
@@ -2095,7 +2177,7 @@ var OpenModal = ({ onActionSelected }) => {
|
|
|
2095
2177
|
});
|
|
2096
2178
|
}
|
|
2097
2179
|
}
|
|
2098
|
-
), shouldUseCustomComponentId && /* @__PURE__ */
|
|
2180
|
+
), shouldUseCustomComponentId && /* @__PURE__ */ import_react15.default.createElement(
|
|
2099
2181
|
TextInput,
|
|
2100
2182
|
{
|
|
2101
2183
|
label: t2(
|
|
@@ -2118,23 +2200,24 @@ var OpenModal = ({ onActionSelected }) => {
|
|
|
2118
2200
|
|
|
2119
2201
|
// src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPluginGeneratedNote.tsx
|
|
2120
2202
|
init_esm_shims();
|
|
2121
|
-
var
|
|
2203
|
+
var import_react16 = __toESM(require_react(), 1);
|
|
2122
2204
|
var customGroupMessages2 = /* @__PURE__ */ new Map([
|
|
2123
2205
|
["Wix eCommerce", "generate_command.generation.ecommerce_notification"]
|
|
2124
2206
|
]);
|
|
2125
|
-
var DashboardMenuPluginGeneratedNote = ({ backofficeMenuItem }) => {
|
|
2207
|
+
var DashboardMenuPluginGeneratedNote = ({ backofficeMenuItem, generatedFiles }) => {
|
|
2126
2208
|
const { t: t2 } = useTranslation();
|
|
2127
2209
|
const extensionType = t2(
|
|
2128
2210
|
"generate_command.flow.dashboard_menu_plugin"
|
|
2129
2211
|
).toLowerCase();
|
|
2130
2212
|
const customKey = customGroupMessages2.get(backofficeMenuItem.category);
|
|
2131
|
-
return /* @__PURE__ */
|
|
2132
|
-
|
|
2213
|
+
return /* @__PURE__ */ import_react16.default.createElement(Box_default, { flexDirection: "column" }, /* @__PURE__ */ import_react16.default.createElement(
|
|
2214
|
+
GenerationSuccessMessage,
|
|
2133
2215
|
{
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
}
|
|
2216
|
+
extensionType,
|
|
2217
|
+
generatedFiles,
|
|
2218
|
+
learnMoreUrl: "https://wix.to/YwaogfU"
|
|
2219
|
+
},
|
|
2220
|
+
customKey ? /* @__PURE__ */ import_react16.default.createElement(Text, null, t2(customKey)) : null
|
|
2138
2221
|
));
|
|
2139
2222
|
};
|
|
2140
2223
|
|
|
@@ -2153,15 +2236,15 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2153
2236
|
"generate_command.flow.dashboard_menu_plugin"
|
|
2154
2237
|
).toLowerCase();
|
|
2155
2238
|
const dashboardMenuPlugins = getExtensions("DashboardMenuPlugin");
|
|
2156
|
-
const [backofficeMenuItem, setBackofficeMenuItem] = (0,
|
|
2157
|
-
const [actionType, setActionType] = (0,
|
|
2158
|
-
const [requireAppsIds, setRequireAppsIds] = (0,
|
|
2159
|
-
const [action, setAction] = (0,
|
|
2160
|
-
const [folder, setFolder] = (0,
|
|
2161
|
-
const [title, setTitle] = (0,
|
|
2162
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
2239
|
+
const [backofficeMenuItem, setBackofficeMenuItem] = (0, import_react17.useState)();
|
|
2240
|
+
const [actionType, setActionType] = (0, import_react17.useState)();
|
|
2241
|
+
const [requireAppsIds, setRequireAppsIds] = (0, import_react17.useState)();
|
|
2242
|
+
const [action, setAction] = (0, import_react17.useState)();
|
|
2243
|
+
const [folder, setFolder] = (0, import_react17.useState)();
|
|
2244
|
+
const [title, setTitle] = (0, import_react17.useState)();
|
|
2245
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react17.useState)(false);
|
|
2163
2246
|
const defaultFolderName = (0, import_lodash5.kebabCase)(title);
|
|
2164
|
-
const [additionalInfo, setAdditionalInfo] = (0,
|
|
2247
|
+
const [additionalInfo, setAdditionalInfo] = (0, import_react17.useState)();
|
|
2165
2248
|
const validateMenuPluginFolder = useValidation(
|
|
2166
2249
|
createDashboardMenuPluginValidation(dashboardMenuPlugins)
|
|
2167
2250
|
);
|
|
@@ -2183,11 +2266,11 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2183
2266
|
);
|
|
2184
2267
|
}
|
|
2185
2268
|
}, [backofficeMenuItem, action, folder, title]);
|
|
2186
|
-
const handleActionSelected = (0,
|
|
2269
|
+
const handleActionSelected = (0, import_react17.useCallback)(
|
|
2187
2270
|
(action2) => setAction(action2),
|
|
2188
2271
|
[]
|
|
2189
2272
|
);
|
|
2190
|
-
const menuItemsGroups = (0,
|
|
2273
|
+
const menuItemsGroups = (0, import_react17.useMemo)(
|
|
2191
2274
|
() => Object.values(
|
|
2192
2275
|
backofficeMenuItems.reduce((menuItemsByApps, menuItem) => {
|
|
2193
2276
|
const [requiredApp] = menuItem.requiredApps;
|
|
@@ -2196,11 +2279,11 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2196
2279
|
menuItemsByApps[groupBy].items.push({
|
|
2197
2280
|
title: menuItem.name,
|
|
2198
2281
|
key: menuItem.id,
|
|
2199
|
-
description: /* @__PURE__ */
|
|
2282
|
+
description: /* @__PURE__ */ import_react17.default.createElement(
|
|
2200
2283
|
Trans,
|
|
2201
2284
|
{
|
|
2202
2285
|
i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.item_description",
|
|
2203
|
-
components: [/* @__PURE__ */
|
|
2286
|
+
components: [/* @__PURE__ */ import_react17.default.createElement(Link, { url: requiredApp.docsUrl })]
|
|
2204
2287
|
}
|
|
2205
2288
|
),
|
|
2206
2289
|
value: menuItem
|
|
@@ -2210,16 +2293,16 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2210
2293
|
),
|
|
2211
2294
|
[backofficeMenuItems]
|
|
2212
2295
|
);
|
|
2213
|
-
return /* @__PURE__ */
|
|
2296
|
+
return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, /* @__PURE__ */ import_react17.default.createElement(
|
|
2214
2297
|
SelectGroupsInput,
|
|
2215
2298
|
{
|
|
2216
2299
|
label: t2("generate_command.dashboard_menu_plugin.what_to_extend"),
|
|
2217
2300
|
hideScroll: true,
|
|
2218
|
-
info: /* @__PURE__ */
|
|
2301
|
+
info: /* @__PURE__ */ import_react17.default.createElement(
|
|
2219
2302
|
Trans,
|
|
2220
2303
|
{
|
|
2221
2304
|
i18nKey: "generate_command.dashboard_menu_plugin.what_to_extend.description",
|
|
2222
|
-
components: [/* @__PURE__ */
|
|
2305
|
+
components: [/* @__PURE__ */ import_react17.default.createElement(Link, { url: "https://wix.to/h8AJ7f5" })]
|
|
2223
2306
|
}
|
|
2224
2307
|
),
|
|
2225
2308
|
groups: menuItemsGroups,
|
|
@@ -2241,7 +2324,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2241
2324
|
setBackofficeMenuItem(item.value);
|
|
2242
2325
|
}
|
|
2243
2326
|
}
|
|
2244
|
-
), backofficeMenuItem && (backofficeMenuItem.requiredApps.length === 1 ? /* @__PURE__ */
|
|
2327
|
+
), backofficeMenuItem && (backofficeMenuItem.requiredApps.length === 1 ? /* @__PURE__ */ import_react17.default.createElement(
|
|
2245
2328
|
AppRequirement,
|
|
2246
2329
|
{
|
|
2247
2330
|
appId: model.config.appId,
|
|
@@ -2253,7 +2336,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2253
2336
|
],
|
|
2254
2337
|
onSubmit: setRequireAppsIds
|
|
2255
2338
|
}
|
|
2256
|
-
) : /* @__PURE__ */
|
|
2339
|
+
) : /* @__PURE__ */ import_react17.default.createElement(
|
|
2257
2340
|
MultipleAppRequirement,
|
|
2258
2341
|
{
|
|
2259
2342
|
appId: model.config.appId,
|
|
@@ -2265,7 +2348,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2265
2348
|
),
|
|
2266
2349
|
onSubmit: setRequireAppsIds
|
|
2267
2350
|
}
|
|
2268
|
-
)), requireAppsIds && /* @__PURE__ */
|
|
2351
|
+
)), requireAppsIds && /* @__PURE__ */ import_react17.default.createElement(
|
|
2269
2352
|
SelectInput,
|
|
2270
2353
|
{
|
|
2271
2354
|
label: t2("generate_command.dashboard_menu_plugin.what_to_do"),
|
|
@@ -2296,9 +2379,9 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2296
2379
|
}
|
|
2297
2380
|
}
|
|
2298
2381
|
), actionType && (0, import_variant19.match)(actionType, {
|
|
2299
|
-
NavigateToPage: () => /* @__PURE__ */
|
|
2300
|
-
OpenModal: () => /* @__PURE__ */
|
|
2301
|
-
}), action && /* @__PURE__ */
|
|
2382
|
+
NavigateToPage: () => /* @__PURE__ */ import_react17.default.createElement(NavigateToPage, { onActionSelected: handleActionSelected }),
|
|
2383
|
+
OpenModal: () => /* @__PURE__ */ import_react17.default.createElement(OpenModal, { onActionSelected: handleActionSelected })
|
|
2384
|
+
}), action && /* @__PURE__ */ import_react17.default.createElement(
|
|
2302
2385
|
TextInput,
|
|
2303
2386
|
{
|
|
2304
2387
|
label: t2("generate_command.dashboard_menu_plugin.choose_title"),
|
|
@@ -2317,7 +2400,7 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2317
2400
|
setTitle(value);
|
|
2318
2401
|
}
|
|
2319
2402
|
}
|
|
2320
|
-
), title && /* @__PURE__ */
|
|
2403
|
+
), title && /* @__PURE__ */ import_react17.default.createElement(
|
|
2321
2404
|
TextInput,
|
|
2322
2405
|
{
|
|
2323
2406
|
label: t2("generate_command.dashboard_menu_plugin.choose_folder"),
|
|
@@ -2335,21 +2418,26 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2335
2418
|
},
|
|
2336
2419
|
validate: validateMenuPluginFolder
|
|
2337
2420
|
}
|
|
2338
|
-
), (0,
|
|
2421
|
+
), (0, import_react17.useMemo)(
|
|
2339
2422
|
() => (0, import_variant19.match)(generationTask, {
|
|
2340
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
2341
|
-
if (hasUpdatedDependencies) {
|
|
2342
|
-
|
|
2343
|
-
InstallDependencies,
|
|
2344
|
-
{
|
|
2345
|
-
onFinish: () => setFinishedInstallation(true)
|
|
2346
|
-
}
|
|
2347
|
-
);
|
|
2423
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
2424
|
+
if (!hasUpdatedDependencies) {
|
|
2425
|
+
setFinishedInstallation(true);
|
|
2348
2426
|
}
|
|
2349
|
-
|
|
2350
|
-
|
|
2427
|
+
return /* @__PURE__ */ import_react17.default.createElement(import_react17.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react17.default.createElement(
|
|
2428
|
+
InstallDependencies,
|
|
2429
|
+
{
|
|
2430
|
+
onFinish: () => setFinishedInstallation(true)
|
|
2431
|
+
}
|
|
2432
|
+
), finishedInstallation && backofficeMenuItem && /* @__PURE__ */ import_react17.default.createElement(
|
|
2433
|
+
DashboardMenuPluginGeneratedNote,
|
|
2434
|
+
{
|
|
2435
|
+
backofficeMenuItem,
|
|
2436
|
+
generatedFiles: newFiles
|
|
2437
|
+
}
|
|
2438
|
+
));
|
|
2351
2439
|
},
|
|
2352
|
-
Loading: () => /* @__PURE__ */
|
|
2440
|
+
Loading: () => /* @__PURE__ */ import_react17.default.createElement(
|
|
2353
2441
|
Spinner,
|
|
2354
2442
|
{
|
|
2355
2443
|
text: t2("generate_command.generation.loading", {
|
|
@@ -2360,13 +2448,15 @@ var DashboardMenuPluginWizard = ({ backofficeMenuItems }) => {
|
|
|
2360
2448
|
Error: () => null,
|
|
2361
2449
|
NotRequested: () => null
|
|
2362
2450
|
}),
|
|
2363
|
-
[
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2451
|
+
[
|
|
2452
|
+
generationTask,
|
|
2453
|
+
setFinishedInstallation,
|
|
2454
|
+
t2,
|
|
2455
|
+
extensionType,
|
|
2456
|
+
finishedInstallation,
|
|
2367
2457
|
backofficeMenuItem
|
|
2368
|
-
|
|
2369
|
-
)
|
|
2458
|
+
]
|
|
2459
|
+
));
|
|
2370
2460
|
};
|
|
2371
2461
|
|
|
2372
2462
|
// src/components/GenerateCommand/dashboad-menu-plugin/DashboardMenuPlugin.tsx
|
|
@@ -2375,14 +2465,14 @@ var DashboardMenuPlugin = () => {
|
|
|
2375
2465
|
const { status } = useAsync(getBackofficeMenuItems, []);
|
|
2376
2466
|
return (0, import_variant20.match)(status, {
|
|
2377
2467
|
Error: () => null,
|
|
2378
|
-
Loading: () => /* @__PURE__ */
|
|
2379
|
-
Success: ({ result: backofficeMenuItems }) => /* @__PURE__ */
|
|
2468
|
+
Loading: () => /* @__PURE__ */ import_react18.default.createElement(Spinner, { text: t2("general.loading") }),
|
|
2469
|
+
Success: ({ result: backofficeMenuItems }) => /* @__PURE__ */ import_react18.default.createElement(DashboardMenuPluginWizard, { backofficeMenuItems })
|
|
2380
2470
|
});
|
|
2381
2471
|
};
|
|
2382
2472
|
|
|
2383
2473
|
// src/components/GenerateCommand/site-plugin/SitePlugin.tsx
|
|
2384
2474
|
init_esm_shims();
|
|
2385
|
-
var
|
|
2475
|
+
var import_react21 = __toESM(require_react(), 1);
|
|
2386
2476
|
var import_variant22 = __toESM(require_lib(), 1);
|
|
2387
2477
|
|
|
2388
2478
|
// ../site-plugin-client/src/index.ts
|
|
@@ -2451,15 +2541,15 @@ var SitePluginClient = class {
|
|
|
2451
2541
|
|
|
2452
2542
|
// ../site-plugin-client/src/useSitePluginClient.ts
|
|
2453
2543
|
init_esm_shims();
|
|
2454
|
-
var
|
|
2544
|
+
var import_react19 = __toESM(require_react(), 1);
|
|
2455
2545
|
function useSitePluginClient() {
|
|
2456
2546
|
const httpClient = useHttpClient({ type: "general" });
|
|
2457
|
-
return (0,
|
|
2547
|
+
return (0, import_react19.useMemo)(() => new SitePluginClient(httpClient), [httpClient]);
|
|
2458
2548
|
}
|
|
2459
2549
|
|
|
2460
2550
|
// src/components/GenerateCommand/site-plugin/SitePluginWizard.tsx
|
|
2461
2551
|
init_esm_shims();
|
|
2462
|
-
var
|
|
2552
|
+
var import_react20 = __toESM(require_react(), 1);
|
|
2463
2553
|
var import_variant21 = __toESM(require_lib(), 1);
|
|
2464
2554
|
var import_lodash6 = __toESM(require_lodash(), 1);
|
|
2465
2555
|
var import_uniqBy = __toESM(require_uniqBy(), 1);
|
|
@@ -2519,7 +2609,7 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2519
2609
|
const { model } = useProjectModel();
|
|
2520
2610
|
const { addRequiredApp } = useDevCenterClient();
|
|
2521
2611
|
const { getWidgetDocsUrl } = useSitePluginClient();
|
|
2522
|
-
const pluginApplications = (0,
|
|
2612
|
+
const pluginApplications = (0, import_react20.useMemo)(
|
|
2523
2613
|
() => (0, import_uniqBy.default)(placements, "appName").map((pluginPlacement) => ({
|
|
2524
2614
|
value: pluginPlacement.appName,
|
|
2525
2615
|
title: pluginPlacement.appName
|
|
@@ -2529,23 +2619,23 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2529
2619
|
const extensionType = t2("generate_command.flow.site_plugin").toLowerCase();
|
|
2530
2620
|
const validateFolderName = useCustomElementDirectoryValidation("Site plugin");
|
|
2531
2621
|
const validateName = useCustomElementNameValidation();
|
|
2532
|
-
const [appsToRequire, setAppsToRequire] = (0,
|
|
2533
|
-
const [placement, setPlacement] = (0,
|
|
2534
|
-
const [placementApp, setPlacementApp] = (0,
|
|
2535
|
-
const [pluginFolder, setPluginFolder] = (0,
|
|
2536
|
-
const [pluginName, setPluginName] = (0,
|
|
2537
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
2622
|
+
const [appsToRequire, setAppsToRequire] = (0, import_react20.useState)();
|
|
2623
|
+
const [placement, setPlacement] = (0, import_react20.useState)();
|
|
2624
|
+
const [placementApp, setPlacementApp] = (0, import_react20.useState)();
|
|
2625
|
+
const [pluginFolder, setPluginFolder] = (0, import_react20.useState)();
|
|
2626
|
+
const [pluginName, setPluginName] = (0, import_react20.useState)();
|
|
2627
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react20.useState)(false);
|
|
2538
2628
|
const defaultPluginFolder = (0, import_lodash6.kebabCase)(pluginName);
|
|
2539
|
-
const widgetSlots = (0,
|
|
2629
|
+
const widgetSlots = (0, import_react20.useMemo)(
|
|
2540
2630
|
() => placementApp ? Object.values(
|
|
2541
2631
|
placements.filter((placement2) => placement2.appName === placementApp).reduce(
|
|
2542
2632
|
(_widgetSlots, placement2) => {
|
|
2543
2633
|
const widgetDocsUrl = getWidgetDocsUrl(placement2.widgetId);
|
|
2544
|
-
const description = widgetDocsUrl && /* @__PURE__ */
|
|
2634
|
+
const description = widgetDocsUrl && /* @__PURE__ */ import_react20.default.createElement(Text, { skin: "secondary" }, /* @__PURE__ */ import_react20.default.createElement(
|
|
2545
2635
|
Trans,
|
|
2546
2636
|
{
|
|
2547
2637
|
i18nKey: "generate_command.site_plugin.widget_docs",
|
|
2548
|
-
components: [/* @__PURE__ */
|
|
2638
|
+
components: [/* @__PURE__ */ import_react20.default.createElement(Link, { url: widgetDocsUrl })]
|
|
2549
2639
|
}
|
|
2550
2640
|
));
|
|
2551
2641
|
_widgetSlots[placement2.widgetId] ??= {
|
|
@@ -2585,15 +2675,15 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2585
2675
|
);
|
|
2586
2676
|
}
|
|
2587
2677
|
}, [pluginFolder, pluginName, placement, appsToRequire]);
|
|
2588
|
-
return /* @__PURE__ */
|
|
2678
|
+
return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, /* @__PURE__ */ import_react20.default.createElement(
|
|
2589
2679
|
SelectInput,
|
|
2590
2680
|
{
|
|
2591
2681
|
label: t2("generate_command.site_plugin.plugin_app"),
|
|
2592
|
-
info: /* @__PURE__ */
|
|
2682
|
+
info: /* @__PURE__ */ import_react20.default.createElement(
|
|
2593
2683
|
Trans,
|
|
2594
2684
|
{
|
|
2595
2685
|
i18nKey: "generate_command.site_plugin.plugin_app.description",
|
|
2596
|
-
components: [/* @__PURE__ */
|
|
2686
|
+
components: [/* @__PURE__ */ import_react20.default.createElement(Link, { url: "https://wix.to/Onfe4XJ" })]
|
|
2597
2687
|
}
|
|
2598
2688
|
),
|
|
2599
2689
|
options: pluginApplications,
|
|
@@ -2607,7 +2697,7 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2607
2697
|
setPlacementApp(option.value);
|
|
2608
2698
|
}
|
|
2609
2699
|
}
|
|
2610
|
-
), placementApp && /* @__PURE__ */
|
|
2700
|
+
), placementApp && /* @__PURE__ */ import_react20.default.createElement(
|
|
2611
2701
|
SelectGroupsInput,
|
|
2612
2702
|
{
|
|
2613
2703
|
label: t2("generate_command.site_plugin.choose_placement"),
|
|
@@ -2622,7 +2712,7 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2622
2712
|
setPlacement(option.value);
|
|
2623
2713
|
}
|
|
2624
2714
|
}
|
|
2625
|
-
), placement && /* @__PURE__ */
|
|
2715
|
+
), placement && /* @__PURE__ */ import_react20.default.createElement(
|
|
2626
2716
|
AppRequirement,
|
|
2627
2717
|
{
|
|
2628
2718
|
appId: model.config.appId,
|
|
@@ -2634,7 +2724,7 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2634
2724
|
],
|
|
2635
2725
|
onSubmit: setAppsToRequire
|
|
2636
2726
|
}
|
|
2637
|
-
), appsToRequire && /* @__PURE__ */
|
|
2727
|
+
), appsToRequire && /* @__PURE__ */ import_react20.default.createElement(
|
|
2638
2728
|
TextInput,
|
|
2639
2729
|
{
|
|
2640
2730
|
label: t2("generate_command.site_plugin.choose_name"),
|
|
@@ -2652,7 +2742,7 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2652
2742
|
},
|
|
2653
2743
|
validate: validateName
|
|
2654
2744
|
}
|
|
2655
|
-
), pluginName && /* @__PURE__ */
|
|
2745
|
+
), pluginName && /* @__PURE__ */ import_react20.default.createElement(
|
|
2656
2746
|
TextInput,
|
|
2657
2747
|
{
|
|
2658
2748
|
label: t2("generate_command.site_plugin.choose_folder"),
|
|
@@ -2670,21 +2760,27 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2670
2760
|
},
|
|
2671
2761
|
validate: validateFolderName
|
|
2672
2762
|
}
|
|
2673
|
-
), (0,
|
|
2763
|
+
), (0, import_react20.useMemo)(
|
|
2674
2764
|
() => (0, import_variant21.match)(generationTask, {
|
|
2675
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
2676
|
-
if (hasUpdatedDependencies) {
|
|
2677
|
-
|
|
2678
|
-
InstallDependencies,
|
|
2679
|
-
{
|
|
2680
|
-
onFinish: () => setFinishedInstallation(true)
|
|
2681
|
-
}
|
|
2682
|
-
);
|
|
2765
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
2766
|
+
if (!hasUpdatedDependencies) {
|
|
2767
|
+
setFinishedInstallation(true);
|
|
2683
2768
|
}
|
|
2684
|
-
|
|
2685
|
-
|
|
2769
|
+
return /* @__PURE__ */ import_react20.default.createElement(import_react20.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react20.default.createElement(
|
|
2770
|
+
InstallDependencies,
|
|
2771
|
+
{
|
|
2772
|
+
onFinish: () => setFinishedInstallation(true)
|
|
2773
|
+
}
|
|
2774
|
+
), finishedInstallation && /* @__PURE__ */ import_react20.default.createElement(
|
|
2775
|
+
GenerationSuccessMessage,
|
|
2776
|
+
{
|
|
2777
|
+
extensionType,
|
|
2778
|
+
generatedFiles: newFiles,
|
|
2779
|
+
learnMoreUrl: "https://wix.to/rEfCfbY"
|
|
2780
|
+
}
|
|
2781
|
+
));
|
|
2686
2782
|
},
|
|
2687
|
-
Loading: () => /* @__PURE__ */
|
|
2783
|
+
Loading: () => /* @__PURE__ */ import_react20.default.createElement(
|
|
2688
2784
|
Spinner,
|
|
2689
2785
|
{
|
|
2690
2786
|
text: t2("generate_command.generation.loading", {
|
|
@@ -2695,17 +2791,14 @@ var SitePluginWizard = ({ placements }) => {
|
|
|
2695
2791
|
Error: () => null,
|
|
2696
2792
|
NotRequested: () => null
|
|
2697
2793
|
}),
|
|
2698
|
-
[
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
components: [/* @__PURE__ */ import_react19.default.createElement(Learn, null), /* @__PURE__ */ import_react19.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
|
|
2707
|
-
}
|
|
2708
|
-
)));
|
|
2794
|
+
[
|
|
2795
|
+
generationTask,
|
|
2796
|
+
t2,
|
|
2797
|
+
extensionType,
|
|
2798
|
+
finishedInstallation,
|
|
2799
|
+
setFinishedInstallation
|
|
2800
|
+
]
|
|
2801
|
+
));
|
|
2709
2802
|
};
|
|
2710
2803
|
|
|
2711
2804
|
// src/components/GenerateCommand/site-plugin/SitePlugin.tsx
|
|
@@ -2715,14 +2808,14 @@ var GenerateSitePlugin = () => {
|
|
|
2715
2808
|
const { status } = useAsync(getPlacements, []);
|
|
2716
2809
|
return (0, import_variant22.match)(status, {
|
|
2717
2810
|
Error: () => null,
|
|
2718
|
-
Loading: () => /* @__PURE__ */
|
|
2719
|
-
Success: ({ result }) => /* @__PURE__ */
|
|
2811
|
+
Loading: () => /* @__PURE__ */ import_react21.default.createElement(Spinner, { text: t2("general.loading") }),
|
|
2812
|
+
Success: ({ result }) => /* @__PURE__ */ import_react21.default.createElement(SitePluginWizard, { placements: result.placements })
|
|
2720
2813
|
});
|
|
2721
2814
|
};
|
|
2722
2815
|
|
|
2723
2816
|
// src/components/GenerateCommand/api/Api.tsx
|
|
2724
2817
|
init_esm_shims();
|
|
2725
|
-
var
|
|
2818
|
+
var import_react22 = __toESM(require_react(), 1);
|
|
2726
2819
|
var import_variant23 = __toESM(require_lib(), 1);
|
|
2727
2820
|
|
|
2728
2821
|
// src/components/GenerateCommand/api/generate.ts
|
|
@@ -2731,7 +2824,7 @@ import path10 from "node:path";
|
|
|
2731
2824
|
var API_TEMPLATE = path10.resolve(__dirname, "../templates/api");
|
|
2732
2825
|
async function generateApi(projectFolder, folderName) {
|
|
2733
2826
|
const cwd = path10.join(getApiFolder(projectFolder), folderName);
|
|
2734
|
-
await componentGenerator({
|
|
2827
|
+
return await componentGenerator({
|
|
2735
2828
|
template: API_TEMPLATE,
|
|
2736
2829
|
cwd,
|
|
2737
2830
|
projectFolder,
|
|
@@ -2746,9 +2839,9 @@ var GenerateApi = () => {
|
|
|
2746
2839
|
const { t: t2 } = useTranslation();
|
|
2747
2840
|
const { model } = useProjectModel();
|
|
2748
2841
|
const { cliFlowStepAnswered } = useWixCliAppBi();
|
|
2749
|
-
const [apiFolder, setApiFolder] = (0,
|
|
2842
|
+
const [apiFolder, setApiFolder] = (0, import_react22.useState)();
|
|
2750
2843
|
const { backendComponentsByType } = useBackendComponents();
|
|
2751
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
2844
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react22.useState)(false);
|
|
2752
2845
|
const apis = backendComponentsByType.Api;
|
|
2753
2846
|
const extensionType = t2("generate_command.flow.api.title").toLowerCase();
|
|
2754
2847
|
const validateApiFolder = useValidation(
|
|
@@ -2764,7 +2857,7 @@ var GenerateApi = () => {
|
|
|
2764
2857
|
return generateApi(model.projectFolder, apiFolder);
|
|
2765
2858
|
}
|
|
2766
2859
|
}, [model.projectFolder, apiFolder]);
|
|
2767
|
-
return /* @__PURE__ */
|
|
2860
|
+
return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, /* @__PURE__ */ import_react22.default.createElement(
|
|
2768
2861
|
TextInput,
|
|
2769
2862
|
{
|
|
2770
2863
|
label: t2("generate_command.api.choose_api_name"),
|
|
@@ -2779,21 +2872,27 @@ var GenerateApi = () => {
|
|
|
2779
2872
|
},
|
|
2780
2873
|
validate: validateApiFolder
|
|
2781
2874
|
}
|
|
2782
|
-
), (0,
|
|
2875
|
+
), (0, import_react22.useMemo)(
|
|
2783
2876
|
() => (0, import_variant23.match)(generationTask, {
|
|
2784
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
2785
|
-
if (hasUpdatedDependencies) {
|
|
2786
|
-
|
|
2787
|
-
InstallDependencies,
|
|
2788
|
-
{
|
|
2789
|
-
onFinish: () => setFinishedInstallation(true)
|
|
2790
|
-
}
|
|
2791
|
-
);
|
|
2877
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
2878
|
+
if (!hasUpdatedDependencies) {
|
|
2879
|
+
setFinishedInstallation(true);
|
|
2792
2880
|
}
|
|
2793
|
-
|
|
2794
|
-
|
|
2881
|
+
return /* @__PURE__ */ import_react22.default.createElement(import_react22.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react22.default.createElement(
|
|
2882
|
+
InstallDependencies,
|
|
2883
|
+
{
|
|
2884
|
+
onFinish: () => setFinishedInstallation(true)
|
|
2885
|
+
}
|
|
2886
|
+
), finishedInstallation && /* @__PURE__ */ import_react22.default.createElement(
|
|
2887
|
+
GenerationSuccessMessage,
|
|
2888
|
+
{
|
|
2889
|
+
extensionType,
|
|
2890
|
+
generatedFiles: newFiles,
|
|
2891
|
+
learnMoreUrl: "https://wix.to/BEkD5a1"
|
|
2892
|
+
}
|
|
2893
|
+
));
|
|
2795
2894
|
},
|
|
2796
|
-
Loading: () => /* @__PURE__ */
|
|
2895
|
+
Loading: () => /* @__PURE__ */ import_react22.default.createElement(
|
|
2797
2896
|
Spinner,
|
|
2798
2897
|
{
|
|
2799
2898
|
text: t2("generate_command.generation.loading", {
|
|
@@ -2804,22 +2903,19 @@ var GenerateApi = () => {
|
|
|
2804
2903
|
Error: () => null,
|
|
2805
2904
|
NotRequested: () => null
|
|
2806
2905
|
}),
|
|
2807
|
-
[
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
components: [/* @__PURE__ */ import_react21.default.createElement(Learn, null), /* @__PURE__ */ import_react21.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
|
|
2816
|
-
}
|
|
2817
|
-
)));
|
|
2906
|
+
[
|
|
2907
|
+
generationTask,
|
|
2908
|
+
t2,
|
|
2909
|
+
extensionType,
|
|
2910
|
+
finishedInstallation,
|
|
2911
|
+
setFinishedInstallation
|
|
2912
|
+
]
|
|
2913
|
+
));
|
|
2818
2914
|
};
|
|
2819
2915
|
|
|
2820
2916
|
// src/components/GenerateCommand/event/Event.tsx
|
|
2821
2917
|
init_esm_shims();
|
|
2822
|
-
var
|
|
2918
|
+
var import_react23 = __toESM(require_react(), 1);
|
|
2823
2919
|
var import_variant24 = __toESM(require_lib(), 1);
|
|
2824
2920
|
|
|
2825
2921
|
// src/components/GenerateCommand/event/generate.ts
|
|
@@ -2841,8 +2937,8 @@ var GenerateEvent = () => {
|
|
|
2841
2937
|
const { model } = useProjectModel();
|
|
2842
2938
|
const { backendComponentsByType } = useBackendComponents();
|
|
2843
2939
|
const { cliFlowStepAnswered } = useWixCliAppBi();
|
|
2844
|
-
const [eventFolder, setEventFolder] = (0,
|
|
2845
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
2940
|
+
const [eventFolder, setEventFolder] = (0, import_react23.useState)();
|
|
2941
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react23.useState)(false);
|
|
2846
2942
|
const events = backendComponentsByType.Event;
|
|
2847
2943
|
const extensionType = t2("generate_command.flow.event").toLowerCase();
|
|
2848
2944
|
const validateEventFolder = useValidation(
|
|
@@ -2858,7 +2954,7 @@ var GenerateEvent = () => {
|
|
|
2858
2954
|
return generateEvent(model.projectFolder, eventFolder);
|
|
2859
2955
|
}
|
|
2860
2956
|
}, [model.projectFolder, eventFolder]);
|
|
2861
|
-
return /* @__PURE__ */
|
|
2957
|
+
return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(
|
|
2862
2958
|
TextInput,
|
|
2863
2959
|
{
|
|
2864
2960
|
label: t2("generate_command.event.choose_folder"),
|
|
@@ -2873,21 +2969,27 @@ var GenerateEvent = () => {
|
|
|
2873
2969
|
},
|
|
2874
2970
|
validate: validateEventFolder
|
|
2875
2971
|
}
|
|
2876
|
-
), (0,
|
|
2972
|
+
), (0, import_react23.useMemo)(
|
|
2877
2973
|
() => (0, import_variant24.match)(generationTask, {
|
|
2878
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
2879
|
-
if (hasUpdatedDependencies) {
|
|
2880
|
-
|
|
2881
|
-
InstallDependencies,
|
|
2882
|
-
{
|
|
2883
|
-
onFinish: () => setFinishedInstallation(true)
|
|
2884
|
-
}
|
|
2885
|
-
);
|
|
2974
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
2975
|
+
if (!hasUpdatedDependencies) {
|
|
2976
|
+
setFinishedInstallation(true);
|
|
2886
2977
|
}
|
|
2887
|
-
|
|
2888
|
-
|
|
2978
|
+
return /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react23.default.createElement(
|
|
2979
|
+
InstallDependencies,
|
|
2980
|
+
{
|
|
2981
|
+
onFinish: () => setFinishedInstallation(true)
|
|
2982
|
+
}
|
|
2983
|
+
), finishedInstallation && /* @__PURE__ */ import_react23.default.createElement(
|
|
2984
|
+
GenerationSuccessMessage,
|
|
2985
|
+
{
|
|
2986
|
+
extensionType,
|
|
2987
|
+
generatedFiles: newFiles,
|
|
2988
|
+
learnMoreUrl: "https://wix.to/BEkD5a1"
|
|
2989
|
+
}
|
|
2990
|
+
));
|
|
2889
2991
|
},
|
|
2890
|
-
Loading: () => /* @__PURE__ */
|
|
2992
|
+
Loading: () => /* @__PURE__ */ import_react23.default.createElement(
|
|
2891
2993
|
Spinner,
|
|
2892
2994
|
{
|
|
2893
2995
|
text: t2("generate_command.generation.loading", {
|
|
@@ -2898,22 +3000,19 @@ var GenerateEvent = () => {
|
|
|
2898
3000
|
Error: () => null,
|
|
2899
3001
|
NotRequested: () => null
|
|
2900
3002
|
}),
|
|
2901
|
-
[
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
components: [/* @__PURE__ */ import_react22.default.createElement(Learn, null), /* @__PURE__ */ import_react22.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
|
|
2910
|
-
}
|
|
2911
|
-
)));
|
|
3003
|
+
[
|
|
3004
|
+
generationTask,
|
|
3005
|
+
setFinishedInstallation,
|
|
3006
|
+
t2,
|
|
3007
|
+
extensionType,
|
|
3008
|
+
finishedInstallation
|
|
3009
|
+
]
|
|
3010
|
+
));
|
|
2912
3011
|
};
|
|
2913
3012
|
|
|
2914
3013
|
// src/components/GenerateCommand/web-method-module/WebMethod.tsx
|
|
2915
3014
|
init_esm_shims();
|
|
2916
|
-
var
|
|
3015
|
+
var import_react24 = __toESM(require_react(), 1);
|
|
2917
3016
|
var import_variant25 = __toESM(require_lib(), 1);
|
|
2918
3017
|
import { join as join5 } from "node:path";
|
|
2919
3018
|
|
|
@@ -2923,7 +3022,7 @@ import path12, { join as join4 } from "node:path";
|
|
|
2923
3022
|
var WEB_METHOD_TEMPLATE = path12.resolve(__dirname, "../templates/web-method");
|
|
2924
3023
|
async function generateWebMethod(projectFolder, folderPath) {
|
|
2925
3024
|
const filePath = join4(WEB_METHOD_DIR, folderPath);
|
|
2926
|
-
await componentGenerator({
|
|
3025
|
+
return await componentGenerator({
|
|
2927
3026
|
template: WEB_METHOD_TEMPLATE,
|
|
2928
3027
|
cwd: projectFolder,
|
|
2929
3028
|
projectFolder,
|
|
@@ -2939,9 +3038,9 @@ var GenerateWebMethod = () => {
|
|
|
2939
3038
|
const { t: t2 } = useTranslation();
|
|
2940
3039
|
const { model } = useProjectModel();
|
|
2941
3040
|
const { cliFlowStepAnswered } = useWixCliAppBi();
|
|
2942
|
-
const [webMethodFolder, setWebMethodFolder] = (0,
|
|
3041
|
+
const [webMethodFolder, setWebMethodFolder] = (0, import_react24.useState)();
|
|
2943
3042
|
const { backendComponentsByType } = useBackendComponents();
|
|
2944
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
3043
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react24.useState)(false);
|
|
2945
3044
|
const webMethods = backendComponentsByType.WebMethod;
|
|
2946
3045
|
const extensionType = t2(
|
|
2947
3046
|
"generate_command.flow.web_method.title"
|
|
@@ -2964,7 +3063,7 @@ var GenerateWebMethod = () => {
|
|
|
2964
3063
|
return generateWebMethod(model.projectFolder, webMethodFolder);
|
|
2965
3064
|
}
|
|
2966
3065
|
}, [model.projectFolder, webMethodFolder]);
|
|
2967
|
-
return /* @__PURE__ */
|
|
3066
|
+
return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, /* @__PURE__ */ import_react24.default.createElement(
|
|
2968
3067
|
TextInput,
|
|
2969
3068
|
{
|
|
2970
3069
|
label: t2("generate_command.web_method.choose_filename"),
|
|
@@ -2981,21 +3080,27 @@ var GenerateWebMethod = () => {
|
|
|
2981
3080
|
},
|
|
2982
3081
|
validate: validateWebMethodFolder
|
|
2983
3082
|
}
|
|
2984
|
-
), (0,
|
|
3083
|
+
), (0, import_react24.useMemo)(
|
|
2985
3084
|
() => (0, import_variant25.match)(generationTask, {
|
|
2986
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
2987
|
-
if (hasUpdatedDependencies) {
|
|
2988
|
-
|
|
2989
|
-
InstallDependencies,
|
|
2990
|
-
{
|
|
2991
|
-
onFinish: () => setFinishedInstallation(true)
|
|
2992
|
-
}
|
|
2993
|
-
);
|
|
3085
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
3086
|
+
if (!hasUpdatedDependencies) {
|
|
3087
|
+
setFinishedInstallation(true);
|
|
2994
3088
|
}
|
|
2995
|
-
|
|
2996
|
-
|
|
3089
|
+
return /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react24.default.createElement(
|
|
3090
|
+
InstallDependencies,
|
|
3091
|
+
{
|
|
3092
|
+
onFinish: () => setFinishedInstallation(true)
|
|
3093
|
+
}
|
|
3094
|
+
), finishedInstallation && /* @__PURE__ */ import_react24.default.createElement(
|
|
3095
|
+
GenerationSuccessMessage,
|
|
3096
|
+
{
|
|
3097
|
+
extensionType,
|
|
3098
|
+
generatedFiles: newFiles,
|
|
3099
|
+
learnMoreUrl: "https://wix.to/BEkD5a1"
|
|
3100
|
+
}
|
|
3101
|
+
));
|
|
2997
3102
|
},
|
|
2998
|
-
Loading: () => /* @__PURE__ */
|
|
3103
|
+
Loading: () => /* @__PURE__ */ import_react24.default.createElement(
|
|
2999
3104
|
Spinner,
|
|
3000
3105
|
{
|
|
3001
3106
|
text: t2("generate_command.generation.loading", {
|
|
@@ -3006,17 +3111,14 @@ var GenerateWebMethod = () => {
|
|
|
3006
3111
|
Error: () => null,
|
|
3007
3112
|
NotRequested: () => null
|
|
3008
3113
|
}),
|
|
3009
|
-
[
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
components: [/* @__PURE__ */ import_react23.default.createElement(Learn, null), /* @__PURE__ */ import_react23.default.createElement(Link, { url: "https://wix.to/BEkD5a1" })]
|
|
3018
|
-
}
|
|
3019
|
-
)));
|
|
3114
|
+
[
|
|
3115
|
+
generationTask,
|
|
3116
|
+
setFinishedInstallation,
|
|
3117
|
+
t2,
|
|
3118
|
+
extensionType,
|
|
3119
|
+
finishedInstallation
|
|
3120
|
+
]
|
|
3121
|
+
));
|
|
3020
3122
|
};
|
|
3021
3123
|
|
|
3022
3124
|
// src/components/GenerateCommand/site-widget/index.ts
|
|
@@ -3024,11 +3126,11 @@ init_esm_shims();
|
|
|
3024
3126
|
|
|
3025
3127
|
// src/components/GenerateCommand/site-widget/SiteWidgetWizard.tsx
|
|
3026
3128
|
init_esm_shims();
|
|
3027
|
-
var
|
|
3129
|
+
var import_react27 = __toESM(require_react(), 1);
|
|
3028
3130
|
|
|
3029
3131
|
// src/components/GenerateCommand/site-widget/custom-element/CustomElement.tsx
|
|
3030
3132
|
init_esm_shims();
|
|
3031
|
-
var
|
|
3133
|
+
var import_react25 = __toESM(require_react(), 1);
|
|
3032
3134
|
var import_variant26 = __toESM(require_lib(), 1);
|
|
3033
3135
|
var import_lodash7 = __toESM(require_lodash(), 1);
|
|
3034
3136
|
|
|
@@ -3097,14 +3199,14 @@ var GenerateCustomElement = () => {
|
|
|
3097
3199
|
const bi = useWixCliAppBi();
|
|
3098
3200
|
const { t: t2 } = useTranslation();
|
|
3099
3201
|
const { model } = useProjectModel();
|
|
3100
|
-
const [elementName, setElementName] = (0,
|
|
3101
|
-
const [elementFolder, setElementFolder] = (0,
|
|
3102
|
-
const [linkDashboardPage, setLinkDashboardPage] = (0,
|
|
3103
|
-
const [generationData, setGenerationData] = (0,
|
|
3202
|
+
const [elementName, setElementName] = (0, import_react25.useState)();
|
|
3203
|
+
const [elementFolder, setElementFolder] = (0, import_react25.useState)();
|
|
3204
|
+
const [linkDashboardPage, setLinkDashboardPage] = (0, import_react25.useState)();
|
|
3205
|
+
const [generationData, setGenerationData] = (0, import_react25.useState)();
|
|
3104
3206
|
const validateFolderName = useCustomElementDirectoryValidation("Site widget");
|
|
3105
3207
|
const validateName = useCustomElementNameValidation();
|
|
3106
3208
|
const { getExtensions } = useExtensions();
|
|
3107
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
3209
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react25.useState)(false);
|
|
3108
3210
|
const defaultElementFolder = (0, import_lodash7.kebabCase)(elementName);
|
|
3109
3211
|
const dashboardPages = getExtensions("DashboardPage");
|
|
3110
3212
|
const dashboardPagesOptions = dashboardPages.map(
|
|
@@ -3125,7 +3227,7 @@ var GenerateCustomElement = () => {
|
|
|
3125
3227
|
);
|
|
3126
3228
|
}
|
|
3127
3229
|
}, [generationData]);
|
|
3128
|
-
return /* @__PURE__ */
|
|
3230
|
+
return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, /* @__PURE__ */ import_react25.default.createElement(
|
|
3129
3231
|
TextInput,
|
|
3130
3232
|
{
|
|
3131
3233
|
label: t2("generate_command.custom_element.choose_name"),
|
|
@@ -3143,7 +3245,7 @@ var GenerateCustomElement = () => {
|
|
|
3143
3245
|
},
|
|
3144
3246
|
validate: validateName
|
|
3145
3247
|
}
|
|
3146
|
-
), elementName && /* @__PURE__ */
|
|
3248
|
+
), elementName && /* @__PURE__ */ import_react25.default.createElement(
|
|
3147
3249
|
TextInput,
|
|
3148
3250
|
{
|
|
3149
3251
|
label: t2("generate_command.custom_element.choose_folder"),
|
|
@@ -3167,7 +3269,7 @@ var GenerateCustomElement = () => {
|
|
|
3167
3269
|
},
|
|
3168
3270
|
validate: validateFolderName
|
|
3169
3271
|
}
|
|
3170
|
-
), elementName && elementFolder && dashboardPagesExist && /* @__PURE__ */
|
|
3272
|
+
), elementName && elementFolder && dashboardPagesExist && /* @__PURE__ */ import_react25.default.createElement(
|
|
3171
3273
|
ConfirmInput,
|
|
3172
3274
|
{
|
|
3173
3275
|
label: t2("generate_command.custom_element.link_dashboard_page"),
|
|
@@ -3189,7 +3291,7 @@ var GenerateCustomElement = () => {
|
|
|
3189
3291
|
}
|
|
3190
3292
|
}
|
|
3191
3293
|
}
|
|
3192
|
-
), elementName && elementFolder && dashboardPagesExist && linkDashboardPage && /* @__PURE__ */
|
|
3294
|
+
), elementName && elementFolder && dashboardPagesExist && linkDashboardPage && /* @__PURE__ */ import_react25.default.createElement(
|
|
3193
3295
|
SelectInput,
|
|
3194
3296
|
{
|
|
3195
3297
|
label: t2("generate_command.custom_element.choose_dashboard_page"),
|
|
@@ -3210,21 +3312,27 @@ var GenerateCustomElement = () => {
|
|
|
3210
3312
|
});
|
|
3211
3313
|
}
|
|
3212
3314
|
}
|
|
3213
|
-
), (0,
|
|
3315
|
+
), (0, import_react25.useMemo)(
|
|
3214
3316
|
() => (0, import_variant26.match)(generationTask, {
|
|
3215
|
-
Success: ({ hasUpdatedDependencies }) => {
|
|
3216
|
-
if (hasUpdatedDependencies) {
|
|
3217
|
-
|
|
3218
|
-
InstallDependencies,
|
|
3219
|
-
{
|
|
3220
|
-
onFinish: () => setFinishedInstallation(true)
|
|
3221
|
-
}
|
|
3222
|
-
);
|
|
3317
|
+
Success: ({ hasUpdatedDependencies, newFiles }) => {
|
|
3318
|
+
if (!hasUpdatedDependencies) {
|
|
3319
|
+
setFinishedInstallation(true);
|
|
3223
3320
|
}
|
|
3224
|
-
|
|
3225
|
-
|
|
3321
|
+
return /* @__PURE__ */ import_react25.default.createElement(import_react25.default.Fragment, null, hasUpdatedDependencies && /* @__PURE__ */ import_react25.default.createElement(
|
|
3322
|
+
InstallDependencies,
|
|
3323
|
+
{
|
|
3324
|
+
onFinish: () => setFinishedInstallation(true)
|
|
3325
|
+
}
|
|
3326
|
+
), finishedInstallation && /* @__PURE__ */ import_react25.default.createElement(
|
|
3327
|
+
GenerationSuccessMessage,
|
|
3328
|
+
{
|
|
3329
|
+
extensionType,
|
|
3330
|
+
generatedFiles: newFiles,
|
|
3331
|
+
learnMoreUrl: "https://wix.to/rEfCfbY"
|
|
3332
|
+
}
|
|
3333
|
+
));
|
|
3226
3334
|
},
|
|
3227
|
-
Loading: () => /* @__PURE__ */
|
|
3335
|
+
Loading: () => /* @__PURE__ */ import_react25.default.createElement(
|
|
3228
3336
|
Spinner,
|
|
3229
3337
|
{
|
|
3230
3338
|
text: t2("generate_command.generation.loading", {
|
|
@@ -3235,22 +3343,13 @@ var GenerateCustomElement = () => {
|
|
|
3235
3343
|
NotRequested: () => null,
|
|
3236
3344
|
Error: () => null
|
|
3237
3345
|
}),
|
|
3238
|
-
[generationTask,
|
|
3239
|
-
)
|
|
3240
|
-
extensionType
|
|
3241
|
-
})), /* @__PURE__ */ import_react24.default.createElement(
|
|
3242
|
-
Trans,
|
|
3243
|
-
{
|
|
3244
|
-
i18nKey: "generate_command.generation.learn_more",
|
|
3245
|
-
values: { extensionType },
|
|
3246
|
-
components: [/* @__PURE__ */ import_react24.default.createElement(Learn, null), /* @__PURE__ */ import_react24.default.createElement(Link, { url: "https://wix.to/rEfCfbY" })]
|
|
3247
|
-
}
|
|
3248
|
-
)));
|
|
3346
|
+
[generationTask, t2, extensionType, finishedInstallation]
|
|
3347
|
+
));
|
|
3249
3348
|
};
|
|
3250
3349
|
|
|
3251
3350
|
// src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
|
|
3252
3351
|
init_esm_shims();
|
|
3253
|
-
var
|
|
3352
|
+
var import_react26 = __toESM(require_react(), 1);
|
|
3254
3353
|
var import_variant27 = __toESM(require_lib(), 1);
|
|
3255
3354
|
|
|
3256
3355
|
// src/components/GenerateCommand/site-widget/blocks/generate.ts
|
|
@@ -3327,14 +3426,14 @@ async function enableBlocksInProject(projectFolder, config) {
|
|
|
3327
3426
|
"dependencies.json"
|
|
3328
3427
|
)
|
|
3329
3428
|
});
|
|
3330
|
-
return { newDependencies };
|
|
3429
|
+
return { newDependencies, newFiles: [] };
|
|
3331
3430
|
}
|
|
3332
3431
|
|
|
3333
3432
|
// src/components/GenerateCommand/site-widget/blocks/Blocks.tsx
|
|
3334
3433
|
var AddBlocksSupportToProject = () => {
|
|
3335
3434
|
const { t: t2 } = useTranslation();
|
|
3336
3435
|
const { model } = useProjectModel();
|
|
3337
|
-
const [finishedInstallation, setFinishedInstallation] = (0,
|
|
3436
|
+
const [finishedInstallation, setFinishedInstallation] = (0, import_react26.useState)(false);
|
|
3338
3437
|
const extensionType = t2(
|
|
3339
3438
|
"generate_command.site_widget_wizard.blocks.title"
|
|
3340
3439
|
).toLowerCase();
|
|
@@ -3344,11 +3443,11 @@ var AddBlocksSupportToProject = () => {
|
|
|
3344
3443
|
}
|
|
3345
3444
|
return enableBlocksInProject(model.projectFolder, model.config);
|
|
3346
3445
|
}, []);
|
|
3347
|
-
return /* @__PURE__ */
|
|
3446
|
+
return /* @__PURE__ */ import_react26.default.createElement(import_react26.default.Fragment, null, (0, import_react26.useMemo)(
|
|
3348
3447
|
() => (0, import_variant27.match)(supportBlocksTask, {
|
|
3349
3448
|
Success: ({ hasUpdatedDependencies }) => {
|
|
3350
3449
|
if (hasUpdatedDependencies) {
|
|
3351
|
-
return /* @__PURE__ */
|
|
3450
|
+
return /* @__PURE__ */ import_react26.default.createElement(
|
|
3352
3451
|
InstallDependencies,
|
|
3353
3452
|
{
|
|
3354
3453
|
onFinish: () => setFinishedInstallation(true)
|
|
@@ -3357,7 +3456,7 @@ var AddBlocksSupportToProject = () => {
|
|
|
3357
3456
|
}
|
|
3358
3457
|
setFinishedInstallation(true);
|
|
3359
3458
|
},
|
|
3360
|
-
Loading: () => /* @__PURE__ */
|
|
3459
|
+
Loading: () => /* @__PURE__ */ import_react26.default.createElement(
|
|
3361
3460
|
Spinner,
|
|
3362
3461
|
{
|
|
3363
3462
|
text: t2("generate_command.generation.loading", {
|
|
@@ -3369,12 +3468,12 @@ var AddBlocksSupportToProject = () => {
|
|
|
3369
3468
|
Error: () => null
|
|
3370
3469
|
}),
|
|
3371
3470
|
[supportBlocksTask, t2, extensionType]
|
|
3372
|
-
), finishedInstallation && /* @__PURE__ */
|
|
3471
|
+
), finishedInstallation && /* @__PURE__ */ import_react26.default.createElement(Box_default, { marginTop: 1 }, /* @__PURE__ */ import_react26.default.createElement(
|
|
3373
3472
|
Trans,
|
|
3374
3473
|
{
|
|
3375
3474
|
i18nKey: "generate_command.blocks.success",
|
|
3376
3475
|
components: [
|
|
3377
|
-
/* @__PURE__ */
|
|
3476
|
+
/* @__PURE__ */ import_react26.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
|
|
3378
3477
|
]
|
|
3379
3478
|
}
|
|
3380
3479
|
)));
|
|
@@ -3384,8 +3483,8 @@ var AddBlocksSupportToProject = () => {
|
|
|
3384
3483
|
var GenerateSiteWidgetWizard = () => {
|
|
3385
3484
|
const bi = useWixCliAppBi();
|
|
3386
3485
|
const { t: t2 } = useTranslation();
|
|
3387
|
-
const [selectedSiteWidgetType, setSelectedSiteWidgetType] = (0,
|
|
3388
|
-
return /* @__PURE__ */
|
|
3486
|
+
const [selectedSiteWidgetType, setSelectedSiteWidgetType] = (0, import_react27.useState)();
|
|
3487
|
+
return /* @__PURE__ */ import_react27.default.createElement(import_react27.default.Fragment, null, /* @__PURE__ */ import_react27.default.createElement(
|
|
3389
3488
|
SelectInput,
|
|
3390
3489
|
{
|
|
3391
3490
|
label: t2("generate_command.site_widget_wizard.choose_extention.title"),
|
|
@@ -3395,12 +3494,12 @@ var GenerateSiteWidgetWizard = () => {
|
|
|
3395
3494
|
title: t2(
|
|
3396
3495
|
"generate_command.site_widget_wizard.custom_element_option.title"
|
|
3397
3496
|
),
|
|
3398
|
-
description: /* @__PURE__ */
|
|
3497
|
+
description: /* @__PURE__ */ import_react27.default.createElement(
|
|
3399
3498
|
Trans,
|
|
3400
3499
|
{
|
|
3401
3500
|
i18nKey: "generate_command.site_widget_wizard.custom_element_option.description",
|
|
3402
3501
|
components: [
|
|
3403
|
-
/* @__PURE__ */
|
|
3502
|
+
/* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/site-widgets/add-a-site-widget-extension-in-the-cli" })
|
|
3404
3503
|
]
|
|
3405
3504
|
}
|
|
3406
3505
|
),
|
|
@@ -3408,12 +3507,12 @@ var GenerateSiteWidgetWizard = () => {
|
|
|
3408
3507
|
},
|
|
3409
3508
|
{
|
|
3410
3509
|
title: t2("generate_command.site_widget_wizard.blocks.title"),
|
|
3411
|
-
description: /* @__PURE__ */
|
|
3510
|
+
description: /* @__PURE__ */ import_react27.default.createElement(
|
|
3412
3511
|
Trans,
|
|
3413
3512
|
{
|
|
3414
3513
|
i18nKey: "generate_command.site_widget_wizard.blocks.description",
|
|
3415
3514
|
components: [
|
|
3416
|
-
/* @__PURE__ */
|
|
3515
|
+
/* @__PURE__ */ import_react27.default.createElement(Link, { url: "https://dev.wix.com/docs/build-apps/develop-your-app/frameworks/wix-cli/supported-extensions/site-extensions/blocks-site-widgets/add-a-blocks-site-widget-extension-in-the-cli" })
|
|
3417
3516
|
]
|
|
3418
3517
|
}
|
|
3419
3518
|
),
|
|
@@ -3431,7 +3530,7 @@ var GenerateSiteWidgetWizard = () => {
|
|
|
3431
3530
|
setSelectedSiteWidgetType(option.value);
|
|
3432
3531
|
}
|
|
3433
3532
|
}
|
|
3434
|
-
), selectedSiteWidgetType === "customElement" && /* @__PURE__ */
|
|
3533
|
+
), selectedSiteWidgetType === "customElement" && /* @__PURE__ */ import_react27.default.createElement(GenerateCustomElement, null), selectedSiteWidgetType === "blocks" && /* @__PURE__ */ import_react27.default.createElement(AddBlocksSupportToProject, null));
|
|
3435
3534
|
};
|
|
3436
3535
|
|
|
3437
3536
|
// src/components/GenerateCommand/GenerateCommand.tsx
|
|
@@ -3439,8 +3538,8 @@ var DevCenterGenerateFlow = (0, import_variant28.variant)((0, import_variant28.t
|
|
|
3439
3538
|
var GenerateCommand = () => {
|
|
3440
3539
|
const { t: t2 } = useTranslation();
|
|
3441
3540
|
const bi = useWixCliAppBi();
|
|
3442
|
-
const [generateFlow, setGenerateFlow] = (0,
|
|
3443
|
-
const generateFlows = (0,
|
|
3541
|
+
const [generateFlow, setGenerateFlow] = (0, import_react28.useState)();
|
|
3542
|
+
const generateFlows = (0, import_react28.useMemo)(
|
|
3444
3543
|
() => [
|
|
3445
3544
|
{
|
|
3446
3545
|
title: t2("generate_command.flow.dashboard_category"),
|
|
@@ -3521,7 +3620,7 @@ var GenerateCommand = () => {
|
|
|
3521
3620
|
],
|
|
3522
3621
|
[t2]
|
|
3523
3622
|
);
|
|
3524
|
-
const selectFlow = (0,
|
|
3623
|
+
const selectFlow = (0, import_react28.useCallback)(
|
|
3525
3624
|
(selectedType) => {
|
|
3526
3625
|
bi.cliFlowStepAnswered({
|
|
3527
3626
|
question: t2("generate_command.flow.choose_flow"),
|
|
@@ -3532,7 +3631,7 @@ var GenerateCommand = () => {
|
|
|
3532
3631
|
},
|
|
3533
3632
|
[bi, t2]
|
|
3534
3633
|
);
|
|
3535
|
-
return /* @__PURE__ */
|
|
3634
|
+
return /* @__PURE__ */ import_react28.default.createElement(Box_default, { flexDirection: "column", paddingTop: 1 }, /* @__PURE__ */ import_react28.default.createElement(
|
|
3536
3635
|
SelectGroupsInput,
|
|
3537
3636
|
{
|
|
3538
3637
|
label: t2("generate_command.flow.choose_flow"),
|
|
@@ -3543,18 +3642,18 @@ var GenerateCommand = () => {
|
|
|
3543
3642
|
), generateFlow && (0, import_variant28.match)(
|
|
3544
3643
|
generateFlow,
|
|
3545
3644
|
(0, import_variant28.partial)({
|
|
3546
|
-
DashboardPage: () => /* @__PURE__ */
|
|
3547
|
-
DashboardSidebarCategory: () => /* @__PURE__ */
|
|
3548
|
-
EmbeddedScript: () => /* @__PURE__ */
|
|
3549
|
-
CustomElement: () => /* @__PURE__ */
|
|
3550
|
-
SitePlugin: () => /* @__PURE__ */
|
|
3551
|
-
DashboardModal: () => /* @__PURE__ */
|
|
3552
|
-
DashboardPlugin: () => /* @__PURE__ */
|
|
3553
|
-
DashboardMenuPlugin: () => /* @__PURE__ */
|
|
3554
|
-
ServicePlugin: () => /* @__PURE__ */
|
|
3555
|
-
Api: () => /* @__PURE__ */
|
|
3556
|
-
WebMethod: () => /* @__PURE__ */
|
|
3557
|
-
Event: () => /* @__PURE__ */
|
|
3645
|
+
DashboardPage: () => /* @__PURE__ */ import_react28.default.createElement(GenerateDashboardPage, null),
|
|
3646
|
+
DashboardSidebarCategory: () => /* @__PURE__ */ import_react28.default.createElement(GenerateSidebarCategory, null),
|
|
3647
|
+
EmbeddedScript: () => /* @__PURE__ */ import_react28.default.createElement(GenerateEmbeddedScript, null),
|
|
3648
|
+
CustomElement: () => /* @__PURE__ */ import_react28.default.createElement(GenerateSiteWidgetWizard, null),
|
|
3649
|
+
SitePlugin: () => /* @__PURE__ */ import_react28.default.createElement(GenerateSitePlugin, null),
|
|
3650
|
+
DashboardModal: () => /* @__PURE__ */ import_react28.default.createElement(GenerateDashboardModal, null),
|
|
3651
|
+
DashboardPlugin: () => /* @__PURE__ */ import_react28.default.createElement(DashboardPlugin, null),
|
|
3652
|
+
DashboardMenuPlugin: () => /* @__PURE__ */ import_react28.default.createElement(DashboardMenuPlugin, null),
|
|
3653
|
+
ServicePlugin: () => /* @__PURE__ */ import_react28.default.createElement(GenerateServicePlugin, null),
|
|
3654
|
+
Api: () => /* @__PURE__ */ import_react28.default.createElement(GenerateApi, null),
|
|
3655
|
+
WebMethod: () => /* @__PURE__ */ import_react28.default.createElement(GenerateWebMethod, null),
|
|
3656
|
+
Event: () => /* @__PURE__ */ import_react28.default.createElement(GenerateEvent, null),
|
|
3558
3657
|
default: () => null
|
|
3559
3658
|
})
|
|
3560
3659
|
));
|
|
@@ -3562,4 +3661,4 @@ var GenerateCommand = () => {
|
|
|
3562
3661
|
export {
|
|
3563
3662
|
GenerateCommand
|
|
3564
3663
|
};
|
|
3565
|
-
//# sourceMappingURL=GenerateCommand-
|
|
3664
|
+
//# sourceMappingURL=GenerateCommand-KJFVXKF6.js.map
|