Dev

apps/bplan-client/src/ReloadPrompt.tsx

@@ -17,6 +17,12 @@ export const ReloadPrompt = (props: ReloadPromptProps) => {
       console.info(`Service worker at: ${swUrl}`)
     },
   })
+  const handleUpdateServiceWorker = () => {
+    console.info('handleUpdateServiceWorker')
+
+    return updateServiceWorker(true)
+  }
+
   const handleClose = () => {
     setOfflineReady(false)
     setNeedRefresh(false)
@@ -39,7 +45,7 @@ export const ReloadPrompt = (props: ReloadPromptProps) => {
             <div class="flex gap-2">
               <button
                 class="b-0 cusor-pointer rd-1 px-5 py-1"
-                onClick={() => updateServiceWorker(true)}
+                onClick={handleUpdateServiceWorker}
               >
                 Reload
               </button>

apps/bplan-client/src/components/midi-player/SHiddenPlayer.tsx

@@ -8,7 +8,7 @@ import {
   splitProps,
   ValidComponent,
 } from 'solid-js'
-import {Dynamic} from 'solid-js/web'
+// import {Dynamic} from 'solid-js/web'
 import {SClose} from 'src/components/midi-player/SClose'
 import {preventGlobalTouchAttrs} from 'src/components/real-button/use-global-touch'
 import {SPlayer, SPlayerProps} from './SPlayer'
@@ -90,8 +90,9 @@ export const SHiddenPlayer = (props: SHiddenPlayerProps) => {
     setIsRender(isShow())
   }
 
+  // Dynamic error with ssr prefetching hydration
   return (
-    <Dynamic component={innerProps.component} class={props.class ?? 'relative'}>
+    <aside class={props.class ?? 'relative'}>
       <SClose
         class="mb-1"
         onClose={handleClose}
@@ -123,6 +124,6 @@ export const SHiddenPlayer = (props: SHiddenPlayerProps) => {
           />
         </Show>
       </section>
-    </Dynamic>
+    </aside>
   )
 }

apps/bplan-client/src/routes/(main-layout)/(home)/index.tsx

@@ -16,29 +16,26 @@ export interface HomePageProps {
   presetTitle?: string
 }
 const pianoSize = 7520
+
 export default function HomePage(props: HomePageProps) {
   const [pianoElement, setPianoElement] = createSignal<HTMLElement | null>(null)
   const minPianoSize = useDetectMinScale(pianoElement, pianoSize)
   const [splendidGrandPiano, splendidGrandPianoController] = createSplendidGrandPiano({
     onEmitInstrument: emitAllIds,
   })
-
   const [settingData, setSettingData] = useCookie('coong__piano-setting', {
     keepPlayList: true,
     pianoSize: 100,
   })
-
   const [musics, setMusics, updateActive] = useStorage<MusicInfo[]>(
     'local',
-    // eslint-disable-next-line solid/reactivity
+
     `coong:piano-musics-${props.presetTitle ?? 'default'}`,
-    // eslint-disable-next-line solid/reactivity
+
     props.initMusics ?? [],
   )
-
   const isLoadDone = createMemo(() => splendidGrandPiano().loaded)
   const pageName = 'Piano'
-
   const handleSettingDataChange = (data: SettingData) => {
     setSettingData((prev) => ({...prev, ...data}))
   }

apps/bplan-client/src/routes/(main-layout)/preset/[id].tsx

@@ -1,26 +1,29 @@
+import {query, useParams} from '@solidjs/router'
+import {createResource} from 'solid-js'
 import {default as HomePage} from 'src/routes/(main-layout)/(home)'
-import {createAsync, query, useParams} from '@solidjs/router'
 
 const getSelfUrl = () => {
   return import.meta.env.VITE_API_URL ?? 'http://localhost:3000'
 }
-
 const getPreset = query(async (id?: string) => {
+  'use server'
+
   if (!id) {
     return
   }
-  const preset = await fetch(`${getSelfUrl()}/api/preset/${id}`).then((res) => {
+
+  return fetch(`${getSelfUrl()}/api/preset/${id}`).then((res) => {
     if (res.ok) {
       return res.json()
     }
 
     return {musics: [], title: 'Unknown'}
   })
-  return preset
 }, 'preset')
 
 export default function PresetPage() {
   const params = useParams()
-  const preset = createAsync(() => getPreset(params.id))
+  const [preset] = createResource(() => getPreset(params.id))
+
   return <HomePage presetTitle={preset()?.title} initMusics={preset()?.musics} />
 }

apps/bplan-client/vite.config.mts

@@ -6,7 +6,7 @@ import unoCss from 'unocss/vite'
 export default defineConfig({
   vite: {
     build: {
-      ssrManifest: true,
+      minify: false,
     },
     plugins: [
       unoCss('../../uno.config.ts'),