switching

src/main.tsx

@@ -0,0 +1,66 @@
+import { createRoot } from 'react-dom/client';
+import { App } from './components/App';
+import { Storage } from './Storage';
+import { $appSettings } from './stores/appSettings';
+import { setShaderCode } from './stores/shader';
+import { useKeyboardShortcuts } from './hooks/useKeyboardShortcuts';
+
+// Load initial state from storage
+const savedSettings = Storage.getSettings();
+$appSettings.set(savedSettings);
+
+// Load URL hash if present
+function loadFromURL() {
+  if (window.location.hash) {
+    try {
+      const decoded = atob(window.location.hash.substring(1));
+
+      try {
+        const shareData = JSON.parse(decoded);
+        setShaderCode(shareData.code);
+        $appSettings.set({
+          resolution: shareData.resolution || savedSettings.resolution,
+          fps: shareData.fps || savedSettings.fps,
+          renderMode: shareData.renderMode || savedSettings.renderMode,
+          valueMode: shareData.valueMode || savedSettings.valueMode,
+          uiOpacity:
+            shareData.uiOpacity !== undefined
+              ? shareData.uiOpacity
+              : savedSettings.uiOpacity,
+        });
+      } catch (jsonError) {
+        // Fall back to old format (just code as string)
+        setShaderCode(decoded);
+      }
+    } catch (e) {
+      console.error('Failed to decode URL hash:', e);
+    }
+  } else {
+    // Load last shader code if no URL hash
+    setShaderCode(savedSettings.lastShaderCode ?? 'x^y');
+  }
+}
+
+// Main App component that includes keyboard shortcuts
+function AppWithShortcuts() {
+  useKeyboardShortcuts();
+  return <App />;
+}
+
+// Set up hash change listener
+window.addEventListener('hashchange', loadFromURL);
+
+// Initialize the app
+loadFromURL();
+
+// Mount React app
+const container = document.getElementById('app');
+if (!container) {
+  // Create app container if it doesn't exist
+  const appDiv = document.createElement('div');
+  appDiv.id = 'app';
+  document.body.appendChild(appDiv);
+}
+
+const root = createRoot(container || document.getElementById('app')!);
+root.render(<AppWithShortcuts />);