shoplazza-cli 1.0.13 → 1.1.1

package/lib/app/commands/init/actions/init.js

@@ -0,0 +1,176 @@
+const fs = require('fs');
+const path = require('path');
+const chalk = require('chalk');
+const inquirer = require('inquirer');
+const simpleGit = require('simple-git');
+
+const { getAppListRequest, createAppRequest, getTemplateGitRequest, getAppConfigRequest } = require('../../../api/cli');
+
+const { checkGit } = require('../../../utils/git');
+const { slugify } = require('../../../utils/path');
+const { modifyTomlFile } = require('../../../utils/toml');
+const { modifyJsonFile } = require('../../../utils/json');
+const { selectOne } = require('../../../utils/views/select');
+const { withErrorHandling } = require('../../../utils/error');
+const { withTempDir } = require('../../../utils/withTempDir');
+const { successMessageRender } = require('../../../utils/views/message');
+const { getPartner, promptCreateOrConnect } = require('../../../services/partner');
+const { ssoStore, configStore } = require('../../../store');
+
+// 校验项目地址
+async function checkProjectDir(projectDir) {
+  // 检查目录是否已存在
+  if (fs.existsSync(projectDir)) {
+    throw new Error(
+      `A directory with this name (${path.basename(projectDir)}) already exists.\nChoose a new name for your app.`
+    );
+  }
+}
+
+// 初始化项目
+async function initProject(projectDir, app) {
+  // 检查 git 是否安装
+  checkGit();
+
+  await withTempDir(async (tempDir) => {
+    // 获取模板 git
+    const { https } = await getTemplateGitRequest('app');
+
+    // 克隆项目到本地
+    await simpleGit().clone(https, tempDir);
+
+    // 删除 .git 文件夹
+    fs.rmSync(path.resolve(tempDir, '.git'), { recursive: true, force: true });
+
+    // 修改 package.json
+    await modifyJsonFile(path.join(tempDir, 'package.json'), (packageJsonObj) => ({
+      ...packageJsonObj,
+      name: app.name
+    }));
+
+    // 修改 shoplazza.app.toml
+    await modifyTomlFile(path.resolve(tempDir, 'shoplazza.app.toml'), (config) => {
+      config.client_id = app.client_id;
+      return config;
+    });
+
+    // 复制项目到本地
+    fs.cpSync(tempDir, projectDir, { recursive: true });
+  });
+}
+
+// 成功提示
+function successTips(projectDir) {
+  const appName = path.basename(projectDir);
+  successMessageRender(`${chalk.hex('#73cedd')(appName)} is ready for you to build!
+
+Next steps:
+  • Run ${chalk.hex('#d079f8')(`\`cd ${appName}\``)}
+  • For extensions, run ${chalk.hex('#d079f8')('`shoplazza app generate extension`')}
+  • To see your app, run ${chalk.hex('#d079f8')('`shoplazza app deploy`')}
+
+Reference
+ • Shoplazza docs [1]
+ • For an overview of commands, run ${chalk.hex('#d079f8')('`shoplazza app --help`')}`);
+  console.log(`[1] https://shoplazza.dev`);
+}
+
+async function initAction(options) {
+  const { path: argPath = '.', clientId: argClientId, name: argName } = options;
+
+  // 选取 partner
+  const partner = await getPartner(argClientId);
+
+  // 获取 appList
+  const appListRes = await getAppListRequest(partner.id);
+
+  // 判断 创建 还是 链接
+  const isCreate = argClientId ? false : await promptCreateOrConnect(appListRes);
+
+  if (isCreate) {
+    // 创建
+    const appName = await inquirer
+      .prompt({
+        type: 'input',
+        name: 'app_name',
+        message: 'App name:',
+        default: argName,
+        validate: (value) => {
+          return value.trim() !== '' ? true : "App name can't be empty";
+        }
+      })
+      .then((r) => r.app_name);
+
+    // 规范化 appName
+    const normalizedAppName = slugify(appName);
+
+    // 项目目录
+    const projectDir = path.resolve(process.cwd(), argPath, normalizedAppName);
+
+    // 校验项目地址
+    await checkProjectDir(projectDir);
+
+    // 创建 app
+    const { app } = await createAppRequest(partner.id, {
+      app_name: normalizedAppName
+    });
+
+    // 初始化项目
+    await initProject(projectDir, app);
+
+    // 缓存 app 相关信息
+    configStore.setProjectConfig(projectDir, {
+      clientId: app.client_id,
+      directory: projectDir,
+      configFile: 'shoplazza.app.toml'
+    });
+
+    // 成功提示
+    successTips(projectDir);
+  } else {
+    // 链接
+    const appListRes = await getAppListRequest(partner.id);
+
+    if (appListRes.total === 0) {
+      throw new Error("You haven't any apps yet, please create one first!");
+    }
+
+    // 选取 app
+    const appClientId =
+      argClientId ||
+      (await selectOne(appListRes.apps, {
+        message: 'Which app is this work for?',
+        autoPickSingle: false,
+        formatChoice: (a) => ({ name: a.name, value: a.client_id })
+      }));
+
+    // 获取 app 配置
+    const { app } = await getAppConfigRequest(partner.id, appClientId);
+
+    // 规范化 appName
+    const normalizedAppName = slugify(app.name);
+
+    // 项目目录
+    const projectDir = path.resolve(process.cwd(), argPath, normalizedAppName);
+
+    // 校验项目地址
+    await checkProjectDir(projectDir);
+
+    // 初始化项目
+    await initProject(projectDir, app);
+
+    // 缓存 app 相关信息
+    configStore.setProjectConfig(projectDir, {
+      clientId: app.client_id,
+      directory: projectDir,
+      configFile: 'shoplazza.app.toml'
+    });
+
+    // 成功提示
+    successTips(projectDir);
+  }
+}
+
+module.exports = {
+  initAction: withErrorHandling(initAction)
+};

