feat: 一大波更新 (#1366)

- 真正的「混合开发」，React 代码会跟小程序代码一起构建， close #1153 
- Web 端的的多页模式
- 支持小程序插件开发，close #705 
- 集成 redbox-react，close #1077

.codesandbox/ci.json

@@ -1,19 +1,27 @@
 {
   "installCommand": "install:codesandbox",
   "packages": [
-    "packages/remax-types",
-    "packages/remax-macro",
-    "packages/remax-ali",
-    "packages/remax-wechat",
-    "packages/remax-toutiao",
-    "packages/remax-router",
-    "packages/remax-web",
-    "packages/remax-one",
+    "packages/babel-plugin-remax-host-component",
+    "packages/babel-plugin-remax-lifecycle",
+    "packages/babel-plugin-remax-regenerator-runtime",
+    "packages/babel-plugin-remax-turbo-render",
     "packages/babel-preset-remax",
+    "packages/postcss-remax-tag",
     "packages/remax",
+    "packages/remax-ali",
+    "packages/remax-build-store",
+    "packages/remax-cli",
+    "packages/remax-framework-shared",
+    "packages/remax-macro",
+    "packages/remax-one",
+    "packages/remax-plugin-devtools",
+    "packages/remax-plugin-error-screen",
     "packages/remax-runtime",
-    "packages/postcss-remax-tag",
-    "packages/remax-cli"
+    "packages/remax-shared",
+    "packages/remax-toutiao",
+    "packages/remax-types",
+    "packages/remax-web",
+    "packages/remax-wechat"
   ],
   "sandboxes": ["github/remaxjs/examples/tree/master/one"]
 }

.github/workflows/e2e-web-mpa.yml

@@ -0,0 +1,32 @@
+name: E2E web mpa
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    types: [opened, synchronize]
+
+jobs:
+  test:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        node-version: [14.x]
+        os: [ubuntu-latest]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install
+        run: yarn install --frozen-lockfile
+      - name: build
+        run: yarn build
+      - name: e2e
+        run: yarn test:e2e-web
+        env:
+          CI: true
+          MPA: true

.github/workflows/e2e-web-spa.yml

@@ -0,0 +1,31 @@
+name: E2E web spa
+
+on:
+  push:
+    branches: [master]
+  pull_request:
+    types: [opened, synchronize]
+
+jobs:
+  test:
+    runs-on: ${{ matrix.os }}
+
+    strategy:
+      matrix:
+        node-version: [14.x]
+        os: [ubuntu-latest]
+
+    steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install
+        run: yarn install --frozen-lockfile
+      - name: build
+        run: yarn build
+      - name: e2e
+        run: yarn test:e2e-web
+        env:
+          CI: true

.github/workflows/test.yml

@@ -30,10 +30,6 @@ jobs:
         run: yarn test:cov
         env:
           CI: true
-      - name: e2e
-        run: yarn test:e2e
-        env:
-          CI: true
       - name: Upload coverage to Codecov
         if: success() && runner.os == 'Linux'
         run: curl -s https://codecov.io/bash | bash -s -- -t $CODECOV_TOKEN

e2e/app/.gitignore

@@ -0,0 +1,9 @@
+dist/
+yarn-error.log
+yarn.lock
+.tea
+.vscode
+.DS_Store
+!src/node_modules
+build/
+miniapptools_dist/

e2e/app/CHANGELOG.md

@@ -0,0 +1,4 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

e2e/app/README.md

@@ -0,0 +1 @@
+# Remax E2E test

e2e/app/jest-puppeteer.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  launch: {
+    headless: process.env.HEADLESS !== 'false',
+  },
+  server: {
+    debug: true,
+    command: 'npm run serve',
+    port: 5678,
+    launchTimeout: 60000,
+  },
+};

e2e/app/jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  preset: './tests/preset.js',
+};

e2e/app/mini.project.json

@@ -0,0 +1,19 @@
+{
+  "miniprogramRoot": "build/src",
+  "scripts": {
+    "watch": "npm run watch:mini",
+    "beforePreview": "npm run build",
+    "beforeUpload": "npm run build"
+  },
+  "exclude": [
+    "src/**",
+    "node_modules",
+    "node_modules/**",
+    "babel.config.js",
+    "package-lock.json",
+    "package.json",
+    "remax.config.js",
+    "app.json",
+    "miniapptools_dist/**/*"
+  ]
+}

