ref: put components into shared "@core" package

packages/core/components/background.svelte

@@ -2,7 +2,7 @@
     import { processImage } from '@core/graphics';
     import blobToImageData from '@core/graphics/blob2imageData';
     import imageDataToBlob from '@core/graphics/imageData2blob';
-    import localforage from '$lib/utils/storage';
+    import localforage from '@core/utils/storage';
     export let coverId: string;
     let canvas: HTMLCanvasElement;
 

packages/core/components/database/songCard.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
-    import formatDuration from "$lib/utils/formatDuration";
-    import { formatViews } from "$lib/utils/formatViews";
+    import formatDuration from "@core/utils/formatDuration";
+    import { formatViews } from "@core/utils/formatViews";
+    import { type MusicMetadata } from '@core/server/database/musicInfo';
 
     export let songData: MusicMetadata;
 </script>

packages/core/components/import/fileList.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
     import { useAtom } from 'jotai-svelte';
-    import { fileListState, finalFileListState } from '$lib/state/fileList.state';
-    import toHumanSize from '$lib/utils/humanSize';
-    import formatText from '$lib/utils/formatText';
-    import extractFileName from '$lib/utils/extractFileName';
-    import getAudioMeta from '$lib/utils/getAudioCoverURL';
-    import convertCoverData from '$lib/utils/convertCoverData';
+    import { fileListState, finalFileListState } from '@core/state/fileList.state';
+    import toHumanSize from '@core/utils/humanSize';
+    import formatText from '@core/utils/formatText';
+    import extractFileName from '@core/utils/extractFileName';
+    import getAudioMeta from '@core/utils/getAudioCoverURL';
+    import convertCoverData from '@core/utils/convertCoverData';
     import type { IAudioMetadata } from 'music-metadata-browser';
-    import formatDuration from '$lib/utils/formatDuration';
+    import formatDuration from '@core/utils/formatDuration';
     const items = useAtom(fileListState);
     const finalItems = useAtom(finalFileListState);
     let displayItems: any[] = [];

packages/core/components/import/fileSelector.svelte

@@ -3,7 +3,7 @@
     import ImportIcon from './importIcon.svelte';
     import { onMount } from 'svelte';
     import { useAtom } from 'jotai-svelte';
-    import { fileListState } from '$lib/state/fileList.state';
+    import { fileListState } from '@core/state/fileList.state';
     import AddIcon from './addIcon.svelte';
     const fileItems = useAtom(fileListState);
     export let accept: string = ".aac, .mp3, .wav, .ogg, .flac";

packages/core/components/interactiveBox.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
-    import formatDuration from '$lib/utils/formatDuration';
+    import formatDuration from '../utils/formatDuration';
     import { onMount } from 'svelte';
-    import userAdjustingProgress from '$lib/state/userAdjustingProgress';
-    import progressBarSlideValue from '$lib/state/progressBarSlideValue';
-    import truncate from '$lib/utils/truncate';
+    import userAdjustingProgress from '../state/userAdjustingProgress';
+    import progressBarSlideValue from '../state/progressBarSlideValue';
+    import truncate from '../utils/truncate';
 
     export let name: string;
     export let singer: string = '';

packages/core/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

packages/core/server/database/loadData.ts

@@ -1,5 +1,5 @@
 import fs from 'fs';
-import { globalMemoryStorage, songData, songNameCache } from '$lib/server/cache.js';
+import { globalMemoryStorage, songData, songNameCache } from '@core/server/cache.js';
 import { getDirectoryHash } from '../dirHash';
 import { safePath } from '../safePath';
 

packages/core/tailwind.config.js

@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+    content: ['./**/*.{html,js,svelte,ts}'],
+    theme: {
+        extend: {},
+    },
+    plugins: [],
+}

packages/core/tsconfig.json

@@ -0,0 +1,18 @@
+{
+    "extends": ["../../tsconfig.base.json"],
+    "compilerOptions": {
+        "baseUrl": ".",
+        "paths": {
+            "@core/*": ["./*"]
+        },
+        "allowJs": true,
+        "checkJs": false,
+        "esModuleInterop": true,
+        "forceConsistentCasingInFileNames": true,
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "sourceMap": true,
+        "strict": true,
+        "types": ["bun"]
+    }
+}

