shoplazza-cli 1.0.4 → 1.0.6

package/lib/app/commands/deploy.js

@@ -1,218 +1,47 @@
-const axios = require('axios');
-const ora = require('ora');
+const inquirer = require('inquirer');
 const chalk = require('chalk');
-const fs = require('fs-extra');
-const SparkMD5 = require('spark-md5');
-const FormData = require('form-data');
-const path = require('path');
-
-const { PARNTER_URL } = require('../constants');
-const { getValue, PARTNER_KEYS, getApp, set } = require('../db/partner');
-const { getZipName } = require('./build');
-const { inputVersion } = require('../inquirers/version');
-const { line, done } = require('../log');
-
-const getZipPath = () => {
-  const spinner = ora(chalk.cyan('Finding your built zip ...')).start();
-  try {
-    const zipName = getZipName();
-    const filename = fs.readdirSync(process.cwd()).find((name) => {
-      const extname = path.extname(name).replace('.', '');
-      return extname === 'zip' && name.startsWith(zipName);
-    });
-
-    if (!filename) {
-      throw new Error('not zip');
-    }
-
-    const fileInfo = fs.statSync(`${process.cwd()}/${filename}`);
-
-    spinner.succeed(
-      chalk.cyan(
-        `Success to find your zip: ${chalk.green(`${filename} ${(fileInfo.size / (1024 * 1024)).toFixed(2)}M`)}`
-      )
-    );
-    return path.resolve(process.cwd(), filename);
-  } catch (e) {
-    spinner.fail(chalk.red('Failed to find your zip, be sure you have built app in root dir!'));
-  }
-};
-
-const getBufferAndMd5 = async (filePath) => {
-  const spinner = ora(chalk.cyan('Begin to read zip and generate md5 code ...')).start();
-
-  try {
-    return await new Promise((resolve, reject) => {
-      const spark = new SparkMD5.ArrayBuffer();
-      let buffers = [];
-
-      const rs = fs.createReadStream(filePath, { autoClose: true });
-      rs.on('data', (data) => {
-        buffers.push(data);
-        spark.append(data);
-      });
-
-      rs.on('end', () => {
-        const md5 = spark.end();
-        const completedBuffer = Buffer.concat(buffers);
-        spinner.succeed(chalk.cyan('Success to analyse zip'));
-        resolve([completedBuffer, md5 + '.zip']);
-      });
-
-      rs.on('error', (err) => {
-        reject(err);
-      });
-    });
-  } catch (e) {
-    spinner.fail(chalk.red('Failed to analyse zip, please try again!'));
-  }
-};
-
-const getSign = async () => {
-  const spinner = ora(chalk.cyan('Waiting get file sign ...')).start();
-
-  try {
-    const app = getApp();
-    const partnerId = getValue(PARTNER_KEYS.PARTNER_ID);
-    const sessionId = getValue(PARTNER_KEYS.SESSION_ID);
-
-    const url = `${PARNTER_URL}/api/partner/apps/${app.uid}/theme_extensions/file/signv2`;
-    const res = await axios.get(url, {
-      headers: {
-        Cookie: `awesomev2=${sessionId}`,
-        'x-shoplazza-partner-id': partnerId
-      }
-    });
-    spinner.succeed(chalk.cyan('Success to get file sign'));
-    return res.data;
-  } catch (e) {
-    spinner.fail(chalk.red(e.message || e));
-  }
-};
-
-const deployOss = async () => {
-  const path = getZipPath();
-  if (path) {
-    const [buffer, md5] = await getBufferAndMd5(path);
-    const signData = await getSign();
-    if (!signData) {
-      return;
-    }
-
-    const spinner = ora(chalk.cyan('Deploying your zip to cdn ...')).start();
-
-    try {
-      const formData = new FormData();
-      formData.append('policy', signData.policy);
-      formData.append('OSSAccessKeyId', signData.access_id);
-      formData.append('success_action_status', 200);
-      formData.append('signature', signData.sign);
-      formData.append('x-oss-forbid-overwrite', 'true');
-      formData.append('key', md5);
-      formData.append('file', buffer);
-
-      const url = `https:${signData.write_host}/`;
-      const res = await axios.post(url, formData, {
-        global: true,
-        maxContentLength: 100000000,
-        maxBodyLength: 1000000000
-      });
-
-      if (res.status !== 200) {
-        throw new Error(`${res.status} ${resstatusText}`);
-      }
-      spinner.succeed();
-      return md5;
-    } catch (e) {
-      // 409 repeat filename
-      if (e?.response?.status === 409) {
-        spinner.succeed();
-        return md5;
-      }
-      spinner.fail();
-      console.log(chalk.red(e.message || e));
-    }
-  }
-};
-
-const deployPartner = async () => {
-  const md5 = await deployOss();
-  if (!md5) {
-    return;
-  }
-
-  const spinner = ora(chalk.cyan('Deploying your zip to PARTNER ...')).start();
-  try {
-    const app = getApp();
-    if (!app) {
-      spinner.fail(chalk.red('Please choose your partner first!'));
-      return;
+const ora = require('ora');
+const { getThemeAppConfig } = require('../utils');
+const { getThemeAppVersionList, toDeployThemeApp } = require('../api/api');
+
+// 调用后端 API 进行部署
+async function deployVersion(appId, version) {
+  // await new Promise((resolve) => setTimeout(resolve, 2000));
+  await toDeployThemeApp({
+    extension_id: appId,
+    version,
+    type: 'enable'
+  });
+  console.log(chalk.green(`Version ${version} has been deployed successfully.`));
+}
+
+async function usePrompt(versionList) {
+  const choices = versionList.map((v) => ({
+    name: `${v.version} (${v.date}) - ${v.description}`,
+    value: v.version
+  }));
+  return inquirer.prompt([
+    {
+      type: 'list',
+      name: 'selectedVersion',
+      message: 'Select a version to deploy:',
+      choices
     }
+  ]);
+}
 
-    const partnerId = getValue(PARTNER_KEYS.PARTNER_ID);
-    const url = `${PARNTER_URL}/api/partner/apps/${app.uid}/theme_extensions`;
-    const res = await axios.put(
-      url,
-      {
-        title: getZipName(),
-        name: getZipName(),
-        file_name: md5
-      },
-      {
-        headers: {
-          cookie: `awesomev2=${getValue(PARTNER_KEYS.SESSION_ID)};`,
-          'x-shoplazza-partner-id': partnerId
-        }
-      }
-    );
-
-    set({ [PARTNER_KEYS.EXTENSION_ID]: res.data.extension_id });
-    spinner.succeed();
-    return true;
-  } catch (e) {
-    spinner.fail();
-    console.log(e.message || e);
-    console.log(chalk.red(JSON.stringify(e.response.data)));
-  }
-};
-
-const createVersion = async (version) => {
-  const spinner = ora(chalk.cyan('Creating your version task ...')).start();
-
+async function deploy() {
   try {
-    const app = getApp();
-    const extensionId = getValue(PARTNER_KEYS.EXTENSION_ID);
-    const partnerId = getValue(PARTNER_KEYS.PARTNER_ID);
-
-    const url = `${PARNTER_URL}/api/partner/apps/${app.uid}/theme_extensions/${extensionId}/version_tasks`;
-    await axios.post(
-      url,
-      {
-        version
-      },
-      {
-        headers: {
-          cookie: `awesomev2=${getValue(PARTNER_KEYS.SESSION_ID)};`,
-          'x-shoplazza-partner-id': partnerId
-        }
-      }
-    );
-    spinner.succeed();
-    return true;
-  } catch (e) {
-    spinner.fail();
-    console.log(chalk.red(e.message || e));
-    console.log(chalk.red(JSON.stringify(e.response?.data)));
+    const { appId } = await getThemeAppConfig();
+    const spinner = ora('Fetching version list...').start();
+    const versionList = await getThemeAppVersionList();
+    spinner.succeed('Version list loaded.');
+    const { selectedVersion } = await usePrompt(versionList);
+    await deployVersion(appId, selectedVersion);
+  } catch (error) {
+    console.error(chalk.red(`[ERROR IN DEPLOY] ${error.message}`));
   }
-};
-
-const deploy = async () => {
-  line();
-  ora(chalk.cyan('Deploy Begin')).succeed();
-  let version;
-  (await deployPartner()) && (version = await inputVersion()) && (await createVersion(version)) && done();
-  line();
-};
+}
 
 module.exports = {
   deploy

package/lib/app/commands/list.js

@@ -0,0 +1,31 @@
+const chalk = require('chalk');
+const ora = require('ora');
+const { getThemeAppConfig, renderTable } = require('../utils');
+const { getThemeAppList } = require('../api/api');
+
+/**
+ * 控制台提示
+ */
+function consoleTips(versionList) {
+  console.log(chalk.green('\n📜 Available Theme Apps:'));
+  console.log(
+    renderTable(versionList, [
+      { label: 'Name', filed: 'name' },
+      { label: 'Version', filed: 'version', color: 'yellowBright' },
+      { label: 'Description', filed: 'description' }
+    ])
+  );
+}
+
+async function list() {
+  try {
+    const themeAppList = await getThemeAppList();
+    consoleTips(themeAppList);
+  } catch (error) {
+    console.error(chalk.red(`[ERROR IN LIST] ${error.message}`));
+  }
+}
+
+module.exports = {
+  list
+};

package/lib/app/commands/serve.js

@@ -0,0 +1,118 @@
+const path = require('path');
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+const { STORE_DOMAIN, THEME_APP_PATH, EXCHANGE_TOKEN } = require('../utils/config');
+const { compress, getThemeAppConfig, setThemeAppConfig } = require('../utils');
+const { toCreateThemeApp, toUploadThemeApp, getTaskStatus, getThemeList } = require('../api/api');
+const { initWatcher } = require('../../utils');
+const { useOss } = require('../../oss');
+
+/**
+ * 模拟上传文件到服务器
+ */
+async function uploadFileToServer(filePath) {
+  console.log(chalk.blue(`[UPLOAD] ${filePath} - Uploading to server...`));
+  // TODO: 替换为实际的上传逻辑（例如调用后端 API 或 WebSocket 通信）
+  await new Promise((resolve) => setTimeout(resolve, 1000)); // 模拟网络延迟
+  console.log(chalk.green(`[SUCCESS] ${filePath} - Uploaded successfully.`));
+}
+
+/**
+ * 控制台提示信息
+ */
+function consoleTips(selectedThemeId, appId) {
+  console.log(`\n======================================PREVIEW URLS======================================`);
+  console.log(chalk.cyan.bold('🔗 Admin Preview URL:'));
+  console.log(
+    chalk.blueBright(`  https://${STORE_DOMAIN}/admin/card?theme_id=${selectedThemeId}&ext_debug=${appId}\n`)
+  );
+  console.log(chalk.cyan.bold('🔗 Storefront Preview URL:'));
+  console.log(chalk.blueBright(`  https://${STORE_DOMAIN}?preview_theme_id=${selectedThemeId}&ext_debug[]=${appId}\n`));
+  console.log(`=====================================WATCHER RUNNING=====================================`);
+  console.log(chalk.green(`🎉 File watcher is now running!`));
+  console.log(chalk.green(`📂 Watching directory:`), chalk.blue(THEME_APP_PATH));
+  console.log(chalk.green(`✨ You can make changes to your files, and they will be processed automatically.`));
+  console.log(chalk.green(`🚀 Press Ctrl+C to stop.\n`));
+}
+
+/**
+ * 同步本地代码到远程服务器
+ */
+async function syncLocalFiles(appId) {
+  const { zipPath, zipName } = await compress(THEME_APP_PATH);
+  const { uploadOss } = useOss(
+    EXCHANGE_TOKEN,
+    STORE_DOMAIN,
+    `✗ No store found. Please run ${chalk.cyan('shoplazza login')} to login to a specific store.`
+  );
+  const zipOssUrl = await uploadOss(zipPath, zipName);
+  const res = await toUploadThemeApp({
+    extension_id: appId,
+    resource_url: zipOssUrl
+  });
+  const taskId = res.data?.task_id;
+  // 轮询查看任务是否完成
+  while (true) {
+    const res = await getTaskStatus({ taskId });
+    if (res.data?.task?.state === 1) {
+      console.log(chalk.green(`[SUCCESS] Theme app pushed successfully.`));
+      break;
+    } else if (res.data?.task?.state === 2) {
+      console.error(chalk.red(`[ERROR] Theme app push failed: ${res.data?.task?.error_message}`));
+      break;
+    } else {
+      console.log(chalk.yellow(`[WAITING] Theme app push in progress...`));
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+    }
+  }
+}
+
+/**
+ * 交互选择预览主题
+ */
+async function usePrompt() {
+  const res = await getThemeList();
+  const themeList = res.data?.data?.themes || [];
+  const { selectedThemeId } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'selectedThemeId',
+      message: 'Please select a theme to preview:',
+      choices: themeList.map((theme) => ({
+        name: theme.name,
+        value: theme.id
+      }))
+    }
+  ]);
+  return selectedThemeId;
+}
+
+/**
+ * 创建主题插件
+ */
+async function createThemeApp(appName) {
+  const res = await toCreateThemeApp({
+    title: appName
+  });
+  const appId = res.data?.extension_id;
+  // QQQ1
+  await setThemeAppConfig({ appId });
+  return appId;
+}
+
+async function serve() {
+  try {
+    let { appId, appName } = await getThemeAppConfig();
+    // if (!appId) {
+    //   appId = createThemeApp(appName);
+    // }
+    // await syncLocalFiles(appId);
+    const selectedThemeId = await usePrompt();
+    initWatcher(THEME_APP_PATH);
+    consoleTips(selectedThemeId, appId);
+  } catch (error) {
+    console.error(chalk.red(`[ERROR IN SERVE] ${error.message}`));
+  }
+}
+
+module.exports = { serve };

