feat(showcase): open settings in browser by default

2023-06-30 02:24:44 -04:00
parent 8e2592b4e5
commit 7fe0d86c32
4 changed files with 13 additions and 5 deletions
--- a/.gh-pages-clear-rules
+++ b/.gh-pages-clear-rules
@@ -2,4 +2,4 @@
 !.git
 !CNAME
 !.nojekyll
-!wallpaper_engine.js
+!project.json
--- a/index.html
+++ b/index.html
@@ -12,6 +12,5 @@
 <body style="background-image: url('./assets/background/operator_bg.png');">
  <div id="app"></div>
  <script type="module" src="/src/index.js"></script>
-  <script src="/wallpaper_engine.js"></script>
 </body>
 </html>
--- a/src/components/settings.js
+++ b/src/components/settings.js
@@ -27,7 +27,6 @@ export default class Settings {
    x: 0,
    y: 0,
  }
-  #hidden = !((new URLSearchParams(window.location.search)).has("settings") || import.meta.env.MODE === 'development')
  #fps = this.#defaultFps
  #ratio = this.#defaultRatio
  #opacity = this.#defaultOpacity
@@ -71,6 +70,16 @@ export default class Settings {
    this.loadViewport()
    this.insights(false, false)
    this.#updateOptions("animation_selection", this.spinePlayer.skeleton.data.animations.map(e => e.name))
+    if ((new URLSearchParams(window.location.search)).has("settings") || import.meta.env.MODE === 'development') {
+      this.open()
+    }
+    fetch('/project.json').then(response => response.json()).then(data => {
+      if (data.aklive2d) {
+        this.open()
+      }
+    }).catch(e => {
+      console.log(e)
+    })
  }

  insights(isWallpaperEngine, doNotTrack) {
@@ -320,7 +329,7 @@ export default class Settings {

  #insertHTML() {
    this.#el.innerHTML = `
-      <div ${this.#hidden && "hidden"}>
+      <div>
        <div>
          <label for="fps">FPS</label>
          <input type="range" min="1" max="60" value="${this.#fps}" step="1" id="fps_slider"/>
--- a/src/index.js
+++ b/src/index.js
@@ -7,7 +7,7 @@ import Music from '@/components/music'

 document.querySelector('#app').innerHTML = `
  <img src="./assets/${import.meta.env.VITE_LOGO_FILENAME}.png" class="logo invert-filter" id="logo" alt="operator logo" />
-  <div id="settings"></div>
+  <div id="settings" hidden></div>
  <div id="voice_box" hidden></div>
  <div id="music_box" hidden></div> 
  <div id="widget-wrapper">