From d943dce11c09d08fe1d85966fd1b08adfe656ca3 Mon Sep 17 00:00:00 2001
From: "Jade (Rose) Rowland" <jaderowlanddev@gmail.com>
Date: Tue, 30 Sep 2025 00:38:35 -0400
Subject: [PATCH] customize editor

---
 packages/osc/server.js                       |  0
 website/src/components/Udels/UdelsHeader.jsx |  8 ++--
 website/src/repl/components/Header.jsx       | 48 ++------------------
 website/src/repl/useReplContext.jsx          |  5 ++
 4 files changed, 13 insertions(+), 48 deletions(-)
 mode change 100644 => 100755 packages/osc/server.js

diff --git a/packages/osc/server.js b/packages/osc/server.js
old mode 100644
new mode 100755
diff --git a/website/src/components/Udels/UdelsHeader.jsx b/website/src/components/Udels/UdelsHeader.jsx
index 754716937..8d3c158bb 100644
--- a/website/src/components/Udels/UdelsHeader.jsx
+++ b/website/src/components/Udels/UdelsHeader.jsx
@@ -4,13 +4,13 @@ export default function UdelsHeader(Props) {
   const { numWindows, setNumWindows } = Props;
 
   return (
-    <header id="header" className="flex text-white  z-[100] text-lg select-none bg-neutral-800">
+    <header id="header" className="flex text-white  z-[100] text-lg select-none bg-black">
       <div className="px-4 items-center gap-2  flex space-x-2 md:pt-0 select-none">
         <h1 onClick={() => {}} className={'text-l cursor-pointer flex gap-4'}>
-          <div className={'mt-[1px] cursor-pointer'}>🌀</div>
+          <div className={'mt-[1px] cursor-pointer'}>🦄</div>
 
-          <div className={'animate-pulse'}>
-            <span className="">strudel</span> <span className="text-sm">-UDELS</span>
+          <div>
+            <span className="font-mono text-">SWITCH ANGEL</span>
           </div>
         </h1>
         <NumberInput value={numWindows} setValue={setNumWindows} />
diff --git a/website/src/repl/components/Header.jsx b/website/src/repl/components/Header.jsx
index ca4e1ecf9..a6e5198f4 100644
--- a/website/src/repl/components/Header.jsx
+++ b/website/src/repl/components/Header.jsx
@@ -47,12 +47,12 @@ export function Header({ context, embedded = false }) {
               }
             }}
           >
-            <span className="block text-foreground rotate-90">꩜</span>
+            <span className="block text-foreground ">*</span>
           </div>
           {!isZen && (
             <div className="space-x-2">
-              <span className="">strudel</span>
-              <span className="text-sm font-medium">REPL</span>
+              <span className="">Switch Angel</span>
+              <span className="text-sm font-medium"></span>
               {!isEmbedded && isButtonRowHidden && (
                 <a href={`${baseNoTrailing}/learn`} className="text-sm opacity-25 font-medium">
                   DOCS
@@ -82,47 +82,7 @@ export function Header({ context, embedded = false }) {
               <>loading...</>
             )}
           </button>
-          <button
-            onClick={handleEvaluate}
-            title="update"
-            className={cx(
-              'flex items-center space-x-1',
-              !isEmbedded ? 'p-2' : 'px-2',
-              !isDirty || !activeCode ? 'opacity-50' : 'hover:opacity-50',
-            )}
-          >
-            {!isEmbedded && <span>update</span>}
-          </button>
-          {/* !isEmbedded && (
-            <button
-              title="shuffle"
-              className="hover:opacity-50 p-2 flex items-center space-x-1"
-              onClick={handleShuffle}
-            >
-              <span> shuffle</span>
-            </button>
-          ) */}
-          {!isEmbedded && (
-            <button
-              title="share"
-              className={cx(
-                'cursor-pointer hover:opacity-50 flex items-center space-x-1',
-                !isEmbedded ? 'p-2' : 'px-2',
-              )}
-              onClick={handleShare}
-            >
-              <span>share</span>
-            </button>
-          )}
-          {!isEmbedded && (
-            <a
-              title="learn"
-              href={`${baseNoTrailing}/workshop/getting-started/`}
-              className={cx('hover:opacity-50 flex items-center space-x-1', !isEmbedded ? 'p-2' : 'px-2')}
-            >
-              <span>learn</span>
-            </a>
-          )}
+      
           {/* {isEmbedded && (
             <button className={cx('hover:opacity-50 px-2')}>
               <a href={window.location.href} target="_blank" rel="noopener noreferrer" title="Open in REPL">
diff --git a/website/src/repl/useReplContext.jsx b/website/src/repl/useReplContext.jsx
index ac30fe342..f083b8889 100644
--- a/website/src/repl/useReplContext.jsx
+++ b/website/src/repl/useReplContext.jsx
@@ -36,6 +36,7 @@ import { getRandomTune, initCode, loadModules, shareCode } from './util.mjs';
 import './Repl.css';
 import { setInterval, clearInterval } from 'worker-timers';
 import { getMetadata } from '../metadata_parser';
+import jadeScriptsRaw from '../../../../../../switchangel/strudel-scripts/allscripts.js?raw'
 
 const { latestCode, maxPolyphony, audioDeviceName, multiChannelOrbits } = settingsMap.get();
 let modulesLoading, presets, drawContext, clearCanvas, audioReady;
@@ -142,6 +143,10 @@ export function useReplContext() {
         msg = `Default code has been loaded`;
       }
       editor.setCode(code);
+      // console.info(jadeScriptsRaw)
+      editor.repl.evaluate(jadeScriptsRaw)
+
+    
       setDocumentTitle(code);
       logger(`Welcome to Strudel! ${msg} Press play or hit ctrl+enter to run it!`, 'highlight');
     });