package/lib/app/commands/versions.js

@@ -0,0 +1,44 @@
+const chalk = require('chalk');
+const ora = require('ora');
+const { getThemeAppConfig, renderTable } = require('../utils');
+const { getThemeAppVersionList } = require('../api/api');
+
+/**
+ * 控制台提示
+ */
+function consoleTips(versionList) {
+  console.log(chalk.green('\n📜 Available Versions:'));
+  console.log(
+    renderTable(versionList, [
+      {
+        label: 'Version',
+        filed: 'version',
+        color: 'yellowBright'
+      },
+      {
+        label: 'Date',
+        filed: 'date',
+        color: 'blackBright'
+      },
+      {
+        label: 'Description',
+        filed: 'description',
+        color: 'whiteBright'
+      }
+    ])
+  );
+}
+
+async function versions() {
+  try {
+    const { appId } = await getThemeAppConfig();
+    const versionList = await getThemeAppVersionList({ appId });
+    consoleTips(versionList);
+  } catch (error) {
+    console.error(chalk.red(`[ERROR IN VERSIONS] ${error.message}`));
+  }
+}
+
+module.exports = {
+  versions
+};

package/lib/app/index.js

@@ -1,37 +1,25 @@
-const { checkAndLogin } = require('./login');
-const { build } = require('./commands/build');
-const { deploy } = require('./commands/deploy');
-const { generate } = require('./commands/generate');
-const { publish } = require('./commands/publish');
-const { choosePartner } = require('./inquirers/choose-partner');
-const { chooseApp } = require('./inquirers/choose-app');
+function initThemeAppCommand(_program) {
+  const program = _program.command('app').description('Shoplazza app CLI');
 
-const generateExtension = async () => {
-  (await checkAndLogin()) && (await generate());
-};
+  program.command('create').description('Create a new theme app').action(require('./commands/create').create);
 
-const deployExtension = async () => {
-  (await checkAndLogin()) && (await deploy());
-};
+  program
+    .command('serve')
+    .description('Start a local development server for the theme app')
+    .action(require('./commands/serve').serve);
 
-const publishExtension = async () => {
-  (await checkAndLogin()) && (await publish());
-};
+  program.command('build').description('Build the theme app for production').action(require('./commands/build').build);
 
-const retry = async (options) => {
-  if (options.partner) {
-    (await checkAndLogin()) && (await choosePartner()) && (await chooseApp());
-  }
+  program
+    .command('versions')
+    .description('List all versions of the theme app')
+    .action(require('./commands/versions').versions);
 
-  if (options.app) {
-    (await checkAndLogin()) && (await chooseApp());
-  }
-};
+  program.command('deploy').description('Deploy the theme app').action(require('./commands/deploy').deploy);
+
+  program.command('list').description('List all theme apps').action(require('./commands/list').list);
+}
 
 module.exports = {
-  generateExtension,
-  deployExtension,
-  publishExtension,
-  buildExtension: build,
-  retry
+  initThemeAppCommand
 };