package/lib/app/commands/init/index.js

@@ -0,0 +1,14 @@
+const { Command } = require('commander');
+const { initAction } = require('./actions/init');
+const initCommand = new Command('init');
+
+initCommand
+  .option('--path <path>', 'The path to your app directory')
+  .option('--client-id <client-id>', 'The client id of your app')
+  .option('--name <name>', 'The name of your app');
+
+initCommand.action(initAction);
+
+module.exports = {
+  initCommand
+};

package/lib/app/commands/versions/actions/list.js

@@ -0,0 +1,210 @@
+const { withErrorHandling } = require('../../../utils/error');
+const { getAppCompleteInfo } = require('../../../services/config');
+const { getAppVersionsRequest } = require('../../../api/cli');
+const { infoMessageRender } = require('../../../utils/views/message');
+const inquirer = require('inquirer');
+const chalk = require('chalk');
+
+// 默认分页大小
+const DEFAULT_PAGE_SIZE = 10;
+
+
+// 格式化版本列表
+function formatVersionList(versions, currentPage, totalPages, hasMore, pageSize) {
+  if (!versions || versions.length === 0) {
+    return chalk.yellow('No versions found');
+  }
+
+  let output = `${chalk.bold('📦 App Versions')}\n\n`;
+  
+  // 版本列表
+  versions.forEach((version, index) => {
+    const number = (currentPage - 1) * pageSize + index + 1;
+    output += `${chalk.gray(`${number.toString().padStart(3, ' ')}. `)}`;
+    output += `${chalk.cyan('v' + version.version)} `;
+    output += `${chalk.gray('(ID: ' + version.id + ')')}\n`;
+  });
+
+  // 分页信息
+  output += '\n';
+  output += `${chalk.bold('Page:')} ${currentPage}`;
+  if (totalPages > 0) {
+    output += ` / ${totalPages}`;
+  }
+  output += ` | ${chalk.bold('Showing:')} ${versions.length} items`;
+  if (hasMore) {
+    output += ` | ${chalk.yellow('More versions available...')}`;
+  }
+
+  return output;
+}
+
+// 非交互模式：只显示第一页
+async function displayNonInteractive(app, partner, pageSize) {
+  try {
+    const { versions, has_more } = await getAppVersionsRequest({
+      partner_id: partner.id,
+      app_client_id: app.client_id,
+      offset: 0,
+      limit: pageSize
+    });
+
+    const formattedList = formatVersionList(versions, 1, has_more ? '?' : 1, has_more, pageSize);
+    infoMessageRender(formattedList);
+
+    if (has_more) {
+      console.log(chalk.yellow('\n💡 Tip: Use interactive mode to browse more versions by removing the --no-interactive flag'));
+    }
+  } catch (error) {
+    console.error(chalk.red('❌ Failed to fetch versions:'), error.message);
+    throw error;
+  }
+}
+
+// Get user action choice
+async function getPaginationChoice(currentPage, hasMore, hasPrev) {
+  const choices = [];
+  
+  if (hasMore) {
+    choices.push({
+      name: `📄 Next page (page ${currentPage + 1})`,
+      value: 'next'
+    });
+  }
+  
+  if (hasPrev) {
+    choices.push({
+      name: `📄 Previous page (page ${currentPage - 1})`,
+      value: 'prev'
+    });
+  }
+  
+  choices.push({
+    name: '🔄 Refresh current page',
+    value: 'refresh'
+  });
+  
+  choices.push({
+    name: '🚪 Exit',
+    value: 'exit'
+  });
+
+  const { action } = await inquirer.prompt({
+    type: 'list',
+    name: 'action',
+    message: 'Choose an action:',
+    choices
+  });
+
+  return action;
+}
+
+// 分页处理逻辑
+async function handlePagination(app, partner, pageSize) {
+  let currentPage = 1;
+  let totalPages = 0;
+
+  while (true) {
+    const offset = (currentPage - 1) * pageSize;
+    
+    try {
+      const { versions, has_more } = await getAppVersionsRequest({
+        partner_id: partner.id,
+        app_client_id: app.client_id,
+        offset,
+        limit: pageSize
+      });
+
+      // 估算总页数（如果有更多数据）
+      if (has_more) {
+        totalPages = Math.max(totalPages, currentPage + 1);
+      } else {
+        totalPages = currentPage;
+      }
+
+      // 清屏并显示版本列表
+      console.clear();
+      const formattedList = formatVersionList(versions, currentPage, totalPages, has_more, pageSize);
+      infoMessageRender(formattedList);
+
+      // 如果没有版本记录且是第一页，直接退出
+      if (!versions || versions.length === 0) {
+        if (currentPage === 1) {
+          break;
+        } else {
+          // 回到前一页
+          currentPage = Math.max(1, currentPage - 1);
+          continue;
+        }
+      }
+
+      // 获取用户选择
+      const action = await getPaginationChoice(
+        currentPage, 
+        has_more, 
+        currentPage > 1
+      );
+
+      switch (action) {
+        case 'next':
+          if (has_more) {
+            currentPage++;
+          }
+          break;
+        case 'prev':
+          if (currentPage > 1) {
+            currentPage--;
+          }
+          break;
+        case 'refresh':
+          // 重新加载当前页
+          break;
+        case 'exit':
+          console.log(chalk.green('👋 Goodbye!'));
+          return;
+        default:
+          break;
+      }
+    } catch (error) {
+      console.error(chalk.red('❌ Failed to fetch versions:'), error.message);
+      
+      // 询问是否重试
+      const { retry } = await inquirer.prompt({
+        type: 'confirm',
+        name: 'retry',
+        message: 'Retry?',
+        default: true
+      });
+      
+      if (!retry) {
+        break;
+      }
+    }
+  }
+}
+
+async function listAction(options) {
+  // 解析命令行选项
+  const pageSize = parseInt(options.pageSize) || DEFAULT_PAGE_SIZE;
+  const isInteractive = options.interactive !== false; // 默认是交互模式
+  
+  // 验证 pageSize
+  if (pageSize < 1 || pageSize > 100) {
+    console.error(chalk.red('❌ Page size must be between 1 and 100'));
+    process.exit(1);
+  }
+  
+  const { app, partner, user } = await getAppCompleteInfo();
+  
+  if (isInteractive) {
+    // 交互式分页模式
+    await handlePagination(app, partner, pageSize);
+  } else {
+    // 非交互模式：只显示第一页
+    await displayNonInteractive(app, partner, pageSize);
+  }
+}
+
+module.exports = {
+  listAction: withErrorHandling(listAction)
+};

