shoplazza-cli 1.0.13 → 1.1.2

package/lib/app/utils/request/cli.js

@@ -0,0 +1,72 @@
+const axios = require('axios');
+const { getSSOAccessToken } = require('../../services/auth');
+const { CODES } = require('../../constant/code');
+const curlirize = require('axios-curlirize');
+const { ssoStore } = require('../../store');
+const chalk = require('chalk');
+const { getPartnerHost } = require('../../services/auth/config');
+const { responseDebug } = require('./debug');
+
+const cliClient = axios.create({
+  baseURL: `${getPartnerHost()}`,
+  headers: {
+    'Content-Type': 'application/json'
+  }
+});
+
+curlirize(cliClient, () => {});
+
+cliClient.interceptors.request.use(
+  async (config) => {
+    const { access_token } = await getSSOAccessToken();
+    config.headers['Cookie'] = `awesomev2=${access_token}`;
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+cliClient.interceptors.response.use(
+  (response) => {
+    if (typeof response.data === 'string') {
+      if (process.env.DEBUG) {
+        responseDebug(response);
+      }
+      // 响应结构体不正确
+      throw new Error(`${response.config.url} response data is not a valid JSON`);
+    }
+
+    if (response.data.code === CODES.SUCCESS) {
+      return response.data.data;
+    }
+
+    throw new Error(`[${response.config.url}] [${response.status}] ${response?.data?.message}`);
+  },
+  async (error) => {
+    if (!error.response) return Promise.reject(error);
+
+    if (process.env.DEBUG) {
+      responseDebug(error.response);
+    }
+
+    // 自定义重试标记，防止无限循环
+    error.config.__isRetry = error.config.__isRetry || false;
+
+    // 如果 403 且还没重试过
+    if (error.response?.status === 403 && !error.config.__isRetry) {
+      error.config.__isRetry = true; // 标记为已经重试
+      ssoStore.clearSSO();
+      // 重新发送请求
+      return cliClient(error.config);
+    }
+
+    throw new Error(
+      `[${error.response.config?.url}] [${error.response.status}] ${error.response?.data?.message || error.message}`
+    );
+  }
+);
+
+module.exports = {
+  cliClient
+};

package/lib/app/utils/request/debug.js

@@ -0,0 +1,13 @@
+/**
+ * 打印 response 的 debug 信息
+ * @param {import('axios').AxiosResponse} response
+ */
+function responseDebug(response) {
+  console.log(`=============== DEBUG ${response.config.url} ===============`);
+  console.error(response);
+  console.log(`=============== DEBUG ${response.config.url} ===============`);
+}
+
+module.exports = {
+  responseDebug
+};

package/lib/app/utils/request/openapi.js

@@ -0,0 +1,67 @@
+const axios = require('axios');
+const { getStoreAccessToken } = require('../../services/auth');
+const curlirize = require('axios-curlirize');
+const { responseDebug } = require('./debug');
+
+// 缓存不同 app_id 的 axios 实例
+const clientCache = new Map();
+
+/**
+ * 获取或创建指定 app_client_id 的 openapi client
+ * @param {string} app_client_id
+ * @returns {import('axios').AxiosInstance}
+ */
+async function getOpenapiClient(app_client_id, partner_id) {
+  if (clientCache.has(app_client_id)) {
+    return clientCache.get(app_client_id);
+  }
+
+  const { store_domain, access_token } = await getStoreAccessToken(app_client_id, partner_id);
+
+  if (!store_domain || !access_token) {
+    throw new Error(`storeDomain or accessToken missing for app_client_id: ${app_client_id}`);
+  }
+
+  const client = axios.create({
+    baseURL: `https://${store_domain}`,
+    headers: { 'Access-Token': access_token },
+    'Content-Type': 'application/json'
+  });
+
+  client.interceptors.request.use((config) => {
+    return config;
+  });
+
+  client.interceptors.response.use(
+    (response) => {
+      if (typeof response.data === 'string') {
+        if (process.env.DEBUG) {
+          responseDebug(response);
+        }
+        throw new Error(`${response.config.url} response data is not a valid JSON`);
+      }
+
+      return response.data;
+    },
+    (error) => {
+      if (!error.response) return Promise.reject(error);
+
+      if (process.env.DEBUG) {
+        responseDebug(error.response);
+      }
+
+      throw new Error(
+        `[${error.response.config?.url}] [${error.response.status}] ${error.response?.data?.message || error.message}`
+      );
+    }
+  );
+
+  curlirize(client, () => {});
+
+  // 缓存下来，避免重复创建
+  clientCache.set(app_client_id, client);
+
+  return client;
+}
+
+module.exports = { getOpenapiClient };

package/lib/app/utils/request/partnerOpenapi.js

@@ -0,0 +1,47 @@
+const axios = require('axios');
+const curlirize = require('axios-curlirize');
+const { getPartnerHost } = require('../../services/auth/config');
+const { responseDebug } = require('./debug');
+
+const partnerOpenapiClient = axios.create({
+  baseURL: `${getPartnerHost()}`,
+  headers: {
+    'Content-Type': 'application/json'
+  }
+});
+
+curlirize(partnerOpenapiClient, () => {});
+
+partnerOpenapiClient.interceptors.request.use(async (config) => {
+  // const { store_id } = await getStoreAccessToken(config.headers['app-client-id']);
+  // config.headers['store-id'] = store_id;
+  return config;
+});
+
+partnerOpenapiClient.interceptors.response.use(
+  (response) => {
+    if (typeof response.data === 'string') {
+      if (process.env.DEBUG) {
+        responseDebug(response);
+      }
+      throw new Error(`${response.config.url} response data is not a valid JSON`);
+    }
+
+    return response.data;
+  },
+  (error) => {
+    if (!error.response) return Promise.reject(error);
+
+    if (process.env.DEBUG) {
+      responseDebug(error.response);
+    }
+
+    throw new Error(
+      `[${error.response.config?.url}] [${error.response.status}] ${error.response?.data?.message || error.message}`
+    );
+  }
+);
+
+module.exports = {
+  partnerOpenapiClient
+};

package/lib/app/utils/toml.js

@@ -0,0 +1,56 @@
+const TOML = require('@iarna/toml');
+const fs = require('fs');
+const glob = require('glob');
+
+/**
+ * 解析TOML文件
+ * @param {string} filePath - 文件路径
+ * @returns {Object} - 解析后的对象
+ */
+function parseTomlFile(filePath) {
+  const content = fs.readFileSync(filePath, 'utf-8');
+  return TOML.parse(content);
+}
+
+/**
+ * 修改TOML配置文件
+ * @param {string} filePath - 文件路径
+ * @param {function(Object):Object} callback - 修改函数
+ */
+async function modifyTomlFile(filePath, callback) {
+  const config = parseTomlFile(filePath);
+  const result = await callback(config);
+  fs.writeFileSync(filePath, TOML.stringify(result), 'utf-8');
+}
+
+/**
+ * 创建新的TOML配置文件
+ * @param {string} filePath - 文件路径
+ * @param {function(Object):Object} callback - 修改函数
+ */
+async function createTomlConfig(filePath, callback) {
+  // 默认配置
+  const defaults = {
+    client_id: '',
+    scopes: 'read_customer write_cart_transform',
+  };
+  const result = await callback(defaults);
+  fs.writeFileSync(filePath, TOML.stringify(result), 'utf-8');
+}
+
+/**
+ * 获取所有TOML配置文件
+ * @param {string} [baseDir=process.cwd()] - 基础目录
+ * @returns {string[]} - 配置文件列表
+ */
+function getTomlConfigFiles(baseDir = process.cwd()) {
+  return glob.sync('shoplazza.app*.toml', { cwd: baseDir });
+}
+
+
+module.exports = {
+  parseTomlFile,
+  modifyTomlFile,
+  createTomlConfig,
+  getTomlConfigFiles
+};

package/lib/app/utils/views/message.js

@@ -0,0 +1,68 @@
+const chalk = require('chalk');
+const boxen = require('boxen');
+const { COLORS } = require('../../constant/color');
+
+function getBoxenWidth() {
+  const width = process.stdout.columns;
+  return width > 100 ? 100 : width;
+}
+
+// 通用消息渲染函数
+function renderMessage(message, options) {
+  console.log(
+    boxen(message, {
+      width: getBoxenWidth(),
+      padding: 1,
+      borderStyle: 'round',
+      ...options
+    })
+  );
+}
+
+// 标题渲染
+function renderTitle(title) {
+  return chalk.hex(COLORS.WHITE)(title);
+}
+
+// 错误信息输出
+function errorMessageRender(message) {
+  renderMessage(message, {
+    title: renderTitle('error'),
+    titleAlignment: 'left',
+    borderColor: COLORS.RED
+  });
+}
+
+// 成功信息输出
+function successMessageRender(message) {
+  renderMessage(message, {
+    title: renderTitle('success'),
+    titleAlignment: 'left',
+    borderColor: COLORS.GREEN
+  });
+}
+
+// 提示信息输出
+function infoMessageRender(message) {
+  renderMessage(message, {
+    title: renderTitle('info'),
+    titleAlignment: 'left',
+    borderColor: COLORS.GRAY
+  });
+}
+
+// 警告信息输出
+function warningMessageRender(message) {
+  renderMessage(message, {
+    title: renderTitle('warning'),
+    titleAlignment: 'left',
+    borderColor: COLORS.YELLOW
+  });
+}
+
+module.exports = {
+  errorMessageRender,
+  successMessageRender,
+  infoMessageRender,
+  warningMessageRender,
+};

package/lib/app/utils/views/select.js

@@ -0,0 +1,36 @@
+const inquirer = require('inquirer');
+
+/**
+ * 通用：选择列表中的单项
+ * @param {Array} list - 数据源数组
+ * @param {Object} options - 配置选项
+ * @param {string} [options.message='Please select:'] - 选择项的提示
+ * @param {boolean} [options.autoPickSingle=true] - 是否只有一项时自动返回
+ * @param {Function} [options.formatChoice] - 单项到 { name, value } 的映射函数，默认返回原项
+ * @returns {Promise<any|null>}
+ */
+async function selectOne(
+  list,
+  { message = 'Please select:', autoPickSingle = true, formatChoice = (item) => item } = {}
+) {
+  if (!list || list.length === 0) {
+    return null;
+  }
+
+  if (autoPickSingle && list.length === 1) {
+    return list[0];
+  }
+
+  const { selected } = await inquirer.prompt({
+    type: 'list',
+    name: 'selected',
+    message,
+    choices: list.map(formatChoice)
+  });
+
+  return selected;
+}
+
+module.exports = {
+  selectOne
+};

package/lib/app/utils/withTempDir.js

@@ -0,0 +1,55 @@
+const { mkdtemp, rm } = require('fs/promises');
+const { join } = require('path');
+const { tmpdir } = require('os');
+
+/**
+ * 创建临时目录
+ * @param {string} [prefix='temp-'] - 临时目录前缀
+ * @returns {Promise<string>} - 临时目录路径
+ */
+async function createTempDir(prefix = 'temp-') {
+  const tempDir = await mkdtemp(join(tmpdir(), prefix));
+  return tempDir;
+}
+
+/**
+ * 删除临时目录
+ * @param {string} path - 临时目录路径
+ * @returns {Promise<void>}
+ */
+async function removeTempDir(path) {
+  try {
+    await rm(path, { recursive: true, force: true });
+  } catch (error) {
+    console.error(`Failed to remove temporary directory: ${path}`, error);
+    throw error;
+  }
+}
+
+/**
+ * 使用临时目录执行操作
+ * @param {function(string):Promise<T>} callback - 在临时目录中执行的回调函数
+ * @param {string} [prefix='temp-'] - 临时目录前缀
+ * @returns {Promise<T>} - 回调函数的返回值
+ * @template T
+ */
+async function withTempDir(callback, prefix = 'temp-') {
+  let tempDir;
+  try {
+    tempDir = await createTempDir(prefix);
+    const result = await callback(tempDir);
+    return result;
+  } catch (error) {
+    throw error;
+  } finally {
+    if (tempDir) {
+      await removeTempDir(tempDir);
+    }
+  }
+}
+
+module.exports = {
+  createTempDir,
+  removeTempDir,
+  withTempDir
+};

package/lib/checkout/api.js

@@ -33,6 +33,8 @@ request.interceptors.request.use((config) => {
   config.headers['Access-Token'] = configJson.token;
   if (!config.url.startsWith('http')) {
     config.url = path.join(configJson.store, openAipVersion, config.url);
+    // TODO 这里需要处理一下，使用 URL 对象
+    
   }
 
   if (isDebug()) {

package/lib/oss.js

@@ -45,8 +45,11 @@ function useOss(accessToken, storeDomain, storeDomainTips) {
       return response.data;
     },
     (error) => {
-      console.log(error);
-      
+      if (error.response.status === 409) {
+        // 文件已存在
+        return;
+      }
+
       console.error(
         chalk.red(
           `[RESPONSE ERROR] ${error.response.status} ${error.response.config.baseURL}${error.response.config.url}`

package/lib/theme-extension/index.js

@@ -0,0 +1,29 @@
+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);
+}
+
+module.exports = {
+  initThemeAppCommand
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shoplazza-cli",
-  "version": "1.0.13",
+  "version": "1.1.2",
   "description": "",
   "main": "bin/shoplazza",
   "engines": {
@@ -22,11 +22,14 @@
     "prettier": "2.6.2"
   },
   "dependencies": {
+    "@iarna/toml": "^2.2.5",
+    "@ngrok/ngrok": "^1.5.2",
     "@sentry/node": "^6.19.7",
     "@sentry/tracing": "^6.19.7",
     "adm-zip": "^0.5.9",
     "ali-oss": "^6.17.1",
     "axios": "^1.6.8",
+    "axios-curlirize": "^1.3.7",
     "better-sqlite3": "^11.5.0",
     "chalk": "^4.1.2",
     "chokidar": "^3.6.0",
@@ -34,9 +37,13 @@
     "clean-css": "^5.3.1",
     "colors": "^1.4.0",
     "commander": "^9.2.0",
+    "conf": "10.2.0",
     "connect": "^3.7.0",
+    "dotenv": "^17.2.1",
     "download-git-repo": "^3.0.2",
+    "ejs": "^3.1.10",
     "execa": "^5.1.1",
+    "express": "^5.1.0",
     "extension-ui": "^1.0.6",
     "fancy-log": "~1.3.3",
     "file-type": "~16.5.0",
@@ -62,6 +69,7 @@
     "process": "~0.11.10",
     "semver": "~7.3.5",
     "serve-static": "^1.15.0",
+    "simple-git": "^3.28.0",
     "spark-md5": "^3.0.2",
     "table": "^6.9.0",
     "uglify-js": "^3.17.4",
@@ -70,5 +78,8 @@
     "vite-plugin-inspect": "^0.7.25",
     "ws": "^8.17.0",
     "yargs": "^17.5.0"
+  },
+  "volta": {
+    "node": "22.17.1"
   }
 }

package/examples/checkout-extension/README.md

@@ -1,19 +0,0 @@
-# Chick Extension
-
-## Getting started
-
-
-## init git
-
-```
-cd `projectDir`
-git init
-```
-
-
-
-
-
-
-
-

package/examples/checkout-extension/extension.config.js

@@ -1,4 +0,0 @@
-module.exports = {
-  token: 'aadasd',
-  store: 'https://perry.stg.myshoplaza.com'
-};

package/examples/checkout-extension/extensions/add-shipping-desc/extension.json

@@ -1,10 +0,0 @@
-{
-  "version": "1.0",
-  "deleteTarget": [],
-  "placeholder": {},
-  "templateName": "checkout",
-  "themeName": "",
-  "extensionId": "",
-  "extensionName": "add-shipping-desc",
-  "extensionDescription": ""
-}

package/examples/checkout-extension/extensions/add-shipping-desc/src/index.js

@@ -1,7 +0,0 @@
-import { extend } from "shoplazza-extension-ui";
-
-extend({
-  extensionPoint: "Checkout::ShippingLinesTitle::RenderAfter",
-  component: `<p class="mb-4">所有物流方式均受到保护。</p>`,
-});
-

package/examples/checkout-extension/extensions/ext-1/extension.json

@@ -1,10 +0,0 @@
-{
-  "version": "1.0",
-  "deleteTarget": [],
-  "placeholder": {},
-  "templateName": "checkout",
-  "themeName": "",
-  "extensionId": "",
-  "extensionName": "ext-1",
-  "extensionDescription": ""
-}

package/examples/checkout-extension/extensions/ext-1/src/content.html

@@ -1,3 +0,0 @@
-<div>
-  <h2>hello world</h2>
-</div>

package/examples/checkout-extension/extensions/ext-1/src/index.html

@@ -1,5 +0,0 @@
-<div>
-  import './style.html'
-  import './content.html'
-  import './script.html'
-</div>

package/examples/checkout-extension/extensions/ext-1/src/index.js

@@ -1,11 +0,0 @@
-import { extend } from 'shoplazza-extension-ui';
-import index from './index.html';
-
-function App() {
-  return index;
-}
-
-extend({
-  extensionPoint: 'Checkout::Navigate::RenderBefore',
-  component: App()
-});

package/examples/checkout-extension/extensions/ext-1/src/script.html

@@ -1,3 +0,0 @@
-<ljs-script layout="logic" type="application/javascript">
- <!-- js代码 -->
-</ljs-script>

package/examples/checkout-extension/extensions/ext-1/src/style.html

@@ -1,3 +0,0 @@
-<style>
-
-</style>

package/examples/checkout-extension/extensions/product-list/extension.json

@@ -1,10 +0,0 @@
-{
-  "version": "1.0",
-  "deleteTarget": [],
-  "placeholder": {},
-  "templateName": "checkout",
-  "themeName": "",
-  "extensionId": "",
-  "extensionName": "product-list",
-  "extensionDescription": ""
-}

package/examples/checkout-extension/extensions/product-list/src/index.js

@@ -1,5 +0,0 @@
-const productList = CheckoutAPI.summary.getProductList();
-
-console.debug('productList', productList);
-
-//  do something, such as report

package/examples/checkout-extension/extensions/rewrite-navigate/extension.json

@@ -1,10 +0,0 @@
-{
-  "version": "1.0",
-  "deleteTarget": ["navigate"],
-  "placeholder": {},
-  "templateName": "checkout",
-  "themeName": "",
-  "extensionId": "",
-  "extensionName": "rewrite-navigate",
-  "extensionDescription": ""
-}