@plugin-light/cli 1.0.2 → 1.0.12

package/script/figma/variables/data-parsed/base.css

@@ -0,0 +1,40 @@
+--pm-brand-primary-10: #ffefef;
+--pm-brand-primary-20: #f4b0ad;
+--pm-brand-primary-30: #eb837e;
+--pm-brand-primary-40: #df5b54;
+--pm-brand-primary-50: #cc433c;
+--pm-brand-primary-60: #aa312b;
+--pm-brand-primary-70: #8d2c27;
+--pm-brand-primary-80: #762a26;
+--pm-brand-primary-90: #3f1210;
+--pm-brand-secondary-10: #f5ece5;
+--pm-brand-secondary-20: #dfd6c9;
+--pm-brand-secondary-30: #d4c7b6;
+--pm-brand-secondary-40: #b59c82;
+--pm-brand-secondary-50: #a68b6d;
+--pm-brand-secondary-60: #967a5c;
+--pm-brand-secondary-70: #806b54;
+--pm-brand-secondary-80: #655243;
+--pm-brand-secondary-90: #56463d;
+--pm-neutral-00: #ffffff;
+--pm-neutral-20: #c8c8c8;
+--pm-neutral-30: #a3abb4;
+--pm-neutral-40: #adadad;
+--pm-neutral-50: #9e9e9e;
+--pm-neutral-60: #888888;
+--pm-neutral-70: #7b7b7b;
+--pm-neutral-80: #676767;
+--pm-neutral-90: #545454;
+--pm-neutral-10: #ededed;
+--pm-semantic-red-20: #fee3e2;
+--pm-semantic-red-50: #f66f6c;
+--pm-semantic-red-80: #b7211e;
+--pm-semantic-yellow-20: #fffbc5;
+--pm-semantic-yellow-50: #e59c3a;
+--pm-semantic-yellow-80: #7b420c;
+--pm-semantic-green-20: #d3f4ea;
+--pm-semantic-green-50: #52bea6;
+--pm-semantic-green-80: #1f6659;
+--pm-brand-secondary-00: #fbf6f3;
+--pm-neutral-100: rgba(0, 0, 0, 0.8);
+--pm-neutral-110: #000000;

package/script/figma/variables/data-parsed/semantic.css

@@ -0,0 +1,63 @@
+--pm-border-brand: var(--pm-brand-primary-50);
+--pm-border-disable: var(--pm-neutral-80);
+--pm-border-invert: var(--pm-neutral-00);
+--pm-border-negative: var(--pm-brand-secondary-30);
+--pm-border-positive: var(--pm-semantic-yellow-50);
+--pm-border-primary: var(--pm-brand-secondary-70);
+--pm-border-secondary: var(--pm-brand-secondary-50);
+--pm-divider-dark: var(--pm-brand-secondary-20);
+--pm-divider-default: var(--pm-brand-secondary-10);
+--pm-divider-light: var(--pm-neutral-20);
+--pm-head-head-l: 72;
+--pm-head-head-m: 56;
+--pm-head-head-s: 40;
+--pm-icon-brand: var(--pm-brand-primary-50);
+--pm-icon-dark: var(--pm-neutral-110);
+--pm-icon-default: var(--pm-brand-secondary-70);
+--pm-icon-invent: var(--pm-neutral-00);
+--pm-icon-second: var(--pm-brand-secondary-50);
+--pm-round-round-circle: 999;
+--pm-round-round-lg: 16;
+--pm-round-round-md: 12;
+--pm-round-round-sm: 8;
+--pm-round-round-xs: 4;
+--pm-round-round-xxs: 0;
+--pm-shadow-2: 4;
+--pm-shadow-3: 8;
+--pm-shadow-4: 16;
+--pm-shadow1: 2;
+--pm-spacing-lg: 16;
+--pm-spacing-md: 12;
+--pm-spacing-sm: 8;
+--pm-spacing-xl: 24;
+--pm-spacing-xs: 4;
+--pm-spacing-xxl: 32;
+--pm-spacing-xxs: 2;
+--pm-spacing-xxxs: 0;
+--pm-surface-background-light: var(--pm-brand-secondary-00);
+--pm-surface-background: var(--pm-brand-secondary-10);
+--pm-surface-brand-dark: var(--pm-brand-primary-60);
+--pm-surface-brand-light-2: var(--pm-brand-primary-10);
+--pm-surface-brand: var(--pm-brand-primary-50);
+--pm-surface-dark: var(--pm-neutral-100);
+--pm-surface-default: var(--pm-neutral-00);
+--pm-surface-disable: var(--pm-neutral-50);
+--pm-surface-negative: var(--pm-brand-secondary-30);
+--pm-surface-positive-2: var(--pm-semantic-green-50);
+--pm-surface-positive2: var(--pm-semantic-yellow-20);
+--pm-surface-positive3: var(--pm-semantic-green-20);
+--pm-surface-positive: var(--pm-semantic-yellow-50);
+--pm-surface-primary: var(--pm-brand-secondary-70);
+--pm-surface-rank1: #e4c352;
+--pm-surface-rank2: #b5b9c7;
+--pm-surface-rank3: #c2967d;
+--pm-surface-rank4: #c1a86c;
+--pm-text-black: var(--pm-neutral-110);
+--pm-text-brand: var(--pm-brand-primary-50);
+--pm-text-disable: var(--pm-neutral-50);
+--pm-text-invert-2: var(--pm-neutral-20);
+--pm-text-invert: var(--pm-neutral-00);
+--pm-text-positive-2: var(--pm-semantic-green-50);
+--pm-text-positive: var(--pm-semantic-yellow-50);
+--pm-text-primary: var(--pm-brand-secondary-70);
+--pm-text-secondary: var(--pm-brand-secondary-50);

