From 2b871dfad3ccb79ceb62f60f4a1ba7003fecc1f7 Mon Sep 17 00:00:00 2001
From: onsetsu <stefan.ramson@gmail.com>
Date: Thu, 26 Sep 2024 11:14:59 +0200
Subject: [PATCH] added example for plugin explorer

SQUASHED: AUTO-COMMIT-demos-stefan-plugin-explorer-README.md,
---
 demos/stefan/plugin-explorer/README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 demos/stefan/plugin-explorer/README.md

diff --git a/demos/stefan/plugin-explorer/README.md b/demos/stefan/plugin-explorer/README.md
new file mode 100644
index 000000000..cf4b3847b
--- /dev/null
+++ b/demos/stefan/plugin-explorer/README.md
@@ -0,0 +1,14 @@
+# Babel Plugin Explorer Demo
+
+The babel.js plugin explorer allows developers to live program plugins to the babel transpiler used in Lively4.
+Live programming provides instant feedback on the example input.
+Further, Lively's self-sustaining nature allows you to apply changes to the compiler on-the-fly, thus, affecting all future module loads without the need to restart lively.
+
+<script>
+<button click={async evt => {
+    const explorer = await lively.openComponentInWindow('lively-plugin-explorer', undefined, lively.pt(1000, 800))
+                explorer.livelyExample();
+  }}>Start Babel Plugin Explorer</button>;
+</script>
+
+You can go to the trace visualization using the <button><i class='fa fa-search'></i></button> button in top right corner.
\ No newline at end of file