@spcsn/taro-cli 0.1.6 → 1.0.1

package/src/presets/platforms/rn.ts

@@ -1,125 +0,0 @@
-import * as fs from 'node:fs';
-import * as os from 'node:os';
-import * as path from 'node:path';
-
-import { chalk } from '@spcsn/taro-helper';
-import * as child_process from 'child_process';
-
-import { printDevelopmentTip } from '../../util';
-
-import type { IPluginContext } from '@spcsn/taro-service';
-
-function checkReactNativeDependencies(packageInfo): boolean {
-  const packageNames = ['react', 'react-native', '@spcsn/taro-rn', '@spcsn/taro-rn-runner'];
-  const { dependencies, devDependencies } = packageInfo;
-  for (let i = 0; i < packageNames.length; i++) {
-    if (!dependencies[packageNames[i]] && !devDependencies[packageNames[i]]) {
-      return false;
-    }
-  }
-  return true;
-}
-
-function makeSureReactNativeInstalled(workspaceRoot: string): Promise<void> {
-  return new Promise<void>((resolve, reject) => {
-    const packageInfo = JSON.parse(
-      fs.readFileSync(path.join(workspaceRoot, 'package.json'), {
-        encoding: 'utf8',
-      }),
-    );
-
-    if (checkReactNativeDependencies(packageInfo)) {
-      resolve();
-    } else {
-      // 便于开发时切换版本
-      const devTag = process.env.DEVTAG || '';
-      console.log('Installing React-Native related packages:');
-      let packages = `react@^18.2.0 react-dom@^18.2.0 react-native@^0.73.1 @react-native/metro-config@^0.73.2 expo@~50.0.2 @spcsn/taro-rn${devTag} @spcsn/taro-components-rn${devTag} @spcsn/taro-rn-runner${devTag} @spcsn/taro-rn-supporter${devTag} @spcsn/taro-runtime-rn${devTag}`;
-      console.log(packages);
-      // windows下不加引号的话，package.json中添加的依赖不会自动带上^
-      packages = packages
-        .split(' ')
-        .map((str) => `"${str}"`)
-        .join(' ');
-      let installCmd = `npm install ${packages} --save`;
-      if (fs.existsSync(path.join(workspaceRoot, 'yarn.lock'))) {
-        installCmd = `yarn add ${packages} --force`;
-      }
-      if (fs.existsSync(path.join(workspaceRoot, 'pnpm-lock.yaml'))) {
-        installCmd = `pnpm add ${packages}`;
-      }
-      child_process.exec(installCmd, (error) => {
-        if (error) {
-          reject(error);
-          return;
-        }
-        console.log(chalk.green(`React-Native related packages have been installed successfully.${os.EOL}${os.EOL}`));
-        console.log(
-          `${chalk.yellow('ATTEHNTION')}: Package.json has been modified automatically, please submit it by yourself.${os.EOL}${os.EOL}`,
-        );
-        resolve();
-      });
-    }
-  });
-}
-
-export default (ctx: IPluginContext) => {
-  ctx.registerPlatform({
-    name: 'rn',
-    useConfigName: 'rn',
-    async fn({ config }) {
-      const { appPath, nodeModulesPath } = ctx.paths;
-      const { npm } = ctx.helper;
-      const {
-        deviceType = 'android',
-        port,
-        resetCache,
-        publicPath,
-        bundleOutput,
-        sourcemapOutput,
-        sourceMapUrl,
-        sourcemapSourcesRoot,
-        assetsDest,
-        qr,
-      } = ctx.runOpts.options;
-
-      printDevelopmentTip('rn');
-
-      // 准备 rnRunner 参数
-      const rnRunnerOpts = {
-        ...config,
-        nodeModulesPath,
-        deviceType,
-        port,
-        qr,
-        resetCache,
-        publicPath,
-        bundleOutput,
-        sourcemapOutput,
-        sourceMapUrl,
-        sourcemapSourcesRoot,
-        assetsDest,
-        buildAdapter: config.platform,
-      };
-
-      if (!rnRunnerOpts.entry) {
-        rnRunnerOpts.entry = 'app';
-      }
-
-      makeSureReactNativeInstalled(appPath).then(
-        async () => {
-          // build with metro
-          const rnRunner = await npm.getNpmPkg('@spcsn/taro-rn-runner', appPath);
-          await rnRunner(appPath, rnRunnerOpts);
-        },
-        (error) => {
-          console.log(chalk.red('Error when detecting React-Native packages:'));
-          console.log(error);
-          console.log(
-            `${chalk.greenBright('TIP')}: 1) Try to remove React-Native dependencies in package.json and shoot again; 2) Install the packages above manually.`,
-          );
-        },
-      );
-    },
-  });
-};