package/lib/app/commands/versions/index.js

@@ -0,0 +1,22 @@
+const chalk = require('chalk');
+const { Command } = require('commander');
+const { listCommand } = require('./list');
+
+const versionsCommand = new Command('versions');
+
+versionsCommand.addCommand(listCommand);
+
+versionsCommand.helpInformation = function () {
+  return `List deployed versions of your app.
+
+${chalk.bold('USAGE')}
+  $ shoplazza app versions COMMAND
+
+${chalk.bold('COMMANDS')}
+  app versions list  List deployed versions of your app.
+`;
+};
+
+module.exports = {
+  versionsCommand
+};

package/lib/app/commands/versions/list.js

@@ -0,0 +1,14 @@
+const { Command } = require('commander');
+const { listAction } = require('./actions/list');
+
+const listCommand = new Command('list');
+
+listCommand.option('--path <path>', 'The path to your app directory');
+listCommand.option('--page-size <size>', 'Number of versions per page (default: 10)', '10');
+listCommand.option('--no-interactive', 'Disable interactive pagination');
+
+listCommand.action(listAction);
+
+module.exports = {
+  listCommand
+};

package/lib/app/constant/code.js

@@ -0,0 +1,7 @@
+const CODES = {
+  SUCCESS: 'Success' // 成功
+};
+
+module.exports = {
+  CODES
+};