package/lib/app/template/basic-app/.ci/k8s.yaml

@@ -0,0 +1,4 @@
+deployJob:
+  name: {{projectName}}-deployjob
+alarmHandler:
+  group: none

package/lib/app/template/basic-app/README.md

@@ -0,0 +1,84 @@
+# Theme Basic App
+
+## 概览
+
+一个基础的主题插件项目
+
+## 安装
+
+首先，确保您安装了“Shoplazza CLI”。如果没有，您可以使用以下命令全局安装它：
+
+```bash
+npm install -g shoplazza-cli
+```
+
+## 可用的脚本
+
+### `create`
+
+创建主题插件项目模版
+
+```bash
+shoplazza app create
+```
+
+---
+
+进入项目目录后，即可使用以下命令：
+
+### `start`
+
+启动开发模式
+
+```bash
+npm start
+```
+
+或者
+
+```bash
+shoplazza app serve
+```
+
+### `build`
+
+基于当前的草稿生成对应正式版本的主题插件
+
+```bash
+npm run build
+```
+
+或者
+
+```bash
+shoplazza app build
+```
+
+### `deploy`
+
+部署正式版本的主题插件（部署后插件在店铺的主题编辑器的app列表中可见）
+
+```bash
+npm run deploy
+```
+
+或者
+
+```bash
+shoplazza app deploy
+```
+
+### `versions`
+
+查询主题插件的历史正式版本列表
+
+```bash
+npm run versions
+```
+
+或者
+
+```bash
+shoplazza app versions
+```
+