e2e/app/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "e2e-app",
+  "private": true,
+  "version": "1.1.0",
+  "description": "intergration tests for Remax",
+  "main": "index.js",
+  "keywords": [],
+  "author": "Wei Zhu <yesmeck@gmail.com>",
+  "license": "MIT",
+  "scripts": {
+    "watch:mini": "remax build -w",
+    "dev:mini": " mini build -w ./",
+    "dev:web": "remax build -w -t web",
+    "dev:web:mpa": "MPA=1 remax build -w -t web",
+    "clean": "rimraf dist",
+    "build": "./scripts/build.sh",
+    "serve": "http-server ./dist/webng --cors --port=5678 -s",
+    "pretest": "npm run build",
+    "test": "jest",
+    "test:mini": "TEST_TARGET=mini npm run test",
+    "test:web": "TEST_TARGET=web npm run test"
+  },
+  "dependencies": {
+    "remax": "^2.8.8",
+    "@remax/plugin-less": "^1.0.0",
+    "clsx": "^1.0.4",
+    "mini-antui": "^0.4.34",
+    "react": "^16.8.6"
+  },
+  "devDependencies": {
+    "@types/expect-puppeteer": "^4.4.0",
+    "@types/jest": "^25.2.3",
+    "@types/puppeteer": "^2.0.0",
+    "@types/react": "^16.9.1",
+    "cross-env": "^6.0.3",
+    "http-server": "^0.12.3",
+    "jest": "^24.9.0",
+    "jest-puppeteer": "^4.4.0",
+    "merge": "^1.2.1",
+    "rimraf": "^2.6.3",
+    "ts-jest": "^24.1.0",
+    "typescript": "^3.7.2"
+  },
+  "workspaces": {
+    "nohoist": [
+      "mini-antui",
+      "react"
+    ]
+  }
+}

e2e/app/remax.config.js

@@ -0,0 +1,16 @@
+const path = require('path');
+const less = require('@remax/plugin-less');
+
+module.exports = {
+  output: process.env.REMAX_PLATFORM === 'web' ? 'dist/webng' : 'build/src',
+  plugins: [less()],
+  configWebpack({ config }) {
+    if (process.env.REMAX_PLATFORM === 'web') {
+      config.output.publicPath('/');
+    }
+  },
+  turboRenders: !!process.env.TURBO_RENDERS,
+  web: {
+    mpa: !!process.env.MPA,
+  },
+};

e2e/app/scripts/build.sh

@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+
+set -x
+
+if [ -z "$SKIP_BUILD" ]; then
+    npm run clean
+
+    if [ "$TEST_TARGET" = "web" ]; then
+        npx remax build -t web
+    else
+        npx remax build && cd build && cube build --webng=appxng --native=false --appxcompatible && mv dist ..
+    fi
+fi

e2e/app/src/GlobalContext.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+export const GlobalContext = React.createContext({
+  name: '',
+});

e2e/app/src/_error.js

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { View } from 'remax/one';
+
+export default () => <View>custom error</View>;

e2e/app/src/app.config.js

@@ -0,0 +1,80 @@
+const pages = [
+  'pages/index/index',
+  'pages/error/index',
+  'pages/lifecycle/index',
+  'pages/image/index',
+  'pages/query/index',
+  'pages/navigate/one/index',
+  'pages/navigate/two/index',
+];
+
+if (process.env.REMAX_PLATFORM === 'ali') {
+  pages.push(
+    ...[
+      'pages/native-component/index',
+      'pages/native-component/module',
+      'pages/native-component/commonChunk1',
+      'pages/native-component/commonChunk2',
+      'pages/turbo-page/index',
+      'pages/insert-before/index',
+      'pages/hybrid/index',
+    ]
+  );
+}
+
+module.exports.ali = {
+  pages,
+  window: {
+    defaultTitle: 'Test App',
+    titleBarColor: '#323239',
+  },
+  subPackages: [
+    {
+      root: 'packageA',
+      pages: ['pages/index'],
+    },
+  ],
+  tabBar: {
+    textColor: '#ffffff',
+    selectedColor: '#000000',
+    backgroundColor: '#212121',
+    items: [
+      {
+        pagePath: 'pages/index/index',
+        name: '首页',
+        icon: './assets/images/cat.jpg',
+        activeIcon: './assets/images/dog.jpg',
+      },
+      {
+        pagePath: 'packageA/pages/index',
+        name: '其他',
+        icon: './assets/images/cat.jpg',
+        activeIcon: './assets/images/dog.jpg',
+      },
+    ],
+  },
+};
+
+module.exports.web = {
+  pages,
+  title: 'Remax Web Template',
+  tabBar: {
+    backgroundColor: '#fff',
+    activeTitleColor: 'red',
+    titleColor: 'blue',
+    items: [
+      {
+        url: 'pages/index/index',
+        title: '首页',
+        image: './assets/images/cat.jpg',
+        activeImage: './assets/images/dog.jpg',
+      },
+      {
+        url: 'packageA/pages/index',
+        title: '其他',
+        image: './assets/images/cat.jpg',
+        activeImage: './assets/images/dog.jpg',
+      },
+    ],
+  },
+};

e2e/app/src/app.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { useAppEvent } from 'remax/macro';
+import { GlobalContext } from './GlobalContext';
+
+const App = props => {
+  const [name, setName] = React.useState('');
+
+  useAppEvent('onLaunch', () => {
+    console.log('launch');
+    setName('launch');
+  });
+
+  return <GlobalContext.Provider value={{ name }}>{props.children}</GlobalContext.Provider>;
+};
+
+export default App;

e2e/app/src/components/a/index.axml

@@ -0,0 +1 @@
+<view id="a" class="{{className}}">a</view>