package/script/figma/variables/deprecated/open-api.js

@@ -0,0 +1,59 @@
+//  ⚠️ 废弃，无权限
+// https://developers.figma.com/docs/rest-api/variables/
+
+const axios = require('axios');
+
+// 配置参数
+const FIGMA_TOKEN = ''; // 替换为你的 Token
+const FILE_ID = 'SNDuIv4gzUqOBix44SGw8p'; // 替换为你的文件 ID
+
+// 获取 Figma 文件变量
+async function getFigmaVariables() {
+  try {
+    const response = await axios.get(
+      `https://api.figma.com/v1/files/${FILE_ID}/variables/published`,
+      {
+        headers: { 'X-Figma-Token': FIGMA_TOKEN },
+      },
+    );
+
+    // 提取变量数据
+    const { variables, variableCollections } = response.data.meta;
+
+    // 按集合组织变量
+    const collectionsMap = {};
+    variableCollections.forEach((collection) => {
+      collectionsMap[collection.id] = {
+        name: collection.name,
+        variables: [],
+      };
+    });
+
+    // 将变量分配到集合
+    Object.values(variables).forEach((variable) => {
+      const collection = collectionsMap[variable.variableCollectionId];
+      if (collection) {
+        collection.variables.push({
+          id: variable.id,
+          name: variable.name,
+          type: variable.resolvedType,
+          description: variable.description,
+          values: variable.valuesByMode, // 包含不同模式下的值
+        });
+      }
+    });
+
+    return collectionsMap;
+  } catch (error) {
+    console.error('Error fetching Figma variables:', error.response?.data || error.message);
+    throw error;
+  }
+}
+
+// 执行并打印结果
+getFigmaVariables()
+  .then((collections) => {
+    console.log('Figma Variables by Collection:');
+    console.log(JSON.stringify(collections, null, 2));
+  })
+  .catch(console.error);

package/script/figma/variables/parse-base.js

