remove dependencies to @strudel.cycles/react

website/src/components/HeadCommon.astro

@@ -46,41 +46,9 @@ const baseNoTrailing = BASE_URL.endsWith('/') ? BASE_URL.slice(0, -1) : BASE_URL
 {pwaInfo && <Fragment set:html={pwaInfo.webManifest.linkTag} />}
 
 <script>
-  import { settings, injectStyle } from '../repl/themes.mjs';
-  import { settingsMap } from '../settings.mjs';
-  import { listenKeys } from 'nanostores';
-  const themeStyle = document.createElement('style');
-  themeStyle.id = 'strudel-theme';
-  document.head.append(themeStyle);
+  import { initTheme, codemirrorSettings } from '@strudel/codemirror';
 
-  let resetThemeStyle;
-  function activateTheme(name) {
-    if (!settings[name]) {
-      console.warn('theme', name, 'has no settings.. defaulting to strudelTheme settings');
-    }
-    const themeSettings = settings[name] || settings.strudelTheme;
-    // set css variables
-    themeStyle.innerHTML = `:root {
-      ${Object.entries(themeSettings)
-        // important to override fallback
-        .map(([key, value]) => `--${key}: ${value} !important;`)
-        .join('\n')}
-    }`;
-    // tailwind dark mode
-    if (themeSettings.light) {
-      document.documentElement.classList.remove('dark');
-    } else {
-      document.documentElement.classList.add('dark');
-    }
-    resetThemeStyle?.();
-    resetThemeStyle = undefined;
-    if (themeSettings.customStyle) {
-      resetThemeStyle = injectStyle(themeSettings.customStyle);
-    }
-  }
-
-  activateTheme(settingsMap.get().theme);
-  listenKeys(settingsMap, ['theme'], ({ theme }) => activateTheme(theme));
+  initTheme(codemirrorSettings.get().theme);
 
   // https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8
   const appHeight = () => {

website/src/components/PitchSlider.jsx

@@ -1,5 +1,5 @@
-import useEvent from '@strudel.cycles/react/src/hooks/useEvent.mjs';
-import useFrame from '@strudel.cycles/react/src/hooks/useFrame.mjs';
+import useEvent from '@src/useEvent.mjs';
+import useFrame from '@src/useFrame.mjs';
 import { getAudioContext } from '@strudel.cycles/webaudio';
 import { midi2note } from '@strudel.cycles/core';
 import { useState, useRef, useEffect } from 'react';