custom-element-flow - npm Package Compare versions

Comparing version 1.0.55 to 1.0.56

bin/start.ts

@@ -8,2 +8,4 @@ #! /usr/bin/env node
 import { exec } from 'child_process';
+import { readFile, writeFile } from 'fs/promises';
+import { createDevSite, generateSiteUrls, getMetaSite } from '../src/services/meta-site.js';
 
@@ -14,26 +16,83 @@ dotenv.config();
   exec(`nodemon --watch ./src --ignore '*.settings.type.ts' --ext '*' -q --exec 'npm run build' & node ./dev/server.js;`);
+  const projectDir = process.cwd();
+  const applicationJson = await readFile(`${projectDir}/.application.json`, 'utf-8');
+  const applicationData = JSON.parse(applicationJson);
+  const appId = applicationData.appDefinitionId;
 
   console.log(chalk.green('Compiled successfully!\n'));
-  console.log('Your bundles for viewer and editor environment are ready! 🚀\n');
-  console.log(chalk.green.bold('Press key to open a URL with overrides:'));
-  console.log(chalk.green.italic('Press with a SHIFT to copy the URL'));
+  console.log('Your bundles for live site and editor environment are ready! 🚀\n');
 
-  const answer = await inquirer.prompt({
-    name: 'urlSelector',
-    message: '\n',
-    choices: [
-      {
-        name: '> 1: Viewer 🖼',
-        value: process.env.VIEWER_START_URL,
-      },
-      {
-        name: '> 2: Editor 🎨',
+  if (!process.env.EDITOR_START_URL && !process.env.LIVE_SITE_START_URL) {
+    const res = await inquirer.prompt({
+      name: 'siteSelector',
+      message: `${chalk.green.bold('Select a site to test your app on:')}\n`,
+      choices: [
+        {
+          name: '> 1: Enter Site ID',
+          value: 'msid',
+        },
+        {
+          name: '> 2: Open Wix Site Selector',
+          value: 'selector',
+        },
+        {
+          name: '> 3: Create a New Development Site',
+          value: 'dev',
+        }
+      ],
+      type: 'list',
+      prefix: '',
+    });
+
+    if (res.siteSelector === 'msid') {
+      const promptInput = await inquirer.prompt({
+        name: 'msidInput',
+        message: `${chalk.green.bold('Please enter a Site ID:')}`,
+        type: 'input',
+        prefix: '',
+      });
+
+      const msid = promptInput.msidInput;
+      const { site } = await getMetaSite(msid);
+      const { editorStartUrl, liveSiteStartUrl } = await generateSiteUrls(site, appId);
+
+      open(editorStartUrl);
+      await writeFile(`${projectDir}/.env`, `DOCS="https://devforum.wix.com/kb/en/article/create-a-custom-element-and-app-settings-panel"\nLIVE_SITE_START_URL=${liveSiteStartUrl}\nEDITOR_START_URL=${editorStartUrl}`);
+    } else if (res.siteSelector === 'selector') {
+      open(`https://dev.wix.com/dc3/test-app/${appId}?redirect=editor&title=Select%20Site&buttonText=Test%20Your%20App`);
+    } else if (res.siteSelector === 'dev') {
+      const { site: DevSite } = await createDevSite();
+      const { site } = await getMetaSite(DevSite.id);
+      const { editorStartUrl, liveSiteStartUrl } = await generateSiteUrls(site, appId);
+
+      open(editorStartUrl);
+      await writeFile(`${projectDir}/.env`, `DOCS="https://devforum.wix.com/kb/en/article/create-a-custom-element-and-app-settings-panel"\nLIVE_SITE_START_URL=${liveSiteStartUrl}\nEDITOR_START_URL=${editorStartUrl}`);
+    }
+  } else {
+    const choices: { name: string, value: string }[] = [];
+
+    if (process.env.LIVE_SITE_START_URL) {
+      choices.push({
+        name: '> Live Site 🖼',
+        value: process.env.LIVE_SITE_START_URL,
+      })
+    };
+
+    if (process.env.EDITOR_START_URL) {
+      choices.push({
+        name: '> Editor 🎨',
         value: process.env.EDITOR_START_URL,
-      }
-    ],
-    type: 'list',
-    prefix: '',
-  });
+      })
+    };
 
-  open(answer.urlSelector);
+    const answer = await inquirer.prompt({
+      name: 'urlSelector',
+      message: `${chalk.green.bold('Select a URL to open with overrides:')}\n`,
+      choices,
+      type: 'list',
+      prefix: '',
+    });
+
+    open(answer.urlSelector);
+  }
 };

dist/bin/start.js

@@ -16,26 +16,83 @@ #! /usr/bin/env node
 import { exec } from 'child_process';
