fix: [4.x]修复小程序端solid的响应式丢失问题

.eslintignore

@@ -41,3 +41,5 @@ packages/taro-plugin-vue-devtools/src/backend
 
 packages/taro-helper/swc
 crates
+
+packages/babel-plugin-transform-solid-jsx-ad-taro-components/test

.gitignore

@@ -84,4 +84,4 @@ artifacts
 *.node
 
 # harmony-hybrid extend-h5-apis file
-packages/taro-platform-harmony-hybrid/src/api/apis/extend-h5-apis.ts
+packages/taro-platform-harmony-hybrid/src/api/apis/extend-h5-apis.ts

LICENSE

@@ -172,3 +172,10 @@ Apache-2.0 (intersection-observer):
 The following files embed [intersection-observer](https://github.com/GoogleChromeLabs/intersection-observer) Apache-2.0:
 `/packages/taro-api/src/polyfill/intersection-observer.ts`
 See `/LICENSE.txt` for details of the license.
+
+==================
+
+MIT (babel-plugin-jsx-dom-expressions):
+The following files embed [babel-plugin-jsx-dom-expressions](https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions) MIT:
+`/packages/babel-plugin-transform-solid-jsx-ad-taro-components/src/*`
+See `/LICENSE` for details of the license.

packages/babel-plugin-transform-solid-jsx-ad-taro-components/.npmignore

@@ -0,0 +1,6 @@
+src/
+rollup.config.js
+test/
+coverage/
+.travis.yml
+*.config.js

packages/babel-plugin-transform-solid-jsx-ad-taro-components/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018-2019 Ryan Carniato
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/babel-plugin-transform-solid-jsx-ad-taro-components/README.md

@@ -0,0 +1,51 @@
+# babel-plugin-transform-solid-jsx-ad-taro-components
+
+fork from [babel-plugin-jsx-dom-expressions](https://github.com/ryansolid/dom-expressions/blob/main/packages/babel-plugin-jsx-dom-expressions) version: 0.37.19
+
+This package is a JSX compiler built for [DOM Expressions](https://github.com/ryansolid/dom-expressions) to provide a general JSX to DOM transformation for reactive libraries that do fine grained change detection. This package aims to convert JSX statements to native DOM statements and wrap JSX expressions with functions that can be implemented with the library of your choice. Sort of like a JSX to Hyperscript for fine change detection.
+
+## What Has Been Modified?
+- Added uniqueTransform configuration, defaulting to false, indicating that the following processing should not be performed.
+- Within the transformElement function of the universal module, perform matching against components from @tarojs/components. Modify the transformation of these components such that they are instead invoked via createElement calls.
+
+### Example
+```jsx
+import { View, Text, Button } from '@tarojs/components';
+
+const Component = () => {
+ return (
+ <View class="index">
+ <View>
+ <Text>Hello world! </Text>
+ </View>
+ <Button>set class</Button>
+ </View>
+ );
+};
+```
+
+Compiles to:
+```jsx
+import { createTextNode as _$createTextNode } from "@tarojs/plugin-framework-react/dist/reconciler";
+import { insertNode as _$insertNode } from "@tarojs/plugin-framework-react/dist/reconciler";
+import { setProp as _$setProp } from "@tarojs/plugin-framework-react/dist/reconciler";
+import { createElement as _$createElement } from "@tarojs/plugin-framework-react/dist/reconciler";
+import { View, Text, Button } from "@tarojs/components";
+export default function Index() {
+ return function () {
+ var _el$ = _$createElement("view"),
+ _el$2 = _$createElement("view"),
+ _el$3 = _$createElement("text"),
+ _el$5 = _$createElement("button");
+ _$insertNode(_el$, _el$2);
+ _$insertNode(_el$, _el$5);
+ _$setProp(_el$, "class", "index");
+ _$insertNode(_el$2, _el$3);
+ _$insertNode(_el$3, _$createTextNode("Hello world! "));
+ _$insertNode(_el$5, _$createTextNode("set class"));
+ return _el$;
+ }();
+}
+```
+
+> The purpose of doing so is to ensure compatibility by aligning the compilation results of Taro components within mini programs with those of original tags.

packages/babel-plugin-transform-solid-jsx-ad-taro-components/index.js

@@ -0,0 +1,35 @@
+const jsxTransform = require('./dist')
+
+module.exports = function (context, options = {}) {
+ const plugins = [
+ [
+ jsxTransform,
+ Object.assign(
+ {
+ moduleName: 'solid-js/web',
+ builtIns: [
+ 'For',
+ 'Show',
+ 'Switch',
+ 'Match',
+ 'Suspense',
+ 'SuspenseList',
+ 'Portal',
+ 'Index',
+ 'Dynamic',
+ 'ErrorBoundary',
+ ],
+ contextToCustomElements: true,
+ wrapConditionals: true,
+ generate: 'dom',
+ uniqueTransform: false,
+ },
+ options
+ ),
+ ],
+ ]
+
+ return {
+ plugins,
+ }
+}

packages/babel-plugin-transform-solid-jsx-ad-taro-components/jest.config.js

@@ -0,0 +1,10 @@
+module.exports = {
+ 'moduleDirectories': ['node_modules', 'packages'],
+ 'testEnvironment': 'jsdom',
+ 'collectCoverageFrom': [
+ './index.js'
+ ],
+ 'transform': {
+ '^.+\\.jsx?$': 'babel-jest'
+ }
+}

packages/babel-plugin-transform-solid-jsx-ad-taro-components/package.json

@@ -0,0 +1,47 @@
+{
+ "name": "babel-plugin-transform-solid-jsx-ad-taro-components",
+ "description": "A JSX to DOM plugin that wraps expressions for fine grained change detection",
+ "version": "4.0.0-beta.45",
+ "license": "MIT",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/NervJS/taro.git"
+ },
+ "bugs": {
+ "url": "https://github.com/NervJS/taro/issues"
+ },
+ "readmeFilename": "README.md",
+ "main": "index.js",
+ "files": [
+ "dist"
+ ],
+ "sideEffects": false,
+ "scripts": {
+ "build": "rollup -c --bundleConfigAsCjs",
+ "test": "pnpm run build && jest --no-cache",
+ "test:coverage": "pnpm run build && jest --coverage --no-cache",
+ "prepublishOnly": "pnpm run build",
+ "prepare": "pnpm run build"
+ },
+ "dependencies": {
+ "@babel/helper-module-imports": "7.18.6",
+ "@babel/plugin-syntax-jsx": "^7.18.6",
+ "@babel/types": "^7.20.7",
+ "html-entities": "2.3.3",
+ "validate-html-nesting": "^1.2.1"
+ },
+ "devDependencies": {
+ "@babel/core": "^7.8.0",
+ "@babel/preset-env": "^7.20.2",
+ "@rollup/plugin-commonjs": "^25.0.7",
+ "@rollup/plugin-node-resolve": "^15.2.3",
+ "babel-jest": "^29.3.1",
+ "babel-plugin-tester": "^11.0.4",
+ "jest": "^29.7.0",
+ "jest-environment-jsdom": "^29.3.1",
+ "jest-resolve": "^29.3.1",
+ "jsdom": "^21.0.0",
+ "rollup": "^4.9.5",
+ "rollup-plugin-node-externals": "^4.0.0"
+ }
+}

packages/babel-plugin-transform-solid-jsx-ad-taro-components/rollup.config.js

@@ -0,0 +1,26 @@
+import nodeResolve from '@rollup/plugin-node-resolve'
+import path from 'path'
+
+const plugins = [
+ nodeResolve({
+ rootDir: path.join(process.cwd(), '../..'),
+ moduleDirectories: ['node_modules', 'packages'],
+ }),
+]
+
+export default {
+ input: 'src/index.js',
+ external: [
+ '@babel/plugin-syntax-jsx',
+ '@babel/helper-module-imports',
+ '@babel/types',
+ 'html-entities',
+ 'validate-html-nesting',
+ ],
+ output: {
+ file: 'dist/index.js',
+ format: 'cjs',
+ exports: 'auto',
+ },
+ plugins,
+}

packages/babel-plugin-transform-solid-jsx-ad-taro-components/src/VoidElements.js

@@ -0,0 +1,18 @@
+export default [
+ 'area',
+ 'base',
+ 'br',
+ 'col',
+ 'embed',
+ 'hr',
+ 'img',
+ 'input',
+ 'keygen',
+ 'link',
+ 'menuitem',
+ 'meta',
+ 'param',
+ 'source',
+ 'track',
+ 'wbr'
+]

packages/babel-plugin-transform-solid-jsx-ad-taro-components/src/config.js

@@ -0,0 +1,16 @@
+export default {
+ moduleName: 'dom',
+ generate: 'dom',
+ hydratable: false,
+ delegateEvents: true,
+ delegatedEvents: [],
+ builtIns: [],
+ requireImportSource: false,
+ wrapConditionals: true,
+ omitNestedClosingTags: false,
+ contextToCustomElements: false,
+ staticMarker: '@once',
+ effectWrapper: 'effect',
+ memoWrapper: 'memo',
+ validate: true
+}