@@ -0,0 +1,56 @@
+// 解析基础色阶文件，生成CSS变量
+
+const { readFileSync, writeFileSync } = require('t-comm');
+
+const { CONFIG } = require('./config');
+
+
+function main() {
+  const data = readFileSync(CONFIG.SOURCE_FILE_BASE, true);
+  const { variables } = data;
+  const result = genCssVariables(variables);
+  writeFileSync(CONFIG.TARGET_FILE_BASE, result.join('\n'));
+  console.log('[Wrote] Done!');
+}
+
+
+// 将RGB值转换为十六进制格式
+function rgbToHex(r, g, b, a) {
+  if (a !== 1) {
+    const alpha = a.toFixed(2); // 保留两位小数
+    return `rgba(${r}, ${g}, ${b}, ${+alpha})`;
+  }
+  const toHex = value => Math.round(value * 255).toString(16)
+    .padStart(2, '0');
+
+  const hex = `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+  return a < 1 ? `${hex}${toHex(a)}` : hex;
+}
+
+
+// 转换变量名格式
+function formatVariableName(name) {
+  return name
+    .toLowerCase()
+    .replace(/colour\//g, '') // 移除"colour/"前缀
+    .replace(/\//g, '-')      // 将斜杠替换为连字符
+    .replace(/\s+/g, '-')     // 将空格替换为连字符
+    .replace(/neutral-(\d+)/, 'neutral-$1'); // 保持neutral数字格式
+}
+
+// 生成CSS变量
+const genCssVariables = variables => variables.map((variable) => {
+  const colorValue = variable.valuesByMode['107:1'];
+  const hexValue = rgbToHex(
+    colorValue.r,
+    colorValue.g,
+    colorValue.b,
+    colorValue.a || 1,
+  );
+
+  const varName = `--pm-${formatVariableName(variable.name)}`;
+  return `${varName}: ${hexValue};`;
+});
+
+
+main();

package/script/figma/variables/parse-semantic.js

@@ -0,0 +1,78 @@
+// 解析基础色阶文件，生成CSS变量
+
+const { readFileSync, writeFileSync } = require('t-comm');
+
+const { CONFIG } = require('./config');
+
+
+function main() {
+  const data = readFileSync(CONFIG.SOURCE_FILE_SEMANTIC, true);
+  const { variables } = data;
+  const result = genCssVariables(variables);
+  result.sort();
+  writeFileSync(CONFIG.TARGET_FILE_SEMANTIC, result.join('\n'));
+  console.log('[Wrote] Done!');
+}
+
+
+// 将RGB值转换为十六进制格式
+function rgbToHex(r, g, b, a) {
+  if (a !== 1) {
+    const alpha = a.toFixed(2); // 保留两位小数
+    return `rgba(${r}, ${g}, ${b}, ${+alpha})`;
+  }
+  const toHex = value => Math.round(value * 255).toString(16)
+    .padStart(2, '0');
+
+  const hex = `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+  return a < 1 ? `${hex}${toHex(a)}` : hex;
+}
+
+
+// 转换变量名格式
+function formatVariableName(name) {
+  return name
+    .toLowerCase()
+    .replace(/(colour|填充|描边|文字|分割线|图标)\//g, '') // 移除"colour/"前缀
+    .replace(/[(（].+[)|）]/, '')
+    .replace(/\//g, '-')      // 将斜杠替换为连字符
+    .replace(/\s+/g, '-')     // 将空格替换为连字符
+    .replace(/neutral-(\d+)/, 'neutral-$1'); // 保持neutral数字格式
+}
+
+// 生成CSS变量
+const genCssVariables = variables => variables.map((variable) => {
+  let value;
+  const varName = `--pm-${formatVariableName(variable.name)}`;
+  const key = Object.keys(variable.valuesByMode)[0];
+  const mainValue = variable.valuesByMode[key];
+
+  if (variable.type === 'COLOR') {
+    if (variable.resolvedValuesByMode) {
+      const key = Object.keys(variable.resolvedValuesByMode)[0];
+      const colorValue = variable.resolvedValuesByMode[key];
+      const { aliasName } = colorValue;
+      if (aliasName) {
+        console.log('aliasName', aliasName, variable.name);
+        const aliasFullName = `--${CONFIG.VAR_PREFIX}-${formatVariableName(aliasName)}`;
+        console.log('aliasFullName', aliasFullName);
+        return  `${varName}: var(${aliasFullName});`;
+      }
+    }
+
+    value = rgbToHex(
+      mainValue.r,
+      mainValue.g,
+      mainValue.b,
+      mainValue.a || 1,
+    );
+  } else if (variable.type === 'FLOAT') {
+    value = mainValue;
+  }
+
+
+  return `${varName}: ${value};`;
+});
+
+
+main();

package/script/release/monorepo/pipeline-release.script.js

@@ -0,0 +1,102 @@
+// 流水线发布
+const { execCommand } = require('t-comm');
+
+const { validatePublish, doCommand } = require('../utils/utils');
+
+const { releaseCore } = require('./release-core.js');
+
+const ENV_FILE = '.env.local';
+require('dotenv').config({ path: ENV_FILE });
+
+const {
+  publishPackage,
+
+  MANUAL_REVIEW_RESULT,
+  SHOULD_AUDIT,
+
+  versionType,
+  repo,
+  branch,
+} = process.env;
+
+const MAIN_BRANCH = process.argv[2] || 'master';
+const needVersionTip = process.argv.includes('--needVersionTip');
+const needExecInit = process.argv.includes('--needExecInit');
+
+const ignoreBuild = process.argv.includes('--ignoreBuild');
+const ignorePublish = process.argv.includes('--ignorePublish');
+const ignorePushOrigin = process.argv.includes('--ignorePushOrigin');
+
+
+function getPwd() {
+  const list = execCommand(`pnpm -r --filter="${publishPackage}" exec pwd | tail -1`, process.cwd(),  {
+    stdio: 'pipe',
+    line: -1,
+  }).split('\n')
+    .map(item => item.trim())
+    .filter(item => item);
+  return list?.[0] || '';
+}
+
+
+function toPublish({
+  pwd,
+}) {
+  doCommand('pnpm i || pnpm install --no-frozen-lockfile');
+  doCommand('npx husky install || true');
+  if (needExecInit) {
+    doCommand('pnpm run init');
+  }
+
+  releaseCore({
+    version: versionType,
+    pwd,
+
+    needVersionTip,
+    ignoreBuild,
+    ignorePublish,
+  });
+
+  if (!ignorePushOrigin) {
+    doCommand('git remote remove origin');
+    doCommand(`git remote add origin git@git.a.com:${repo}.git`);
+    doCommand(`git push origin ${branch}`);
+    doCommand('git push origin --tags');
+  }
+}
+
+
+function main() {
+  console.log('🚀 [versionType]', versionType);
+  console.log('🚀 [publishPackage]', publishPackage);
+
+  const pwd = getPwd();
+  console.log('🚀 [pwd]', pwd);
+
+  validatePublish({
+    MANUAL_REVIEW_RESULT,
+    SHOULD_AUDIT,
+
+    versionType,
+    branch,
+
+    MAIN_BRANCH,
+    extraValidate: () => {
+      if (!publishPackage) {
+        console.error('🚀 [Error] No Publish Package');
+        process.exit(1);
+      }
+      if (!pwd) {
+        console.error('🚀 [Error] Not Found PWD');
+        process.exit(1);
+      }
+    },
+  });
+
+  toPublish({
+    pwd,
+  });
+}
+
+
+main();

package/script/release/monorepo/release-core.js

@@ -0,0 +1,158 @@
+// pnpm --filter="pixui-runtime" release beta
+// pnpm --filter="pixui-runtime" release beta --ignoreBuild
+// pnpm --filter="pixui-runtime" release beta --ignorePublish
+// pnpm --filter="pixui-runtime" release beta --ignoreBuild --ignorePublish
+// pnpm --filter="pixui-runtime" release beta --ignoreBuild --ignorePublish --needVersionTip
+
+const path = require('path');
+
+const { execCommand, readFileSync, writeFileSync, getNextVersion } = require('t-comm');
+
+const { PRE_VERSION_LIST } = require('../utils/config');
+
+const { sendVersionTip } = require('./version-tip');
+
+function log(...args) {
+  console.log('🚀 [release] ', ...args);
+}
+
+
+function packageBuild(pkgName) {
+  log(`build ${pkgName}`);
+
+  execCommand(`pnpm --filter=${pkgName} build`, process.cwd(), 'inherit');
+}
+
+
+function bumpVersion({
+  pwd,
+  pkgName,
+  version,
+}) {
+  log(`origin version is ${version}`);
+
+  const newVersion = getNextVersion(pkgName, version);
+  log(`new version is ${newVersion}`);
+
+  const jsonFile = path.resolve(pwd, './package.json');
+  const content = readFileSync(jsonFile, true);
+
+  content.version = newVersion;
+  writeFileSync(jsonFile, content, true);
+
+  return newVersion;
+}
+
+
+function getPkgName(pwd) {
+  const jsonFile = path.resolve(pwd, './package.json');
+  const content = readFileSync(jsonFile, true);
+  return content.name;
+}
+
+
+function doChangeLog(pwd, pkgName) {
+  log(`pkg name is ${pkgName}`);
+  execCommand(`conventional-changelog -i CHANGELOG.md -s --commit-path . --lerna-package ${pkgName}`, pwd, 'inherit');
+}
+
+
+function genTag(purePkgName, newVersion) {
+  log('new version is ', newVersion);
+  execCommand(`git tag ${purePkgName}@${newVersion}`, process.cwd(), 'inherit');
+}
+
+
+function commit({
+  pkgName,
+  newVersion,
+  pwd,
+}) {
+  execCommand('git add ./CHANGELOG.md ./package.json', pwd, 'inherit');
+  execCommand(`git commit -m"chore(release): ${pkgName}@${newVersion}" --no-verify`, pwd, 'inherit');
+}
+
+
+function getPublishTag(version) {
+  if (PRE_VERSION_LIST.includes(version)) {
+    return version;
+  }
+  return '';
+}
+
+
+function publish({ pkgName, version }) {
+  const tag = getPublishTag(version);
+  log(`publish tag is ${tag}`);
+  execCommand(`pnpm --filter=${pkgName} publish ${tag ? `--tag ${tag}` : ''}  --no-git-checks`, process.cwd(), 'inherit');
+}
+
+/**
+ * a. Make changes
+ * b. Commit those changes
+ *
+ *
+ * 1. Bump version in package.json
+ * 2. conventionalChangelog
+ * 3. Commit package.json and CHANGELOG.md files
+ * 4. Tag
+ * 5. Push, Publish
+ */
+function releaseCore({
+  pwd,
+  version,
+
+  needVersionTip,
+  ignoreBuild,
+  ignorePublish,
+}) {
+  log(`version is ${version}`);
+  log(`needVersionTip is ${needVersionTip}`);
+  log(`ignoreBuild is ${ignoreBuild}`);
+  log(`ignorePublish is ${ignorePublish}`);
+
+
+  const pkgName = getPkgName(pwd);
+
+  if (!pkgName) {
+    throw new Error('缺少包名称');
+  }
+
+  const purePkgName = pkgName.replace('', '');
+
+  if (!ignoreBuild) {
+    packageBuild(pkgName);
+  }
+
+  const newVersion = bumpVersion({
+    pwd,
+    pkgName,
+    version,
+  });
+
+  doChangeLog(pwd, purePkgName);
+
+
+  commit({
+    pkgName: purePkgName,
+    newVersion,
+    pwd,
+  });
+
+  genTag(purePkgName, newVersion);
+
+  if (!ignorePublish) {
+    publish({
+      pkgName,
+      version,
+    });
+  }
+
+  if (needVersionTip) {
+    sendVersionTip(pwd);
+  }
+}
+
+module.exports = {
+  releaseCore,
+};

package/script/release/monorepo/release.script.js

@@ -0,0 +1,25 @@
+const { releaseCore } = require('./release-core');
+
+const pwd = process.argv[2];
+const version = process.argv[3] || 'patch';
+
+const needVersionTip = process.argv.includes('--needVersionTip');
+const ignoreBuild = process.argv.includes('--ignoreBuild');
+const ignorePublish = process.argv.includes('--ignorePublish');
+
+if (!pwd) {
+  throw new Error('缺少包路径');
+}
+
+function main() {
+  releaseCore({
+    pwd,
+    version,
+
+    needVersionTip,
+    ignoreBuild,
+    ignorePublish,
+  });
+}
+
+main();

package/script/release/monorepo/version-tip.js

@@ -0,0 +1,19 @@
+const path = require('path');
+
+const { sendVersionTip: sendVersionTipCore } = require('../version-tip/index');
+
+
+function sendVersionTip(pwd) {
+  const webhookUrl = 'COMMON_ROBOT___407e108c-ab38-4a2b-9e83-6580de69f0d7';
+
+  sendVersionTipCore({
+    appInfo: require(path.resolve(pwd, './package.json')),
+    readmeFilePath: path.resolve(pwd, './CHANGELOG.md'),
+    webhookUrl,
+  });
+}
+
+module.exports = {
+  sendVersionTip,
+};
+

package/script/release/press/local-release.script.js

@@ -0,0 +1,16 @@
+// 本地发布
+// node script/version/release-local.js beta
+
+const { releaseCore } = require('./release-core.js');
+
+
+const versionType = process.argv[2] || 'patch';
+
+console.log('🚀 [versionType]', versionType);
+
+
+function main() {
+  releaseCore(versionType);
+}
+
+main();

package/script/release/press/pipeline-release.script.js

@@ -0,0 +1,49 @@
+// 流水线发布
+const { validatePublish } = require('../utils/utils');
+
+const { releaseCore, doCommand } = require('./release-core.js');
+
+const ENV_FILE = '.env.local';
+require('dotenv').config({ path: ENV_FILE });
+
+const {
+  SHOULD_AUDIT,
+  MANUAL_REVIEW_RESULT,
+  versionType,
+  repo,
+  branch,
+} = process.env;
+const MAIN_BRANCH = process.argv[2] || 'release';
+
+
+function toPublish() {
+  doCommand('pnpm i || pnpm install --no-frozen-lockfile');
+  doCommand('npx husky install || true');
+
+  releaseCore(versionType);
+
+  doCommand('git remote remove origin');
+  doCommand(`git remote add origin git@git.a.com:${repo}.git`);
+  doCommand(`git push origin ${branch}`);
+  doCommand('git push origin --tags');
+}
+
+
+function main() {
+  console.log('🚀 [versionType]', versionType);
+
+  validatePublish({
+    MANUAL_REVIEW_RESULT,
+    SHOULD_AUDIT,
+
+    versionType,
+    branch,
+
+    MAIN_BRANCH,
+  });
+
+  toPublish();
+}
+
+
+main();