+import { readFile, writeFile } from 'fs/promises';
+import { createDevSite, generateSiteUrls, getMetaSite } from '../src/services/meta-site.js';
 dotenv.config();
 export const start = () => __awaiter(void 0, void 0, void 0, function* () {
     exec(`nodemon --watch ./src --ignore '*.settings.type.ts' --ext '*' -q --exec 'npm run build' & node ./dev/server.js;`);
+    const projectDir = process.cwd();
+    const applicationJson = yield readFile(`${projectDir}/.application.json`, 'utf-8');
+    const applicationData = JSON.parse(applicationJson);
+    const appId = applicationData.appDefinitionId;
     console.log(chalk.green('Compiled successfully!\n'));
-    console.log('Your bundles for viewer and editor environment are ready! 🚀\n');
-    console.log(chalk.green.bold('Press key to open a URL with overrides:'));
-    console.log(chalk.green.italic('Press with a SHIFT to copy the URL'));
-    const answer = yield inquirer.prompt({
-        name: 'urlSelector',
-        message: '\n',
-        choices: [
-            {
-                name: '> 1: Viewer 🖼',
-                value: process.env.VIEWER_START_URL,
-            },
-            {
-                name: '> 2: Editor 🎨',
+    console.log('Your bundles for live site and editor environment are ready! 🚀\n');
+    if (!process.env.EDITOR_START_URL && !process.env.LIVE_SITE_START_URL) {
+        const res = yield inquirer.prompt({
+            name: 'siteSelector',
+            message: `${chalk.green.bold('Select a site to test your app on:')}\n`,
+            choices: [
+                {
+                    name: '> 1: Enter Site ID',
+                    value: 'msid',
+                },
+                {
+                    name: '> 2: Open Wix Site Selector',
+                    value: 'selector',
+                },
+                {
+                    name: '> 3: Create a New Development Site',
+                    value: 'dev',
+                }
+            ],
+            type: 'list',
+            prefix: '',
+        });
+        if (res.siteSelector === 'msid') {
+            const promptInput = yield inquirer.prompt({
+                name: 'msidInput',
+                message: `${chalk.green.bold('Please enter a Site ID:')}`,
+                type: 'input',
+                prefix: '',
+            });
+            const msid = promptInput.msidInput;
+            const { site } = yield getMetaSite(msid);
+            const { editorStartUrl, liveSiteStartUrl } = yield generateSiteUrls(site, appId);
+            open(editorStartUrl);
+            yield writeFile(`${projectDir}/.env`, `DOCS="https://devforum.wix.com/kb/en/article/create-a-custom-element-and-app-settings-panel"\nLIVE_SITE_START_URL=${liveSiteStartUrl}\nEDITOR_START_URL=${editorStartUrl}`);
+        }
+        else if (res.siteSelector === 'selector') {
+            open(`https://dev.wix.com/dc3/test-app/${appId}?redirect=editor&title=Select%20Site&buttonText=Test%20Your%20App`);
+        }
+        else if (res.siteSelector === 'dev') {
+            const { site: DevSite } = yield createDevSite();
+            const { site } = yield getMetaSite(DevSite.id);
+            const { editorStartUrl, liveSiteStartUrl } = yield generateSiteUrls(site, appId);
+            open(editorStartUrl);
+            yield writeFile(`${projectDir}/.env`, `DOCS="https://devforum.wix.com/kb/en/article/create-a-custom-element-and-app-settings-panel"\nLIVE_SITE_START_URL=${liveSiteStartUrl}\nEDITOR_START_URL=${editorStartUrl}`);
+        }
+    }
+    else {
+        const choices = [];
+        if (process.env.LIVE_SITE_START_URL) {
+            choices.push({
+                name: '> Live Site 🖼',
+                value: process.env.LIVE_SITE_START_URL,
+            });
+        }
+        ;
+        if (process.env.EDITOR_START_URL) {
+            choices.push({
+                name: '> Editor 🎨',
                 value: process.env.EDITOR_START_URL,
-            }
-        ],
-        type: 'list',
-        prefix: '',
-    });
-    open(answer.urlSelector);
+            });
+        }
+        ;
+        const answer = yield inquirer.prompt({
+            name: 'urlSelector',
+            message: `${chalk.green.bold('Select a URL to open with overrides:')}\n`,
+            choices,
+            type: 'list',
+            prefix: '',
+        });
+        open(answer.urlSelector);
+    }
 });

package.json

 {
   "name": "custom-element-flow",
-  "version": "1.0.55",
+  "version": "1.0.56",
   "description": "My New Project description.",
@@ -5,0 +5,0 @@ "type": "module",

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

68404

increased by28.02%

Number of package files

32

increased by14.29%

Lines of code

1777

increased by30.37%

Worsened metrics

Number of low supply chain risk alerts

14

increased by55.56%

No dependency changes