update

Author: bichikim

.loki/.gitignore

@@ -0,0 +1,2 @@
+current
+difference

apps/bplan-client/README.md

@@ -77,3 +77,11 @@ https://www.mapianist.com/sheet/121897
 https://magenta.tensorflow.org/get-started/#magenta-js
 
 ## kwnown issue
+
+## Browser Compatibility
+
+- chrome 55+
+- safari 11.3+
+- firefox 53+
+- opera 42+
+- edge 15+

apps/bplan-client/package.json

@@ -33,6 +33,8 @@
     "workbox-expiration": "^7.3.0"
   },
   "devDependencies": {
+    "@winter-love/vite-lib-config": "workspace:*",
+    "@vitejs/plugin-legacy": "6.0.0",
     "@types/js-cookie": "^3.0.6",
     "@winter-love/sw": "workspace:*",
     "glob": "^11.0.0",
@@ -44,7 +46,8 @@
     "flush-promises": "^1.0.2",
     "typescript": "^5.7.3",
     "unocss": "^0.65.3",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.0",
+    "terser": "^5.37.0"
   },
   "engines": {
     "node": ">= 22"

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

@@ -35,8 +35,8 @@ const rootStyle = cva(
 const iconStyle = cva('inline-block  text-7 text-white', {
   variants: {
     isHidden: {
-      false: 'i-hugeicons:cancel-02',
-      true: 'i-hugeicons:youtube',
+      false: 'i-tabler:x',
+      true: 'i-tabler:playlist',
     },
   },
 })

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

@@ -110,7 +110,7 @@ export const SFileItem = (props: SFileItemProps) => {
       onLeftExecute={handleLeDelete}
       dragLeftChildren={
         <span class="block w-[calc(100%-0.25rem)] h-full overflow-hidden bg-red p-1 box-border rd-1">
-          <span class="block w-full h-full i-hugeicons:delete-02 bg-white " />
+          <span class="block w-full h-full i-tabler:trash bg-white " />
         </span>
       }
     >
@@ -125,7 +125,7 @@ export const SFileItem = (props: SFileItemProps) => {
         <span class="block absolute bg-blue rd-1 top-0 left-0 w-full h-full opacity-40" />
       </Show>
       <Show when={showPlayingIcon()}>
-        <span class="block i-hugeicons:arrow-right-double absolute text-gray-500 left-3" />
+        <span class="block i-tabler:chevrons-right absolute text-gray-500 left-3" />
       </Show>
       <span class="relative block text-gray b-r-solid b-r-.25 b-r-gray-300 pr-2">
         <span class={indexStyle({playing: showPlayingIcon()})}>
@@ -146,12 +146,10 @@ export const SFileItem = (props: SFileItemProps) => {
       </span>
       <Show
         when={innerProps.inProgress}
-        fallback={<span class="w-5 h-5 flex-shrink-0" />}
+        fallback={<span class="w-5 h-5 flex-shrink-0 i-tabler:piano" />}
       >
         <span class="scale-140 inline-flex origin-center flex-shrink-0">
-          <span
-            class={cx('inline-block i-hugeicons:loading-02 text-black', 'animate-spin')}
-          />
+          <span class={cx('inline-block i-tabler:loader-2 text-black', 'animate-spin')} />
         </span>
       </Show>
       <Show when={innerProps.ext && innerProps.ext !== 'midi' && !innerProps.inProgress}>

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

@@ -15,8 +15,8 @@ export interface SFileListProps
 const rootStyle = cva(
   cx(
     'flex flex-col relative',
-    'before-i-hugeicons:arrow-down-01 before-absolute before-w-5 before-h-5 before-bottom--1 before-w-full',
-    'after-i-hugeicons:arrow-up-01 after-absolute after-w-5 after-h-5 after-top--1 after-w-full',
+    'before-i-tabler:chevron-down before-absolute before-w-5 before-h-5 before-bottom--1 before-w-full',
+    'after-i-tabler:chevron-up after-absolute after-w-5 after-h-5 after-top--1 after-w-full',
   ),
   {
     variants: {

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

@@ -106,7 +106,7 @@ export const SMidiFileInput = (props: HMidiFileInputProps) => {
     <div class={cx(rootStyle, innerProps.class)}>
       <label class="inline-flex" for={id}>
         <span class="text-nowrap md:text-6 text-4">Click or Drop </span>
-        <span class="block i-hugeicons:file-add text-6 px-1" />
+        <span class="block i-tabler:file-plus text-6 px-1" />
         <span class="text-nowrap md:inline hidden md:text-6 text-4">Your files</span>
       </label>
 

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

@@ -32,8 +32,8 @@ export interface SPlayerControllerProps
 const playStyle = cva('block text-8', {
   variants: {
     isPlaying: {
-      false: 'i-hugeicons:play',
-      true: 'i-hugeicons:pause',
+      false: 'i-tabler:player-play',
+      true: 'i-tabler:player-pause',
     },
   },
 })
@@ -121,7 +121,7 @@ export const SPlayerController = (props: SPlayerControllerProps) => {
           onClick={innerProps.onStop}
           title="stop"
         >
-          <span class="block i-hugeicons:stop text-9" />
+          <span class="block i-tabler:player-stop text-9" />
         </SPlayerButton>
         <SRepeatButton
           class="min-w-11"
@@ -135,7 +135,7 @@ export const SPlayerController = (props: SPlayerControllerProps) => {
           onClick={innerProps.onSetting}
           title="setting"
         >
-          <span class="block i-hugeicons:setting-07 text-8" />
+          <span class="block i-tabler:settings text-8" />
         </SPlayerButton>
       </section>
     </>

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

@@ -13,9 +13,9 @@ export type RepeatType = 'no' | 'all' | 'one'
 const iconStyle = cva('block text-8', {
   variants: {
     repeat: {
-      all: 'i-hugeicons:repeat',
-      no: 'i-hugeicons:arrow-right-03',
-      one: 'i-hugeicons:repeat-one-01',
+      all: 'i-tabler:repeat',
+      no: 'i-tabler:repeat-off',
+      one: 'i-tabler:repeat-once',
     },
   },
 })

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

@@ -83,7 +83,7 @@ export const SSetting = (props: SSettingProps) => {
       />
       <div class="flex justify-end w-full">
         <SPlayerButton class="min-w-11 min-h-9 bg-gray-100" onClick={handleClose}>
-          <span class="i-hugeicons:cancel-01 text-8 inline-block" />
+          <span class="i-tabler:x text-8 inline-block" />
         </SPlayerButton>
       </div>
     </div>