package/lib/app/constant/color.js

@@ -0,0 +1,18 @@
+// 颜色常量
+const COLORS = {
+  ERROR: '#df5953',
+  SUCCESS: '#97c070',
+  WHITE: '#acb2be',
+  GRAY: '#686c76',
+  RED: '#df5953',
+  GREEN: '#97c070',
+  YELLOW: '#f0ad4e',
+
+  // 色彩主题
+  PRIMARY: '#63b1c0', // 主色
+  CODE: '#d079f8', // 行内代码
+};
+
+module.exports = {
+  COLORS
+};

package/lib/app/constant/extension.js

@@ -0,0 +1,16 @@
+const EXTENSION_TYPES = {
+  THEME: 'theme',
+  CHECKOUT: 'checkout',
+  FUNCTION: 'function'
+};
+
+
+const THEME_EXTENSION_TYPES = {
+  BASIC: 'basic',
+  EMBED: 'embed'
+};
+
+module.exports = {
+  EXTENSION_TYPES,
+  THEME_EXTENSION_TYPES
+};

package/lib/app/constant/host.js

@@ -0,0 +1,23 @@
+exports.CLI_HOST = {
+  PROD: 'https://partners.shoplazza.com',
+  DEV: 'https://partners.dev.shoplazza.com',
+  STG: 'https://partners.stg.shoplazza.com'
+};
+
+exports.SSO_HOST = {
+  PROD: 'https://sso.shoplazza.com',
+  DEV: 'https://sso.dev.shoplazza.com',
+  STG: 'https://sso.stg.shoplazza.com'
+};
+
+exports.ACCOUNT_HOST = {
+  PROD: 'https://myaccount.shoplazza.com',
+  DEV: 'https://myaccount.dev.shoplazza.com',
+  STG: 'https://myaccount.stg.shoplazza.com'
+};
+
+exports.SSO_CLIENT_ID = {
+  DEV: 'b630b285-e098-4c51-a7a4-d0240c9fc209',
+  STG: 'b630b285-e098-4c51-a7a4-d0240c9fc209',
+  PROD: '807525c9-dd77-4f4e-a738-d1e9d02c593d'
+};

package/lib/app/constant/sso.js

@@ -0,0 +1,7 @@
+const REDIRECT_URI = 'http://127.0.0.1:3456';
+const GRANT_TYPE = 'authorization_code';
+
+module.exports = {
+  REDIRECT_URI,
+  GRANT_TYPE
+};

package/lib/app/index.js

