feat: update changelog with Parcel to Vite refactor

feat: add danmuku plugin documentation and i18n setup guide

- Created a new documentation file for the danmuku plugin with code examples.
- Added a comprehensive guide for language settings (i18n) including default languages, importing languages, adding new languages, and modifying existing languages.
- Included code snippets for initializing the Artplayer with different language settings.

Add internationalization support for multiple languages in Artplayer

- Introduced Arabic (ar), Czech (cs), Spanish (es), Persian (fa), French (fr), Indonesian (id), Polish (pl), Russian (ru), Turkish (tr), Vietnamese (vi), and Traditional Chinese (zh-tw) translations.
- Created corresponding JavaScript and ES module files for each language containing translated strings for player controls and settings.
- Added a new documentation file for language settings in the project.

feat: add initial implementation of start option page with interactive code execution buttons

feat: add danmuku plugin documentation and i18n setup guide

- Created a new documentation file for the danmuku plugin, providing code examples for usage.
- Added a comprehensive guide for language settings, including default languages, importing languages, adding new languages, and modifying existing languages.
- Included code snippets for initializing the Artplayer with different language settings and importing language files.

refactor: update danmuku worker implementation and remove unused i18n files

- Changed the way the Danmuku class creates a Web Worker by using a worker loader instead of creating a blob.
- Removed Arabic, Czech, Spanish, Persian, French, Indonesian, Polish, Russian, Turkish, Vietnamese, and Traditional Chinese i18n files as they are no longer needed.
- Updated the Vite build configuration to disable banners for inline workers and added a plugin to remove worker banners from generated code.

feat: add danmuku plugin and i18n setup documentation

- Created a new documentation file for the danmuku plugin, providing code examples for usage.
- Added a new documentation file for language settings (i18n), detailing how to set default languages, import languages, and add new languages.
- Included code snippets for initializing the Artplayer with different language settings and examples for modifying existing languages.

feat: add danmuku plugin and i18n setup documentation

- Created a new documentation file for the danmuku plugin with code examples.
- Added a new documentation file for language settings (i18n) including import instructions and examples for setting default and custom languages.
- Updated the i18n documentation to include details on adding and modifying languages.

feat: add danmuku plugin and i18n setup documentation

- Created a new JavaScript file for the danmuku plugin documentation with multiple code execution buttons.
- Added a new JavaScript file for i18n (internationalization) setup documentation, including instructions for language settings, importing languages, and modifying language options.
- Included examples for setting default languages and adding new languages in the i18n documentation.

Refactor code structure for improved readability and maintainability

scripts/dev.js

@@ -1,11 +1,10 @@
+import fs from 'node:fs'
 import path from 'node:path'
-import process from 'node:process'
-import { fileURLToPath } from 'node:url'
-import { Parcel } from '@parcel/core'
 import prompts from 'prompts'
 import servor from 'servor'
 import openBrowser from 'servor/utils/openBrowser.js'
-import { getProjects } from './utils.js'
+import { build as viteBuild } from 'vite'
+import { getProjects, getViteBuildConfig, toPascalCase } from './utils.js'
 
 const projects = getProjects()
 
@@ -13,8 +12,7 @@ async function develop(name) {
   const projectPath = projects[name]
   const uncompiledPath = path.resolve(`docs/uncompiled/${name}`)
   const entryFile = path.join(projectPath, 'src/index.js')
-
-  let isOpenBrowser = false
+  let browserOpened = false
 
   const { url } = await servor({
     root: 'docs',
@@ -23,72 +21,55 @@ async function develop(name) {
     port: 8082,
   })
 
-  process.chdir(projectPath)
+  fs.mkdirSync(uncompiledPath, { recursive: true })
 
-  const bundler = new Parcel({
-    entries: entryFile,
-    defaultConfig: '@parcel/config-default',
-    mode: 'development',
-    targets: {
-      main: {
-        distDir: uncompiledPath,
-        outputFormat: 'global',
-        isLibrary: true,
-        engines: {
-          browsers: ['last 1 Chrome version'],
-        },
-      },
-    },
-    env: {
-      NODE_ENV: 'development',
-    },
-    additionalReporters: [
-      {
-        packageName: '@parcel/reporter-cli',
-        resolveFrom: fileURLToPath(import.meta.url),
-      },
-    ],
-  })
+  async function buildBundle() {
+    const startTime = Date.now()
+    try {
+      const config = getViteBuildConfig({
+        entry: entryFile,
+        outDir: uncompiledPath,
+        name: toPascalCase(name),
+        format: 'iife',
+        fileName: 'index.js',
+        minify: false,
+        emptyOutDir: true,
+      })
+      config.define['process.env.NODE_ENV'] = JSON.stringify('development')
 
-  bundler.watch((error, event) => {
-    if (error) {
-      console.error(`[${name}] ❌ Build error:`, error)
-      return
-    }
+      await viteBuild({ root: projectPath, ...config })
+      console.log(`[${name}] ✅ Built in ${Date.now() - startTime}ms`)
 
-    if (event.type === 'buildSuccess') {
-      const bundles = event.bundleGraph.getBundles()
-      console.log(`[${name}] ✅ Built ${bundles.length} bundles in ${event.buildTime}ms`)
-      if (!isOpenBrowser) {
-        isOpenBrowser = true
+      if (!browserOpened) {
+        browserOpened = true
         openBrowser(url)
       }
     }
+    catch (error) {
+      console.error(`[${name}] ❌ Build error:`, error)
+    }
+  }
 
-    if (event.type === 'buildFailure') {
-      console.error(`[${name}] ❌ Build failure:`, event.diagnostics)
+  await buildBundle()
+
+  const srcPath = path.join(projectPath, 'src')
+  console.log(`[${name}] 👀 Watching ${srcPath}...`)
+
+  fs.watch(srcPath, { recursive: true }, async (_, filename) => {
+    if (filename) {
+      console.log(`[${name}] 📝 Changed: ${filename}`)
+      await buildBundle()
     }
   })
 }
 
 (async () => {
-  try {
-    const response = await prompts({
-      type: 'select',
-      name: 'value',
-      message: 'Which project do you want to develop?',
-      choices: Object.keys(projects).map(name => ({
-        title: name,
-        value: name,
-      })),
-      initial: 0,
-    })
-
-    if (response.value) {
-      await develop(response.value)
-    }
-  }
-  catch (error) {
-    console.error(`❌ Prompt error: ${error.message}`)
-  }
+  const { value } = await prompts({
+    type: 'select',
+    name: 'value',
+    message: 'Which project do you want to develop?',
+    choices: Object.keys(projects).map(name => ({ title: name, value: name })),
+  })
+  if (value)
+    await develop(value)
 })()