@tarojs/rn-runner 3.5.0-beta.3 → 3.5.0-beta.6

package/__tests__/components.spec.ts

@@ -0,0 +1,103 @@
+import * as path from 'path'
+
+import runner from '../dist/index'
+import { build } from '../src/config/build-component'
+import { appPath, config } from './mock/components_testdata'
+
+const getCode = (result) => result.output.map(chunk => chunk.code)
+
+describe('build_components', () => {
+  const spy = jest.spyOn(process, 'cwd')
+  spy.mockReturnValue(path.resolve(__dirname, '', 'mock'))
+  // metro runServer 容易超时
+  jest.setTimeout(300000)
+
+  it('single component', async () => {
+    const result = await runner(appPath, {
+      ...config,
+      nativeComponents: {
+        external: ['react', 'react-native', /@tarojs\/components-rn/, /@babel\/runtime/],
+        output: 'dist/single'
+      }
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('nativeComponents  not set', async () => {
+    const result = await runner(appPath, {
+      ...config
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('multiple components', async () => {
+    const result = await build(config, {
+      input: ['components/cell/index', 'components/navbar/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      output: path.resolve(__dirname, './mock/dist/multiple'),
+      external: ['react', 'react-native', /@tarojs\/components-rn/, /@tarojs\/taro-rn/, /@babel\/runtime/],
+      externalResolve: () => {}
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('modify rollup config', async () => {
+    const result = await build(config, {
+      input: ['components/cell/index', 'components/navbar/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      modifyRollupConfig: config => {
+        const { input, ...others } = config
+        return {
+          ...others,
+          input: Object.entries(input as Record<string, string>).reduce(
+            (pre, cur) => Object.assign(pre, { [cur[0].replace('components/', '')]: cur[1] }),
+            {}
+          ),
+          output: { dir: path.resolve(__dirname, './mock/dist/modify-config') }
+        }
+      }
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('svg transform', async () => {
+    const result = await build(config, {
+      input: ['components/svg/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      output: path.resolve(__dirname, './mock/dist/svg'),
+      external: ['react', 'react-native', /@tarojs\/components-rn/, /@tarojs\/taro-rn/, /@babel\/runtime/],
+      externalResolve: () => {}
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('named export', async () => {
+    const result = await build(config, {
+      input: ['utils/namedExport/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      externalResolve: () => {},
+      output: path.resolve(__dirname, './mock/dist/named-export')
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('dynamic require', async () => {
+    const result = await build(config, {
+      input: ['utils/dynamicImport/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      externalResolve: () => {},
+      output: path.resolve(__dirname, './mock/dist/dynamic-import')
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+
+  it('require react-native component', async () => {
+    const result = await build(config, {
+      input: ['utils/requireReactNative/index'],
+      sourceRootPath: path.resolve(__dirname, './mock/src'),
+      externalResolve: () => {},
+      output: path.resolve(__dirname, './mock/dist/require-native')
+    })
+    expect(getCode(result)).toMatchSnapshot()
+  })
+})

package/__tests__/global.d.ts

@@ -0,0 +1,11 @@
+declare module '*.png';
+declare module '*.gif';
+declare module '*.jpg';
+declare module '*.jpeg';
+declare module '*.webp';
+declare module '*.svg';
+declare module '*.css';
+declare module '*.less';
+declare module '*.scss';
+declare module '*.sass';
+declare module '*.styl';

package/__tests__/mock/components_testdata.ts

@@ -0,0 +1,58 @@
+const path = require('path')
+
+const appPath = path.resolve(__dirname, '.', '')
+
+const config = {
+  entry: 'app',
+  copy: { patterns: [], options: {} },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  platform: 'rn',
+  framework: 'react',
+  baseLevel: undefined,
+  csso: undefined,
+  sass: { options: {}, additionalData: '' },
+  uglify: undefined,
+  plugins: [],
+  projectName: 'taroRnInit',
+  env: { NODE_ENV: '"development"' },
+  defineConstants: { __TEST__: '"RN测试静态常量"' },
+  designWidth: 750,
+  deviceRatio: { 640: 1.17, 750: 1, 828: 0.905 },
+  terser: undefined,
+  appName: '',
+  output:
+    {
+      android: 'androidbundle/index.bundle',
+      ios: 'iosbundle/main.bundle'
+    },
+  postcss:
+    {
+      options: {},
+      scalable: true,
+      pxtransform: { enable: true, config: {} }
+    },
+  less: { options: {}, additionalData: '' },
+  stylus: { options: {}, additionalData: '' },
+  EXPLORER_PATH: 'src',
+  EXPLORER_SHELL: 'yarn run wb-bundle',
+  sourceDir: '',
+  isWatch: true,
+  mode: 'development',
+  modifyWebpackChain: [],
+  modifyBuildAssets: [],
+  modifyMiniConfigs: [],
+  onBuildFinish: [],
+  nodeModulesPath:
+    path.resolve(__dirname, '../../../..', 'node_modules'),
+  deviceType: 'android',
+  port: undefined,
+  buildAdapter: 'rn',
+  globalObject: 'global',
+  isBuildNativeComp: true
+}
+
+export {
+  config,
+  appPath
+}

package/__tests__/mock/config/index.js

@@ -81,6 +81,7 @@ const config = {
       ios: 'iosbundle/main.bundle'
     },
     alias: {
+      'src': path.resolve(__dirname, '..', 'src/'),
       '@/components': path.resolve(__dirname, '..', 'src/components'),
       '@/utils': path.resolve(__dirname, '..', 'src/utils')
     },

package/__tests__/mock/src/app.config.ts

@@ -0,0 +1,13 @@
+export default {
+  pages: [
+    'pages/demo/index'
+  ],
+  components: [
+    'components/cell/index'
+  ],
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTextStyle: 'black'
+  }
+}

package/__tests__/mock/src/app.tsx

@@ -0,0 +1,15 @@
+import React, { Component } from 'react'
+import { View } from '@tarojs/components'
+import './app.scss'
+
+class App extends Component {
+  props: any
+
+  render () {
+    return (
+      <View>{this.props.children}</View>
+    )
+  }
+}
+
+export default App

package/__tests__/mock/src/components/cell/index.scss

@@ -0,0 +1,25 @@
+.cellGroup {
+  background-color: white;
+  border-radius: 20px;
+}
+.cellItem {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding-left: 30px;
+  padding-right: 30px;
+  height: 98px;
+
+  &--care {
+    height: 128px;
+  }
+}
+.cellItem__title {
+  // font-size: 28px;
+  color: #333;
+  font-weight: bold;
+}
+.cellItem__line {
+  height: 1px;
+  background-color: #f4f4f4;
+}

package/__tests__/mock/src/components/cell/index.tsx

@@ -0,0 +1,38 @@
+import React from 'react'
+import { View, Text } from '@tarojs/components'
+import taro from '@tarojs/taro'
+import './index.scss'
+
+console.log({taro})
+interface Props {
+  className?: string,
+  style?: any,
+  children?: any
+  title?: string
+}
+function Cell ({ children, style }: Props) {
+  const childs = Array.isArray(children) ? children : [children]
+  return (
+    <View className={'cellGroup'} style={{ ...style }}>
+      {
+        childs.map((it, i) => (
+          [it].concat(i === children.length - 1 ? [] : <View key={`line-${i}`} className="cellItem__line"></View>)
+        ))
+      }
+    </View>
+  )
+}
+function Item ({ title, children, style }: Props) {
+  return <View className={'cellItem'} style={{ ...style }}>
+    <Text className="cellItem__title">
+      {title}
+    </Text>
+    <View className="cellItem__content">
+      {children}
+    </View>
+  </View>
+}
+
+Cell.Item = Item
+
+export default Cell

package/__tests__/mock/src/components/navbar/index.scss

@@ -0,0 +1,29 @@
+.navbar {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  width: 750px;
+  height: 100px;
+  background-color: white;
+}
+
+.navbar-title {
+  &-text {
+    font-size: 38px;
+    color: #000;
+  }
+}
+
+.icon-back {
+  width: 38px;
+  height: 38px;
+}
+
+.navbar-leftElement, .navbar-rightElement {
+  width: 100px;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+}

package/__tests__/mock/src/components/navbar/index.tsx

@@ -0,0 +1,36 @@
+import React from 'react'
+import Taro from '@tarojs/taro'
+import { View, Text, Image } from '@tarojs/components'
+import iconBack from './icon_back.webp'
+import './index.scss'
+import 'src/components/navbar/resolver'
+
+console.log('isRn', process.env.TARO_ENV === 'rn')
+export default function Navbar (props: Props) {
+  const { title, rightElement } = props
+  const back = () => Taro.navigateBack()
+
+  return (
+    <View className='navbar'>
+      <View className='navbar-leftElement'>
+        <Image className='icon-back' src={iconBack} onClick={back}></Image>
+      </View>
+      <View className='navbar-title'>
+        {
+          typeof (title) === 'string'
+            ? <Text className='navbar-title-text'>{title}</Text>
+            : title
+        }
+      </View>
+      <View className='navbar-rightElement'>
+        {rightElement}
+      </View>
+    </View>
+  )
+}
+
+type Props = {
+  title: string | any,
+  rightElement?: any,
+  back?: () => void,
+};

package/__tests__/mock/src/components/navbar/resolver.rn.ts

@@ -0,0 +1 @@
+console.log('rn resolve')

package/__tests__/mock/src/components/navbar/resolver.ts

@@ -0,0 +1 @@
+console.log('default resolve')

package/__tests__/mock/src/components/svg/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react'
+import Logo from "./rollup-logo.svg";
+
+export default function () {
+  return <Logo className='logo' width={120} height={40} />
+}

package/__tests__/mock/src/components/svg/rollup-logo.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <circle cx="100" cy="50" r="40" fill="green" />
+</svg>

package/__tests__/mock/src/utils/dynamicImport/index.ts

@@ -0,0 +1,3 @@
+import reactIs from 'react-is'
+
+console.log({reactIs})

package/__tests__/mock/src/utils/namedExport/index.js

@@ -0,0 +1,2 @@
+import * as fileBuild from 'expo-file-system/build/FileSystem'
+console.log({fileBuild})

package/__tests__/mock/src/utils/requireLodash/index.ts

@@ -0,0 +1,5 @@
+import { camelCase } from 'lodash';
+import { parseUrl } from 'query-string';
+const globalAny = global;
+
+console.log(globalAny, camelCase, parseUrl)

package/__tests__/mock/src/utils/requireReactNative/index.js

@@ -0,0 +1,2 @@
+import silblings from 'react-native-root-siblings'
+console.log({silblings})

package/__tests__/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../../tsconfig.root.json",
+  "compilerOptions": {
+    "jsx": "react",
+    "sourceMap": true,
+    "module": "commonjs"
+  }
+}

package/dist/config/build-component.js

@@ -0,0 +1,162 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.build = void 0;
+const plugin_babel_1 = require("@rollup/plugin-babel");
+const commonjs = require("@rollup/plugin-commonjs");
+const json = require("@rollup/plugin-json");
+const plugin_node_resolve_1 = require("@rollup/plugin-node-resolve");
+const pluginReplace = require("@rollup/plugin-replace");
+const helper_1 = require("@tarojs/helper");
+const rn_style_transformer_1 = require("@tarojs/rn-style-transformer");
+const rn_supporter_1 = require("@tarojs/rn-supporter");
+const rn_transformer_1 = require("@tarojs/rn-transformer");
+const jsx = require("acorn-jsx");
+const path = require("path");
+const rollup_1 = require("rollup");
+const clear = require("rollup-plugin-clear");
+const rollup_plugin_image_file_1 = require("rollup-plugin-image-file");
+const DEFAULT_CONFIG = {
+    external: [/^react(\/.*)?$/, /^react-native(\/.*)?$/, /^@react-native/],
+    output: 'dist',
+    externalResolve: importee => (likeDependent(importee) ? importee : null),
+    sourceRootPath: process.cwd(),
+    modifyRollupConfig: config => config
+};
+const build = (projectConfig, componentConfig) => __awaiter(void 0, void 0, void 0, function* () {
+    const mergedConfig = (0, helper_1.recursiveMerge)(Object.assign({}, DEFAULT_CONFIG), componentConfig);
+    const { input, external, output, externalResolve, sourceRootPath, modifyRollupConfig } = mergedConfig;
+    const getInputOption = () => {
+        const components = Array.isArray(input) ? input : [input];
+        const inputOptions = components.reduce((pre, cur) => {
+            let absolutePath = cur;
+            if (!path.isAbsolute(cur)) {
+                absolutePath = path.resolve(sourceRootPath, cur);
+            }
+            const realPath = (0, rn_supporter_1.resolveExtFile)({ originModulePath: absolutePath }, absolutePath);
+            const relativePath = path
+                .relative(sourceRootPath, realPath)
+                .replace(/\.(js|ts|jsx|tsx)$/, '')
+                .replace(/\.{1,}\//g, '');
+            return Object.assign(Object.assign({}, pre), { [relativePath]: realPath });
+        }, {});
+        if (components.length === 1) {
+            return {
+                index: Object.values(inputOptions)[0]
+            };
+        }
+        return inputOptions;
+    };
+    const getExternal = () => {
+        if (typeof external === 'function') {
+            return external(DEFAULT_CONFIG.external);
+        }
+        const _external = Array.isArray(external) ? external : [external];
+        return _external.filter(Boolean).map(item => {
+            if (item.test)
+                return item;
+            const match = item.match(/^\/(.+)\/$/);
+            return match ? new RegExp(match[1]) : item;
+        });
+    };
+    const rollupOptions = {
+        input: getInputOption(),
+        output: {
+            format: 'es',
+            dir: output
+        },
+        external: getExternal(),
+        // @ts-ignore react native 相关的一些库中可能包含 jsx 语法
+        acornInjectPlugins: [jsx()],
+        plugins: [
+            clear({ targets: [output] }),
+            // TODO: 使用 react-native-svg-transformer 处理
+            // @ts-ignore
+            (0, rollup_plugin_image_file_1.default)({
+                extensions: ['.jpg', '.jpeg', '.png', '.webp', '.gif', '.svg', '.svgx']
+            }),
+            // @ts-ignore
+            json(),
+            (0, rn_supporter_1.rollupResolver)({
+                externalResolve
+            }),
+            (0, plugin_node_resolve_1.default)({
+                extensions: ['.mjs', '.js', '.json', '.node', '.ts', '.tsx']
+            }),
+            // @ts-ignore
+            pluginReplace({
+                'process.env.NODE_ENV': JSON.stringify('production')
+            }),
+            // @ts-ignore
+            commonjs(),
+            (0, plugin_babel_1.default)({
+                babelHelpers: 'runtime',
+                presets: [
+                    [
+                        'babel-preset-taro',
+                        {
+                            framework: 'react',
+                            ts: true,
+                            reactJsxRuntime: projectConfig.reactJsxRuntime || 'automatic',
+                            disableImportExportTransform: true
+                        }
+                    ]
+                ],
+                extensions: ['js', 'ts', 'jsx', 'tsx']
+            }),
+            (0, rn_style_transformer_1.rollupTransform)({ config: projectConfig })
+        ]
+    };
+    const newRollupOptions = modifyRollupConfig(rollupOptions, {
+        taroResolver: rn_supporter_1.rollupResolver,
+        styleTransformer: rn_style_transformer_1.rollupTransform
+    });
+    const { output: outputOptions } = newRollupOptions, inputOptions = __rest(newRollupOptions, ["output"]);
+    let bundle;
+    try {
+        bundle = yield (0, rollup_1.rollup)(inputOptions);
+        const result = yield bundle.write(outputOptions);
+        return result;
+    }
+    catch (error) {
+        console.error(error);
+    }
+    if (bundle) {
+        yield bundle.close();
+    }
+});
+exports.build = build;
+function likeDependent(str) {
+    return !str.match(/^\.?\.\//) && !path.isAbsolute(str);
+}
+function default_1(projectPath, config) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { sourceRoot, entry, nativeComponents } = config;
+        const appPath = path.join(projectPath, sourceRoot, entry);
+        const appConfig = (0, rn_transformer_1.getAppConfig)(appPath);
+        const { output = DEFAULT_CONFIG.output } = nativeComponents || {};
+        const componentConfig = Object.assign(Object.assign({}, nativeComponents), { input: appConfig === null || appConfig === void 0 ? void 0 : appConfig.components, output: path.join(projectPath, output), sourceRootPath: path.join(projectPath, sourceRoot) });
+        return (0, exports.build)(config, componentConfig);
+    });
+}
+exports.default = default_1;
+//# sourceMappingURL=build-component.js.map

package/dist/config/build-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-component.js","sourceRoot":"","sources":["../../src/config/build-component.ts"],"names":[],"mappings":"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"}

package/dist/config/config-holder.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getRNConfigBabelPlugin = exports.getRNConfigTransformer = exports.getRNConfigOutput = exports.getRNConfigEntry = exports.getRNConfig = exports.getConfig = void 0;
+exports.getRNConfigTransformer = exports.getRNConfigOutput = exports.getRNConfigEntry = exports.getRNConfigBabelPlugin = exports.getRNConfig = exports.getConfig = void 0;
 const lodash_1 = require("lodash");
 const fs = require('fs');
 let config;

package/dist/config/config-holder.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-holder.js","sourceRoot":"","sources":["../../src/config/config-holder.ts"],"names":[],"mappings":";;;AAAA,mCAA8B;AAG9B,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;AAExB,IAAI,MAAc,CAAA;AAClB,IAAI,QAAkB,CAAA;AAEtB,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,MAAM;QAAE,OAAO,MAAM,CAAA;IACzB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,kBAAkB,CAAA;IACnD,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3B,MAAM,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,cAAK,CAAC,CAAA;QACxD,OAAO,MAAM,CAAA;KACd;SAAM;QACL,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxB,MAAM,GAAG,EAAE,CAAA;QACX,OAAO,MAAM,CAAA;KACd;AACH,CAAC,CAAA;AAiDQ,8BAAS;AA/ClB,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,SAAS,EAAE,CAAA;IACX,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAC7B,IAAI,MAAM,CAAC,EAAE,EAAE;QACb,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;KACrB;SAAM;QACL,QAAQ,GAAG,EAAE,CAAA;KACd;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAsCmB,kCAAW;AApC/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,WAAW,EAAE,CAAA;IACb,OAAO,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAA;AAChC,CAAC,CAAA;AAiCgC,4CAAgB;AA/BjD,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,EAAE;IAC9B,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,IAAI,CAAC,KAAK,KAAK,EAAE;YACf,OAAO,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAA;SAC3B;aAAM;YACL,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAA;SAC/B;KACF;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAoBkD,8CAAiB;AAlBpE,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxB,OAAO,QAAQ,CAAC,WAAW,CAAA;KAC5B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAWqE,wDAAsB;AAT5F,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxB,OAAO,QAAQ,CAAC,WAAW,CAAA;KAC5B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAE6F,wDAAsB"}
+{"version":3,"file":"config-holder.js","sourceRoot":"","sources":["../../src/config/config-holder.ts"],"names":[],"mappings":";;;AAAA,mCAA8B;AAI9B,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;AAExB,IAAI,MAAc,CAAA;AAClB,IAAI,QAAkB,CAAA;AAEtB,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,MAAM;QAAE,OAAO,MAAM,CAAA;IACzB,MAAM,QAAQ,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE,kBAAkB,CAAA;IACnD,IAAI,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;QAC3B,MAAM,GAAG,OAAO,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE,eAAe,CAAC,CAAC,cAAK,CAAC,CAAA;QACxD,OAAO,MAAM,CAAA;KACd;SAAM;QACL,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QACxB,MAAM,GAAG,EAAE,CAAA;QACX,OAAO,MAAM,CAAA;KACd;AACH,CAAC,CAAA;AAiDQ,8BAAS;AA/ClB,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,SAAS,EAAE,CAAA;IACX,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAA;IAC7B,IAAI,MAAM,CAAC,EAAE,EAAE;QACb,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAA;KACrB;SAAM;QACL,QAAQ,GAAG,EAAE,CAAA;KACd;IACD,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA;AAsCmB,kCAAW;AApC/B,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,WAAW,EAAE,CAAA;IACb,OAAO,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAA;AAChC,CAAC,CAAA;AAiCwD,4CAAgB;AA/BzE,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE,EAAE;IAC9B,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,MAAM,EAAE;QACnB,IAAI,CAAC,KAAK,KAAK,EAAE;YACf,OAAO,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAA;SAC3B;aAAM;YACL,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAA;SAC/B;KACF;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAoB0E,8CAAiB;AAlB5F,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxB,OAAO,QAAQ,CAAC,WAAW,CAAA;KAC5B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAW6F,wDAAsB;AATpH,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAClC,WAAW,EAAE,CAAA;IACb,IAAI,QAAQ,CAAC,WAAW,EAAE;QACxB,OAAO,QAAQ,CAAC,WAAW,CAAA;KAC5B;SAAM;QACL,OAAO,IAAI,CAAA;KACZ;AACH,CAAC,CAAA;AAEgC,wDAAsB"}

package/dist/index.js

@@ -22,6 +22,7 @@ const qr = require("qrcode-terminal");
 const readline = require("readline");
 const url = require("url");
 const config_1 = require("./config");
+const build_component_1 = require("./config/build-component");
 const config_holder_1 = require("./config/config-holder");
 const preview_1 = require("./config/preview");
 const terminal_reporter_1 = require("./config/terminal-reporter");
@@ -118,7 +119,10 @@ function build(_appPath, config) {
             if (error instanceof Error)
                 throw error;
         };
-        if (config.isWatch) {
+        if (config.isBuildNativeComp) {
+            return (0, build_component_1.default)(_appPath, config);
+        }
+        else if (config.isWatch) {
             if (!metroConfig.server || (metroConfig.server.useGlobalHotkey === undefined)) {
                 if (!metroConfig.server) {
                     metroConfig.server = {};
@@ -128,7 +132,7 @@ function build(_appPath, config) {
             if (config.port) {
                 metroConfig.server.port = config.port;
             }
-            const { middleware, messageSocketEndpoint } = (0, cli_server_api_1.createDevServerMiddleware)({
+            const { middleware, messageSocketEndpoint, websocketEndpoints } = (0, cli_server_api_1.createDevServerMiddleware)({
                 port: metroConfig.server.port,
                 watchFolders: metroConfig.watchFolders
             });
@@ -151,7 +155,7 @@ function build(_appPath, config) {
                 });
             };
             // 支持host
-            return Metro.runServer(metroConfig, Object.assign(Object.assign({}, commonOptions), { hmrEnabled: true })).then(server => {
+            return Metro.runServer(metroConfig, Object.assign(Object.assign({}, commonOptions), { hmrEnabled: true, websocketEndpoints })).then(server => {
                 console.log(`React-Native Dev server is running on port: ${metroConfig.server.port}`);
                 console.log('\n\nTo reload the app press "r"\nTo open developer menu press "d"\n');
                 readline.emitKeypressEvents(process.stdin);