@@ -1,29 +1,8 @@
-function initThemeAppCommand(_program) {
-  const program = _program.command('te').alias('theme_extension').description('Shoplazza theme extension CLI');
-
-  program.command('create').description('Create a new theme extension').action(require('./commands/create').create);
-
-  program
-    .command('serve')
-    .description('Start a local development server for the theme extension')
-    .action(require('./commands/serve').serve);
-
-  program.command('build').description('Build the theme extension for production').action(require('./commands/build').build);
-
-  program
-    .command('versions')
-    .description('List all versions of the theme extension')
-    .action(require('./commands/versions').versions);
-
-  program.command('deploy').description('Deploy the theme extension').action(require('./commands/deploy').deploy);
-
-  program.command('list').description('List all theme extensions').action(require('./commands/list').list);
-
-  program.command('connect').description('Establish a connection between the theme extension and the shoplazza app').action(require('./commands/connect').connect);
-
-  program.command('release').description('Release a theme extension version to be applied in the shoplazza app').action(require('./commands/release').release);
+const { appCommand } = require('./commands');
+function makeAppCommand(_program) {
+  _program.addCommand(appCommand);
 }
 
 module.exports = {
-  initThemeAppCommand
+  makeAppCommand
 };

package/lib/app/services/auth/config.js

@@ -0,0 +1,33 @@
+const { ACCOUNT_HOST, SSO_HOST, SSO_CLIENT_ID, CLI_HOST } = require('../../constant/host');
+const { isDevDebug, isStgDebug } = require('../../utils/debug');
+
+function getSSOHost() {
+  if (isDevDebug()) return SSO_HOST.DEV;
+  if (isStgDebug()) return SSO_HOST.STG;
+  return SSO_HOST.PROD;
+}
+
+function getAccountHost() {
+  if (isDevDebug()) return ACCOUNT_HOST.DEV;
+  if (isStgDebug()) return ACCOUNT_HOST.STG;
+  return ACCOUNT_HOST.PROD;
+}
+
+function getPartnerHost() {
+  if (isDevDebug()) return CLI_HOST.DEV;
+  if (isStgDebug()) return CLI_HOST.STG;
+  return CLI_HOST.PROD;
+}
+
+function getSSOClientId() {
+  if (isDevDebug()) return SSO_CLIENT_ID.DEV;
+  if (isStgDebug()) return SSO_CLIENT_ID.STG;
+  return SSO_CLIENT_ID.PROD;
+}
+
+module.exports = {
+  getSSOHost,
+  getAccountHost,
+  getSSOClientId,
+  getPartnerHost
+};

package/lib/app/services/auth/index.js

@@ -0,0 +1,9 @@
+const { getSSOAccessToken } = require('./sso-token');
+const { getPartnerAccessToken } = require('./partner-token');
+const { getStoreAccessToken } = require('./store-token');
+
+module.exports = {
+  getSSOAccessToken,
+  getPartnerAccessToken,
+  getStoreAccessToken
+};

package/lib/app/services/auth/oauth-server.js

@@ -0,0 +1,70 @@
+const { createServer } = require('http');
+const chalk = require('chalk');
+const open = require('open');
+
+function startOAuthServer(options = {}) {
+  const {
+    port = 3456,
+    timeout = 2 * 60 * 1000,
+    onGetUrl // 获取认证URL的回调
+  } = options;
+
+  return new Promise((resolve, reject) => {
+    let timeoutHandle = null;
+
+    const server = createServer((req, res) => {
+      const reqUrl = new URL(req.url, `http://localhost:${port}`);
+      const query = Object.fromEntries(reqUrl.searchParams);
+
+      // 发送成功页面
+      res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
+      res.end(`
+        <!DOCTYPE html>
+        <html>
+          <head><title>Authentication successful</title></head>
+          <body>
+            <h1 style="color: green;">Authentication successful! You can close this page.</h1>
+          </body>
+        </html>
+      `);
+
+      if (query.code) {
+        clearTimeout(timeoutHandle);
+        resolve(query.code);
+        console.log(`${chalk.green('✔')} Login successful`);
+        server.close();
+      }
+    });
+
+    server.listen(port, () => {
+      console.log('👉 Press any key to open the login page on your browser');
+
+      // 设置键盘监听
+      process.stdin.setRawMode(true);
+      process.stdin.resume();
+      process.stdin.once('data', async () => {
+        process.stdin.setRawMode(false);
+        process.stdin.pause();
+
+        // 获取并打开认证URL
+        if (onGetUrl) {
+          const authUrl = onGetUrl();
+          console.log('Opened link to start the auth process:', chalk.underline.green(authUrl), '\n');
+          await open(authUrl);
+        }
+      });
+    });
+
+    server.on('error', (err) => {
+      reject(new Error(`SSO Server startup failed: ${err.message}`));
+    });
+
+    // 设置超时
+    timeoutHandle = setTimeout(() => {
+      reject(new Error('SSO Server Timeout: No response within 2 minutes'));
+      server.close();
+    }, timeout);
+  });
+}
+
+module.exports = { startOAuthServer };