babel-preset-solid 2.0.0-beta.1 → 2.0.0-beta.11

package/README.md

@@ -1,62 +1,79 @@
-# babel-preset-solid
-Babel preset to transform JSX into Solid runtime calls.
-
-### Install
-
-Via NPM
-
-```javascript
-npm install babel-preset-solid --save-dev
-```
-
-or Yarn
-
-```javascript
-yarn add babel-preset-solid --dev
-```
-
-### Usage
-
-Make or update your .babelrc config file with the preset:
-
-```javascript
-{
-  "presets": [
-    "solid"
-  ]
-}
-```
-
-Via package.json
-
-```javascript
-   ...
-   "babel": {
-     "presets": [
-       "es2015",
-       "solid"
-     ],
-     "plugins": [
-     ]
-   },
-   ...
-```
-
-### Usage for SSR code
-When need to transform JSX code to be used on the server, pass the following options
-
-```javascript
-{
-  "presets": [
-    ["solid", { "generate": "ssr", "hydratable": true }]
-  ]
-}
-```
-And for the browser build pass the hydratable option as well:
-```javascript
-{
-  "presets": [
-    ["solid", { "generate": "dom", "hydratable": true }]
-  ]
-}
-```
+# babel-preset-solid
+
+Babel preset to transform JSX into Solid runtime calls.
+
+### Install
+
+Via NPM
+
+```javascript
+npm install babel-preset-solid --save-dev
+```
+
+or Yarn
+
+```javascript
+yarn add babel-preset-solid --dev
+```
+
+### Usage
+
+Make or update your .babelrc config file with the preset:
+
+```javascript
+{
+  "presets": [
+    "solid"
+  ]
+}
+```
+
+For TypeScript projects, configure JSX types through the renderer package. Web projects should use:
+
+```json
+{
+  "compilerOptions": {
+    "jsx": "preserve",
+    "jsxImportSource": "@solidjs/web"
+  }
+}
+```
+
+`babel-preset-solid` handles JSX compilation; `jsxImportSource` controls TypeScript's JSX namespace. In Solid 2.0, `solid-js` does not provide `solid-js/jsx-runtime` types.
+
+Via package.json
+
+```javascript
+   ...
+   "babel": {
+     "presets": [
+       "es2015",
+       "solid"
+     ],
+     "plugins": [
+     ]
+   },
+   ...
+```
+
+### Usage for SSR code
+
+When need to transform JSX code to be used on the server, pass the following options
+
+```javascript
+{
+  "presets": [
+    ["solid", { "generate": "ssr", "hydratable": true }]
+  ]
+}
+```
+
+And for the browser build pass the hydratable option as well:
+
+```javascript
+{
+  "presets": [
+    ["solid", { "generate": "dom", "hydratable": true }]
+  ]
+}
+```

package/index.js

@@ -13,6 +13,7 @@ module.exports = function (context, options = {}) {
             "Switch",
             "Match",
             "Loading",
+            "Reveal",
             "Portal",
             "Repeat",
             "Dynamic",

package/package.json

@@ -1,21 +1,25 @@
 {
   "name": "babel-preset-solid",
-  "version": "2.0.0-beta.1",
-  "description": "Babel preset to transform JSX for Solid.js",
+  "version": "2.0.0-beta.11",
+  "description": "Babel preset that compiles Solid's JSX into fine-grained DOM operations.",
   "author": "Ryan Carniato <ryansolid@gmail.com>",
   "homepage": "https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid#readme",
   "license": "MIT",
-  "repository": "https://github.com/solidjs/solid/blob/main/packages/babel-preset-solid",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/solidjs/solid.git",
+    "directory": "packages/babel-preset-solid"
+  },
   "main": "index.js",
   "files": [
     "index.js"
   ],
   "dependencies": {
-    "babel-plugin-jsx-dom-expressions": "^0.41.0-next"
+    "babel-plugin-jsx-dom-expressions": "0.50.0-next.9"
   },
   "peerDependencies": {
     "@babel/core": "^7.0.0",
-    "solid-js": "^2.0.0-beta.1"
+    "solid-js": "^2.0.0-beta.11"
   },
   "peerDependenciesMeta": {
     "solid-js": {