package/src/util/createPage.ts

@@ -1,139 +0,0 @@
-import { babelKit } from '@spcsn/taro-helper';
-
-import { ConfigModificationState, ModifyCallback } from '../create/page';
-
-import type { ArrayExpression, ExportDefaultDeclaration, ObjectExpression, ObjectProperty } from '@babel/types';
-import type { NodePath } from 'babel__traverse';
-
-const t = babelKit.types;
-
-const generateNewSubPackageItem = (subPackage: string) => {
-  const pageObject = t.objectProperty(t.identifier('pages'), t.arrayExpression([]));
-  const subPkgRootObject = t.objectProperty(t.identifier('root'), t.stringLiteral(subPackage));
-  const subPkgItemObject = t.objectExpression([subPkgRootObject, pageObject]);
-  return subPkgItemObject;
-};
-
-const isValidSubPkgObject = (subPkgObject: ObjectExpression) => {
-  const properties = subPkgObject?.properties || {};
-  const rootProperty = properties.find(
-    (property) => (property as ObjectProperty).key && ((property as ObjectProperty).key as any)?.name === 'root',
-  ) as ObjectProperty;
-  const pagesProperty = properties.find(
-    (property) => (property as ObjectProperty).key && ((property as ObjectProperty).key as any)?.name === 'pages',
-  ) as ObjectProperty;
-  const rootPropertyValueType = rootProperty?.value?.type;
-  const pagesPropertyValueType = pagesProperty?.value?.type;
-  return rootPropertyValueType === 'StringLiteral' && pagesPropertyValueType === 'ArrayExpression';
-};
-
-const addNewSubPackage = (node: ObjectExpression, page: string, subPackage: string): ConfigModificationState => {
-  let subPackages = node?.properties.find((node) => (node as any).key.name === 'subPackages') as ObjectProperty;
-  if (!subPackages) {
-    // config 文件不存在 subPackages 字段的情况，给该字段赋予默认值
-    const subPkgObject = t.objectProperty(t.identifier('subPackages'), t.arrayExpression([]));
-    subPackages = subPkgObject;
-    node?.properties.push(subPkgObject);
-  }
-  const value = subPackages?.value;
-
-  // 文件格式不对的情况
-  if (!value || value?.type !== 'ArrayExpression') return ConfigModificationState.Fail;
-  let targetSubPkgObject: ObjectExpression = value.elements.find((node) =>
-    (node as any)?.properties?.find((property) => (property as any)?.value?.value === subPackage),
-  ) as ObjectExpression;
-
-  if (!targetSubPkgObject) {
-    // 不存在 当前分包配置对象的情况
-    const subPkgItemObject = generateNewSubPackageItem(subPackage);
-    targetSubPkgObject = subPkgItemObject;
-    value.elements.push(subPkgItemObject);
-  }
-
-  if (targetSubPkgObject.type !== 'ObjectExpression' || !isValidSubPkgObject(targetSubPkgObject))
-    return ConfigModificationState.Fail;
-  const pagesProperty: ObjectProperty = targetSubPkgObject.properties.find(
-    (property) => (property as ObjectProperty).key && ((property as ObjectProperty).key as any)?.name === 'pages',
-  ) as ObjectProperty;
-  const currentPages = (pagesProperty.value as ArrayExpression).elements;
-  const isPageExists = Boolean(currentPages.find((node) => (node as any).value === page));
-
-  if (isPageExists) return ConfigModificationState.NeedLess;
-
-  currentPages.push(t.stringLiteral(page));
-  return ConfigModificationState.Success;
-};
-
-const addNewPage = (node: ObjectExpression, page: string): ConfigModificationState => {
-  const pages = node?.properties.find((node) => (node as any).key.name === 'pages') as ObjectProperty;
-  if (!pages) return ConfigModificationState.Fail;
-
-  const value = pages?.value;
-  // 仅处理 pages 为数组字面量的情形
-  if (!value || value?.type !== 'ArrayExpression') return ConfigModificationState.Fail;
-
-  const isPageExists = Boolean(value.elements.find((node) => (node as any).value === page));
-  if (isPageExists) return ConfigModificationState.NeedLess;
-
-  const newArrayElement = t.stringLiteral(page);
-  value.elements.push(newArrayElement);
-
-  return ConfigModificationState.Success;
-};
-
-const modifyPages = (path: NodePath<ExportDefaultDeclaration>, newPageConfig, callback: ModifyCallback) => {
-  let state = ConfigModificationState.Fail;
-  const node = path.node.declaration as any;
-  // Case 1. `export default defineAppConfig({})` 这种情况
-  if (node.type === 'CallExpression' && node.callee.name === 'defineAppConfig') {
-    const configNode = node.arguments[0];
-    state = addNewPage(configNode, newPageConfig.page);
-  }
-  // Case 2. `export default {}` 这种情况
-  if (node.type === 'ObjectExpression') {
-    state = addNewPage(node, newPageConfig.page);
-  }
-  callback(state);
-};
-
-const modifySubPackages = (path: NodePath<ExportDefaultDeclaration>, newPageConfig, callback: ModifyCallback) => {
-  let state = ConfigModificationState.Fail;
-  const node = path.node.declaration as any;
-  // `export default defineAppConfig({})` 这种情况
-  if (node.type === 'CallExpression' && node.callee.name === 'defineAppConfig') {
-    const configNode = node.arguments[0];
-    state = addNewSubPackage(configNode, newPageConfig.page, newPageConfig.pkg);
-  }
-  // `export default {}` 这种情况
-  if (node.type === 'ObjectExpression') {
-    state = addNewSubPackage(node, newPageConfig.page, newPageConfig.pkg);
-  }
-  callback(state);
-};
-
-const generateNewPageConfig = (fullPagePath: string, subPkgRootPath = '') => {
-  const newPageConfig = {
-    pkg: '',
-    page: '',
-  };
-  if (subPkgRootPath) {
-    const processedSubPkg = `${subPkgRootPath}/`;
-    newPageConfig.pkg = processedSubPkg;
-    newPageConfig.page = fullPagePath.split(processedSubPkg)[1];
-  } else {
-    newPageConfig.page = fullPagePath;
-  }
-
-  return newPageConfig;
-};
-
-export const modifyPagesOrSubPackages = (params: {
-  path: NodePath<ExportDefaultDeclaration>;
-  fullPagePath: string;
-  subPkgRootPath?: string;
-  callback: ModifyCallback;
-}) => {
-  const { fullPagePath, subPkgRootPath, callback, path } = params;
-  const newPageConfig = generateNewPageConfig(fullPagePath, subPkgRootPath);
-  subPkgRootPath ? modifySubPackages(path, newPageConfig, callback) : modifyPages(path, newPageConfig, callback);
-};

package/templates/default/babel.config.js

@@ -1,14 +0,0 @@
-// babel-preset-taro 更多选项和默认值：
-// https://docs.taro.zone/docs/next/babel-config
-module.exports = {
-  presets: [
-    ['taro', {
-      framework: '{{ to_lower_case framework }}',
-      ts: {{ typescript }},
-      compiler: '{{ to_lower_case compiler }}',
-      {{#if buildEs5 }}
-      useBuiltIns: process.env.TARO_ENV === 'h5' ? 'usage' : false
-      {{/if}}
-    }]
-  ]
-}