Add jsx example

rollup · Oct 2, 2024 · 4b2e94b · 4b2e94b
1 parent ef9bbc4
commit 4b2e94b
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 7 deletions.
diff --git a/docs/repl/examples/07/example.json b/docs/repl/examples/07/example.json
@@ -1,10 +1,10 @@
 {
 	"title": "Multiple Entry Modules",
-    "entryModules": ["main.js", "otherEntry.js"],
-  "options": {
-    "output": {
-      "minifyInternalExports": false,
-      "preserveModules": false
-    }
-  }
+	"entryModules": ["main.js", "otherEntry.js"],
+	"options": {
+		"output": {
+			"minifyInternalExports": false,
+			"preserveModules": false
+		}
+	}
 }
diff --git a/docs/repl/examples/08/example.json b/docs/repl/examples/08/example.json
@@ -0,0 +1,8 @@
+{
+	"title": "JSX",
+	"options": {
+		"jsx": {
+          "mode": "preserve"
+        }
+	}
+}
diff --git a/docs/repl/examples/08/modules/main.js b/docs/repl/examples/08/modules/main.js
@@ -0,0 +1,6 @@
+// JSX SUPPORT
+// Try different jsx.mode and see how it is transformed
+import './other.js';
+const Foo = ({ world }) => <div>Hello {world}!</div>;
+
+console.log(<Foo world="World" />);
diff --git a/docs/repl/examples/08/modules/other.js b/docs/repl/examples/08/modules/other.js
@@ -0,0 +1,2 @@
+const Foo = () => <div>This is deconflicted!</div>;
+console.log(<Foo />);
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		const Foo = () => <div>This is deconflicted!</div>;
		console.log(<Foo />);