From 9ea99cffb87e14a5dc86970ad71953c6fabc9a64 Mon Sep 17 00:00:00 2001
From: MarcSkovMadsen <marc.skov.madsen@gmail.com>
Date: Fri, 26 Jul 2024 12:23:13 +0000
Subject: [PATCH 1/3] add panel-editor example

---
 panel_editor/README.md               |  11 +++++
 panel_editor/assets/css/examples.css |  58 ++++++++++++++++++++++++
 panel_editor/assets/favicon.png      | Bin 0 -> 4295 bytes
 panel_editor/assets/logo.png         | Bin 0 -> 7443 bytes
 panel_editor/index.html              |  63 +++++++++++++++++++++++++++
 panel_editor/pyscript.toml           |   6 +++
 6 files changed, 138 insertions(+)
 create mode 100644 panel_editor/README.md
 create mode 100644 panel_editor/assets/css/examples.css
 create mode 100644 panel_editor/assets/favicon.png
 create mode 100644 panel_editor/assets/logo.png
 create mode 100644 panel_editor/index.html
 create mode 100644 panel_editor/pyscript.toml

diff --git a/panel_editor/README.md b/panel_editor/README.md
new file mode 100644
index 0000000..0e5af31
--- /dev/null
+++ b/panel_editor/README.md
@@ -0,0 +1,11 @@
+# Simple Panel Example
+
+This is a basic example of an editable [Panel](https://panel.holoviz.org/) application with PyScript. This example is aimed for you to get up and running with Panel and the PyScript editor so you can extend it to your own needs.
+
+Please note that if you are running this example on your own server or locally, you will have to set appropriate headers or use `mini-coi` as described in [Pyscript Web Workers](https://docs.pyscript.net/latest/user-guide/workers/).
+
+For more about using Panel with Pyscript, see [Running Panel in WASM](https://panel.holoviz.org/how_to/wasm/index.html).
+
+## Libraries Used
+
+- [Panel](https://panel.holoviz.org/)
diff --git a/panel_editor/assets/css/examples.css b/panel_editor/assets/css/examples.css
new file mode 100644
index 0000000..0ac743f
--- /dev/null
+++ b/panel_editor/assets/css/examples.css
@@ -0,0 +1,58 @@
+body {
+    margin: 0;
+}
+
+.pyscript {
+    margin: 0.5rem;
+}
+
+html {
+    font-family:
+        ui-sans-serif,
+        system-ui,
+        -apple-system,
+        BlinkMacSystemFont,
+        "Segoe UI",
+        Roboto,
+        "Helvetica Neue",
+        Arial,
+        "Noto Sans",
+        sans-serif,
+        "Apple Color Emoji",
+        "Segoe UI Emoji",
+        "Segoe UI Symbol",
+        "Noto Color Emoji";
+    line-height: 1.5;
+}
+
+nav {
+    position: sticky;
+    width: 100%;
+    top: 0;
+    left: 0;
+    z-index: 9999;
+}
+
+.logo {
+    padding-right: 10px;
+    font-size: 28px;
+    height: 30px;
+    max-width: inherit;
+}
+
+.title {
+    text-decoration: none;
+    text-decoration-line: none;
+    text-decoration-style: initial;
+    text-decoration-color: initial;
+    font-weight: 400;
+    font-size: 1.5em;
+    line-height: 2em;
+    white-space: nowrap;
+}
+
+.app-header, .app-header a {
+    display: flex;
+    align-items: center;
+    padding: 0.5rem 1rem;
+}
diff --git a/panel_editor/assets/favicon.png b/panel_editor/assets/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e2c5cc2f6e9467777e9535d1d321c249db30350
GIT binary patch
literal 4295
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
I(sg<EKc?>ZYybcN

literal 0
HcmV?d00001

diff --git a/panel_editor/assets/logo.png b/panel_editor/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..faa009717d73199a2a978b512582db4c7fc8fe7d
GIT binary patch
literal 7443
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
IC21P`AES^u=>Px#

literal 0
HcmV?d00001

diff --git a/panel_editor/index.html b/panel_editor/index.html
new file mode 100644
index 0000000..df18d97
--- /dev/null
+++ b/panel_editor/index.html
@@ -0,0 +1,63 @@
+<!doctype html>
+
+<html>
+    <head>
+        <!-- Recommended meta tags -->
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+
+        <!-- PyScript CSS -->
+        <link rel="stylesheet" href="https://pyscript.net/releases/2024.7.1/core.css">
+        <!-- CSS for examples -->
+        <link rel="stylesheet" href="./assets/css/examples.css" />
+
+        <!-- This script tag bootstraps PyScript -->
+        <script type="module" src="https://pyscript.net/releases/2024.7.1/core.js"></script>
+
+        <!-- for splashscreen -->
+        <style>
+            #loading { outline: none; border: none; background: transparent }
+        </style>
+        <title>Panel Example</title>
+        <link rel="icon" type="image/png" href="./assets/favicon.png" />
+
+        <!-- bokeh scripts -->
+        <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-3.5.0.js"></script>
+        <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-3.5.0.min.js"></script>
+        <script type="text/javascript" src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-3.5.0.min.js"></script>
+        <script type="text/javascript">
+            Bokeh.set_log_level("info");
+        </script>
+
+        <!-- panel scripts -->
+        <script defer src="https://cdn.jsdelivr.net/npm/@holoviz/panel@1.5.0-b.2/dist/panel.min.js"></script>
+    </head>
+
+    <body>
+        <nav class="navbar" style="background-color: #000000">
+            <div class="app-header">
+                <a href="/">
+                    <img src="./assets/logo.png" class="logo" />
+                </a>
+                <a class="title" href="" style="color: #f0ab3c">Panel Editor Example</a>
+            </div>
+        </nav>
+
+        <script type="py-editor" config="./pyscript.toml">
+            import panel as pn
+
+            pn.extension()
+
+            slider = pn.widgets.FloatSlider(start=0, end=10, name="Amplitude")
+
+
+            def callback(new):
+                return f"Amplitude is: {new}"
+
+
+            pn.Row(slider, pn.bind(callback, slider)).servable(target="simple_app")
+        </script>
+        <div id="simple_app"></div>
+    </body>
+
+</html>
diff --git a/panel_editor/pyscript.toml b/panel_editor/pyscript.toml
new file mode 100644
index 0000000..3dd7177
--- /dev/null
+++ b/panel_editor/pyscript.toml
@@ -0,0 +1,6 @@
+name = "Simple Panel"
+description = "A basic Panel application to be used with PyScript."
+packages = [
+    "https://cdn.holoviz.org/panel/wheels/bokeh-3.5.0-py3-none-any.whl",
+    "https://cdn.holoviz.org/panel/wheels/panel-1.5.0b2-py3-none-any.whl"
+]

From f25ff8863d1aa48adef2e51081715a86fc59e0e9 Mon Sep 17 00:00:00 2001
From: MarcSkovMadsen <marc.skov.madsen@gmail.com>
Date: Fri, 26 Jul 2024 12:27:21 +0000
Subject: [PATCH 2/3] update title

---
 panel_editor/README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/panel_editor/README.md b/panel_editor/README.md
index 0e5af31..1b65b56 100644
--- a/panel_editor/README.md
+++ b/panel_editor/README.md
@@ -1,4 +1,4 @@
-# Simple Panel Example
+# Simple Panel Editor Example
 
 This is a basic example of an editable [Panel](https://panel.holoviz.org/) application with PyScript. This example is aimed for you to get up and running with Panel and the PyScript editor so you can extend it to your own needs.
 

From c76a821475e2dc0aeb2eb5cc858dcf8f117479f7 Mon Sep 17 00:00:00 2001
From: MarcSkovMadsen <marc.skov.madsen@gmail.com>
Date: Fri, 2 Aug 2024 14:19:10 +0000
Subject: [PATCH 3/3] fix

---
 panel_editor/README.md     | 4 ++--
 panel_editor/index.html    | 6 +++---
 panel_editor/pyscript.toml | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/panel_editor/README.md b/panel_editor/README.md
index 1b65b56..029db4c 100644
--- a/panel_editor/README.md
+++ b/panel_editor/README.md
@@ -1,6 +1,6 @@
-# Simple Panel Editor Example
+# Simple Panel Pyscript Editor Example
 
-This is a basic example of an editable [Panel](https://panel.holoviz.org/) application with PyScript. This example is aimed for you to get up and running with Panel and the PyScript editor so you can extend it to your own needs.
+This is a basic example of an editable [Panel](https://panel.holoviz.org/) application in the PyScript editor. This example is aimed for you to get up and running with Panel and the PyScript editor so you can extend it to your own needs.
 
 Please note that if you are running this example on your own server or locally, you will have to set appropriate headers or use `mini-coi` as described in [Pyscript Web Workers](https://docs.pyscript.net/latest/user-guide/workers/).
 
diff --git a/panel_editor/index.html b/panel_editor/index.html
index df18d97..201051b 100644
--- a/panel_editor/index.html
+++ b/panel_editor/index.html
@@ -7,12 +7,12 @@
         <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
         <!-- PyScript CSS -->
-        <link rel="stylesheet" href="https://pyscript.net/releases/2024.7.1/core.css">
+        <link rel="stylesheet" href="https://pyscript.net/releases/2024.8.1/core.css">
         <!-- CSS for examples -->
         <link rel="stylesheet" href="./assets/css/examples.css" />
 
         <!-- This script tag bootstraps PyScript -->
-        <script type="module" src="https://pyscript.net/releases/2024.7.1/core.js"></script>
+        <script type="module" src="https://pyscript.net/releases/2024.8.1/core.js"></script>
 
         <!-- for splashscreen -->
         <style>
@@ -39,7 +39,7 @@
                 <a href="/">
                     <img src="./assets/logo.png" class="logo" />
                 </a>
-                <a class="title" href="" style="color: #f0ab3c">Panel Editor Example</a>
+                <a class="title" href="" style="color: #f0ab3c">Panel Pyscript Editor Example</a>
             </div>
         </nav>
 
diff --git a/panel_editor/pyscript.toml b/panel_editor/pyscript.toml
index 3dd7177..59e4a65 100644
--- a/panel_editor/pyscript.toml
+++ b/panel_editor/pyscript.toml
@@ -1,5 +1,5 @@
-name = "Simple Panel"
-description = "A basic Panel application to be used with PyScript."
+name = "Simple Panel PyScript Editor Example"
+description = "A basic Panel application to be used with the PyScript editor."
 packages = [
     "https://cdn.holoviz.org/panel/wheels/bokeh-3.5.0-py3-none-any.whl",
     "https://cdn.holoviz.org/panel/wheels/panel-1.5.0b2-py3-none-any.whl"