package/lib/app/template/basic-app/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "{{projectName}}",
+  "version": "1.0.0",
+  "description": "theme basic app",
+  "main": "null",
+  "scripts": {
+    "start": "shoplazza app serve",
+    "build": "shoplazza app build",
+    "deploy": "shoplazza app deploy",
+    "versions": "shoplazza app versions"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC"
+}

package/lib/app/template/basic-app/theme-app/assets/index.css

@@ -0,0 +1,4 @@
+/* css code */
+.container {
+  color: red;
+}

package/lib/app/template/basic-app/theme-app/blocks/index.liquid

@@ -0,0 +1,14 @@
+<div id="{{projectName}}" class="container">
+  <p>Hello world</p>
+</div>
+{% include "{{projectName}}_snippet" %}
+
+{% schema %} 
+{
+  "name": {
+    "en-US": "default name",
+    "zh-CN": "默认名称"
+  },
+  "settings": []
+}
+{% endschema %}

package/lib/app/template/basic-app/theme-app/snippets/index.liquid

@@ -0,0 +1,8 @@
+<div>
+    Shoplazza theme APP
+</div>
+
+
+
+
+

package/lib/app/template/basic-app/theme-app.config.json

@@ -0,0 +1,4 @@
+{
+  "appId": "",
+  "appName": "{{projectName}}"
+}

package/lib/app/template/embed-app/.ci/k8s.yaml

@@ -0,0 +1,4 @@
+deployJob:
+  name: {{projectName}}-deployjob
+alarmHandler:
+  group: none