gree
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+trim_trailing_whitespace = true
diff --git a/.env.sample b/.env.sample
@@ -0,0 +1,3 @@
+VITE_GOOGLE_ANALYTICS_ID=
+VITE_WML_URL=wml.html
+VITE_SOUNDFONT_URL=Yamaha XG Sound Set Ver.2.0.sf2
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+* text=auto eol=lf encoding=utf-8
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -0,0 +1,2 @@
+# Generated by CODEOWNERS.com
+
diff --git a/.github/workflows/deploy-gh-pages.yml b/.github/workflows/deploy-gh-pages.yml
@@ -0,0 +1,36 @@
+name: NodeJS with Vite
+
+on:
+  push:
+    branches: ['develop']
+  pull_request:
+    branches: ['develop']
+
+jobs:
+  cache-and-install:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout  ✔
+        uses: actions/checkout@v4
+
+      - uses: pnpm/action-setup@v4
+        name: Install pnpm 📦
+        with:
+          run_install: false
+
+      - name: Install Node.js ⚡️
+        uses: actions/setup-node@v4
+        with:
+          cache: 'pnpm'
+
+      - name: Build 🔧
+        run: |
+          pnpm install
+          pnpm build:docs
+
+      - name: Deploy to gh-pages 🚀
+        uses: JamesIves/github-pages-deploy-action@v4.6.4
+        with:
+          branch: gh-pages # The branch the action should deploy to.
+          folder: docs # The folder the action should deploy.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,7 @@
+/.yarn/*
+!/.yarn/releases
+/node_modules
+/dist
+/src/meta.js
+/docs
+.env
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,6 @@
+.husky/
+.vscode/
+.yarn/
+dist/
+docs/
+pnpm-lock.yaml
diff --git a/.prettierrc.yml b/.prettierrc.yml
@@ -0,0 +1,11 @@
+printWidth: 80
+tabWidth: 2
+useTabs: false
+semi: true
+singleQuote: true
+trailingComma: es5
+bracketSpacing: true
+bracketSameLine: false
+arrowParens: avoid
+htmlWhitespaceSensitivity: ignore
+endOfLine: lf
diff --git a/.stylelintrc.yml b/.stylelintrc.yml
@@ -0,0 +1,15 @@
+extends:
+  - stylelint-config-recommended-scss
+  - stylelint-config-prettier
+plugins:
+  - stylelint-order
+  - stylelint-prettier
+  - stylelint-scss
+ignoreFiles:
+  - 'dist/**/*'
+rules:
+  prettier/prettier: true
+  color-function-notation: legacy
+  function-no-unknown: null
+  scss/no-global-function-names: null
+  no-descending-specificity: null
diff --git a/LICENSE b/LICENSE
@@ -1,28 +1,22 @@
-/**
- * @license
- * smfplayer.js
- * Standard MIDI File Player in JavaScript
- * https://github.com/gree/smfplayer.js
- *
- * The MIT License
- *
- * Copyright (c) 2013 imaya / GREE Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
+MIT License
+
+Copyright (c) 2013 imaya / GREE Inc.
+Copyright (c) 2013-2025 Masashi Yoshikawa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/LICENSE.min b/LICENSE.min
diff --git a/README.md b/README.md
@@ -1,76 +1,182 @@
+# smfplayer.js
 
-smfplayer.js
-============
+[![jsdelivr CDN](https://data.jsdelivr.com/v1/package/npm/@logue/smfplayer/badge?style=rounded)](https://www.jsdelivr.com/package/npm/@logue/smfplayer)
+[![NPM Downloads](https://img.shields.io/npm/dm/@logue/smfplayer.svg?style=flat)](https://www.npmjs.com/package/@logue/smfplayer)
+[![Open in unpkg](https://img.shields.io/badge/Open%20in-unpkg-blue)](https://uiwjs.github.io/npm-unpkg/#/pkg/@logue/smfplayer/file/README.md)
+[![npm version](https://img.shields.io/npm/v/@logue/smfplayer.svg)](https://www.npmjs.com/package/@logue/smfplayer)
+[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/logue/@logue/smfplayer)
+[![Twitter Follow](https://img.shields.io/twitter/follow/logue256?style=plastic)](https://twitter.com/logue256)
 
-smfplayer.js は [WebMidiLink](http://www.g200kg.com/en/docs/webmidilink/) 対応シンセサイザを用いた標準 MIDI ファイルプレイヤーです。
+smfplayer.js is standard MIDI file player using a [WebMidiLink](http://www.g200kg.com/en/docs/webmidilink/) compatible synthesizer.
 
+This program is side of sequencer. Tone Generator side is [sf2synth.js](https://github.com/logue/sf2synth.js).
 
-## 使い方
+## Usage
 
 ```js
-var player = new SMF.Player();
-
-window.addEventListener('DOMContentLoaded', function() {
-  /** @type {boolean} */
-  var loop = true;
-  /** @type {boolean} */
-  var cc111 = true;
-  /** @type {boolean} */
-  var falcom = true;
-  /** @type {boolean} */
-  var mfi = true;
-  /** @type {number} */
-  var tempo = 1.0;
-  /** @type {number} 0-16383 */
-  var volume = 16383 * 0.5;
-
-  // player settings
-  player.setLoop(loop); // Player Loop
-  player.setCC111Loop(cc111); // CC#111 Loop
-  player.setFalcomLoop(falcom); // Ys2 Eternal Loop
-  player.setMFiLoop(mfi); // MFi Loop
-  player.setTempoRate(tempo); // Playback tempo rate
-  player.setMasterVolume(volume); // Master Volume
-  player.setWebMidiLink('http://www.g200kg.com/en/docs/gmplayer/');
-
-  // load standard MIDI file
-  loadSMF('hoge.mid');
-}, false);
+import SMF from '@logue/smfplayer';
+
+const player = new SMF.Player();
+
+window.addEventListener(
+  'DOMContentLoaded',
+  () => {
+    /** @type {boolean} */
+    const loop = true;
+    /** @type {boolean} */
+    const cc111 = true;
+    /** @type {boolean} */
+    const falcom = true;
+    /** @type {boolean} */
+    const mfi = true;
+    /** @type {number} */
+    const tempo = 1.0;
+    /** @type {number} 0-16383 */
+    const volume = 16383 * 0.5;
+
+    // player settings
+    player.setLoop(loop); // Player Loop
+    player.setCC111Loop(cc111); // CC#111 Loop
+    player.setFalcomLoop(falcom); // Ys2 Eternal Loop
+    player.setMFiLoop(mfi); // MFi Loop
+    player.setTempoRate(tempo); // Playback tempo rate
+    player.setMasterVolume(volume); // Master Volume
+    player.setWebMidiLink('https://logue.dev/smfplayer.js/wml.html');
+
+    // load standard MIDI file
+    loadSMF('hoge.mid');
+  },
+  false
+);
 
 /**
  * @param {string} url
  */
 function loadSMF(url) {
-  var xhr = new XMLHttpRequest();
-
-  xhr.open('GET', url, true);
-  xhr.addEventListener('load', function (event) {
-    /** @type {Uint8Array} */
-    var input = new Uint8Array(event.target.response);
-
-    // load MIDI file
-    player.loadMidiFile(input);
-    player.play();
-  }, false);
-  xhr.responseType = 'arraybuffer';
-  xhr.send();
+  fetch(url)
+    .then(response => {
+      if (!response.ok) {
+        throw new Error('HTTP error, status = ' + response.status);
+      }
+      return response.arrayBuffer();
+    })
+    .then(arraybuffer => {
+      /** @type {string} */
+      const ext = url.split('.').pop();
+      switch (ext) {
+        case 'midi':
+        case 'mid':
+          // Load MIDI file
+          player.loadMidiFile(arraybuffer);
+          break;
+        case 'mld':
+          // Load Polyphonic Ringtone File
+          player.loadMldFile(arraybuffer);
+          break;
+        case 'ms2mml':
+          // Load Maple Story 2 MML File
+          player.loadMs2MmlFile(arraybuffer);
+          break;
+        case 'mms':
+          // Load MakiMabi Sequence MML File
+          player.loadMakiMabiSequenceFile(arraybuffer);
+          break;
+        case 'mml':
+          // Load 3MLE MML File
+          player.load3MleFile(arraybuffer);
+          break;
+        case 'mmi':
+          // Load Mabicco MML File
+          player.loadMabiIccoFile(arraybuffer);
+          break;
+        default:
+          throw new Error('Unsupported format:' + ext);
+      }
+      player.play();
+    })
+    .catch(e => console.error(e));
 }
 ```
 
+For more details, please refer to the source code in [demo](./src/demo/). (Although there are many [Bootstrap](https://getbootstrap.com/) dependent codes)
 
-## 対応ブラウザ
+### CDN
+
+Entry point is `SMF`.
+
+```html
+<script src="https://cdn.jsdelivr.net/npm/@logue/smfplayer@latest/dist/smfplayer.iife.min.js"></script>
+<script>
+  const player = new SMF.Player();
+  // ...
+</script>
+```
+
+## Methods
+
+| Method                                | Description                                                     |
+| ------------------------------------- | --------------------------------------------------------------- |
+| play()                                | Play Sequence                                                   |
+| stop()                                | Stop Sequence                                                   |
+| sendAllSoundOff()                     | Send AllSoundOff to WML                                         |
+| sendGmReset(`lv`)                     | Send GM Reset SysEx to WML. (Set `lv` to `true` for GM Level2.) |
+| sendRawMidiMessage()                  | Send Midi message directly (such as `F0,7E,7F.09.01,F7`)        |
+| load3MleFile(ArrayBuffer)             | Load 3MLE（\*.mml）format MML file.                             |
+| loadMakiMabiSequenceFile(ArrayBuffer) | Load MakiMabi Sequence（\*.mms）MML file.                       |
+| loadMidiFile(ArrayBuffer)             | Load Standard MIDI file.(SMF1, SMF2 both supported)             |
+| loadMldFile(ArrayBuffer)              | Load Docomo Ringtone Melody（\*.mld）file.                      |
+| loadMabiIccoFile(ArrayBuffer)         | Load MabiIcco（\*.mmi）MML file.                                |
+| loadMs2MmlFile(ArrayBuffer)           | Load MapleStory2 MML（\*.ms2mml）file.                          |
+| setCC111Loop(boolean)                 | Enable loop by ControlChange No.111                             |
+| setFalcomLoop(boolean)                | Enable Falcom loop (Used MIDI text)                             |
+| setLoop(boolean)                      | Enable Loop                                                     |
+| setMFiLoop(boolean)                   | Enable Mfi meta data loop.                                      |
+| setMasterVolume(number)               | Set Master volume（0~1）                                        |
+| setPosition(number)                   | Jump sequence position.                                         |
+| setTempoRate(number)                  | Set Tempo Rate                                                  |
+| setWebMidiLink(string)                | Set WML url.                                                    |
+| getCopyright()                        | Get Copyright meta data.                                        |
+| getLength()                           | Get Sequence Length.                                            |
+| getLyrics()                           | Get Lyrics meta data of current position. [^1]                  |
+| getPosition()                         | Get current position.                                           |
+| getSequenceName()                     | Get Sequence name. (usually contains the song title.)           |
+| getTextEvent()                        | Get the TextEvent of current position.                          |
+| getWebMidiLink()                      | Get WebMidiLink URL                                             |
+| getTempo()                            | Get current tempo.                                              |
+| getTime(number)                       | Output current playing time (hh:mm:ss)                          |
+| getTotalTime()                        | Output playing time of MIDI file.[^2]                           |
+
+[^1] This program does not parse karaoke data. ([KAR](http://gnese.free.fr/Projects/KaraokeTime/Fichiers/karfaq.html), [XF](https://jp.yamaha.com/files/download/other_assets/7/321757/xfspc.pdf), etc.)
+[^2] Since it is calculated based on the current tempo, if the tempo changes in the middle of the song, the value here will also change.
+
+### Restrictions when reading MML
+
+When reading the following files, the program change values match those of MSXspirit.dls and are not compatible with GM. Download `MSXspirit.sf2` from [MabiMmlEmu](https://github.com/logue/MabiMmlEmu/) and load it into wml.html to use it.
+
+| Extension | Description                                            |
+| --------- | ------------------------------------------------------ |
+| \*.mms    | [MakiMabi Sequence](https://booth.pm/ja/items/2372062) |
+| \*.mml    | [3MLE](http://3ml.jp/)                                 |
+| \*.mmi    | [MabiIcco](https://github.com/fourthline/mmlTools)     |
+
+When reading an MML file (\*.ms2mml) from [MapleStory2](https://maplestory2.nexon.co.jp/), the program change is not included in the file format, so the instrument will be 0 (fixed to piano). increase.
+
+## Compatibility
 
 - Firefox 7+
 - Google Chrome 7+
 - Safari 5.1+
+- Edge
 
+## TODO
 
-## WebMidiLink 対応
+Recomposer file (\*.rcm) support.
 
-sf2synth.js は WebMidiLink の Link Level 1 にのみ対応しています。
+## License
 
+Copyright &copy; 2013 imaya / GREE Inc.
+Copyright &copy; 2013-2025 by Logue.
 
-## ライセンス
+[PSGConverter.js](https://github.com/logue/PSGConverter) Copyright &copy; 2006-2012 by Logue.
 
-Copyright &copy; 2013 imaya / GREE Inc.
-Licensed under the MIT License.
+Licensed under the [MIT](LICENSE) License.
diff --git a/TODO.md b/TODO.md
@@ -0,0 +1,4 @@
+# TODO
+
+- Adjusting Midi playback location.
+- Worker Mode.