packages/web/src/routes/+page.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
-    import extractFileName from '$lib/utils/extractFileName';
-    import getVersion from '$lib/utils/getVersion';
-    import toHumanSize from '$lib/utils/humanSize';
-    import localforage from '$lib/utils/storage';
+    import extractFileName from '@core/utils/extractFileName';
+    import getVersion from '@core/utils/getVersion';
+    import toHumanSize from '@core/utils/humanSize';
+    import localforage from '@core/utils/storage';
     interface Song {
         name: string;
         singer?: string;

packages/web/src/routes/database/submit/+page.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { getCurrentFormattedDateTime } from '$lib/utils/songUpdateTime';
+    import { getCurrentFormattedDateTime } from '@core/utils/songUpdateTime';
     import type { MusicMetadata } from '@core/server/database/musicInfo';
     let templateSongData: MusicMetadata = {
         id: '',

packages/web/src/routes/import/[id]/lyric/+page.svelte

@@ -2,8 +2,8 @@
     import { page } from '$app/stores';
     import FileList from '@core/components/import/fileList.svelte';
     import FileSelector from '@core/components/import/fileSelector.svelte';
-    import localforage from '$lib/utils/storage';
-    import { fileListState } from '$lib/state/fileList.state';
+    import localforage from '@core/utils/storage';
+    import { fileListState } from '@core/state/fileList.state';
     import { useAtom } from 'jotai-svelte';
     const fileList = useAtom(fileListState);
     const audioId = $page.params.id;

packages/web/src/routes/import/local/+page.svelte

@@ -1,10 +1,10 @@
 <script>
     import FileList from '@core/components/import/fileList.svelte';
     import FileSelector from '@core/components/import/fileSelector.svelte';
-    import { fileListState, finalFileListState } from '$lib/state/fileList.state';
-    import { localImportFailed, localImportSuccess } from '$lib/state/localImportStatus.state';
+    import { fileListState, finalFileListState } from '@core/state/fileList.state';
+    import { localImportFailed, localImportSuccess } from '@core/state/localImportStatus.state';
     import { useAtom } from 'jotai-svelte';
-    import localforage from '$lib/utils/storage';
+    import localforage from '@core/utils/storage';
     import { v1 as uuidv1 } from 'uuid';
     const fileList = useAtom(fileListState);
     const finalFiles = useAtom(finalFileListState);

packages/web/src/routes/play/[id]/+page.svelte

@@ -4,15 +4,15 @@
     import Background from '@core/components/background.svelte';
     import Cover from '@core/components/cover.svelte';
     import InteractiveBox from '@core/components/interactiveBox.svelte';
-    import extractFileName from '$lib/utils/extractFileName';
+    import extractFileName from '@core/utils/extractFileName';
     import localforage from 'localforage';
     import { writable } from 'svelte/store';
     import lrcParser from '@core/lyrics/lrc/parser';
     import type { LrcJsonData } from '@core/lyrics/type';
-    import userAdjustingProgress from '$lib/state/userAdjustingProgress';
+    import userAdjustingProgress from '@core/state/userAdjustingProgress';
     import type { IAudioMetadata } from 'music-metadata-browser';
     import { onMount } from 'svelte';
-    import progressBarRaw from '$lib/state/progressBarRaw';
+    import progressBarRaw from '@core/state/progressBarRaw';
     import { parseTTML } from '@core/lyrics/ttml';
     import NewLyrics from '@core/components/lyrics/newLyrics.svelte';
 
@@ -213,8 +213,6 @@
 
 <NewLyrics {originalLyrics} progress={currentProgress} player={audioPlayer}/>
 
-<!-- <Lyrics lyrics={lyricsText} {originalLyrics} progress={currentProgress} player={audioPlayer} class="hidden" /> -->
-
 <audio
     bind:this={audioPlayer}
     controls

packages/web/tailwind.config.js

@@ -1,6 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-    content: ['./src/**/*.{html,js,svelte,ts}'],
+    content: ['./src/**/*.{html,js,svelte,ts}', '../../packages/core/components/**/*.{html,js,svelte,ts}'],
     theme: {
         extend: {},
     },