chore: Dead code cleanup and adjust general settings

Author: Danielku15

src/components/AlphaTab/index.tsx

@@ -35,7 +35,7 @@ export const AlphaTab: React.FC<AlphaTabProps> = ({
     }
 
     if (player) {
-      s.player.enablePlayer = true;
+      s.player.playerMode = alphaTab.PlayerMode.EnabledAutomatic;
       s.player.scrollOffsetY = -50;
       s.player.scrollMode = alphaTab.ScrollMode.Off;
     }

src/components/AlphaTabFull/index.tsx

@@ -28,7 +28,9 @@ export const AlphaTabFull: React.FC<AlphaTabProps> = ({ settings }) => {
   const [api, element] = useAlphaTab((s) => {
     s.player.scrollElement = viewPortRef.current!;
     s.player.scrollOffsetY = -10;
-    s.player.enablePlayer = true;
+    s.player.playerMode = alphaTab.PlayerMode.EnabledAutomatic;
+    s.player.scrollMode = alphaTab.ScrollMode.Continuous;
+  
     if (settings) {
       s.fillFromJson(settings);
     }

src/components/AlphaTabFull/player-controls-group.tsx

@@ -233,7 +233,7 @@ export const PlayerControlsGroup: React.FC<PlayerControlsGroupProps> = ({
           <LayoutSelector onLayoutChange={onLayoutChange} />
 
           <div className={styles["at-logo"]}>
-            powered by <img src="/img/alphatab.png" />
+            powered by <img src="/img/alphaTab.png" />
           </div>
         </div>
       </div>

src/components/AlphaTabPlayground/index.tsx

@@ -122,8 +122,6 @@ export const AlphaTabPlayground: React.FC = () => {
                 newPlayer.addEventListener('ended', onEnded);
                 newPlayer.addEventListener('volumechange', onVolumeChange);
                 newPlayer.addEventListener('ratechange', onRateChange);
-                newPlayer.addEventListener('volumechange', onVolumeChange);
-                newPlayer.addEventListener('ratechange', onRateChange);
 
                 youtubePlayerUnsubscribe.current = () => {
                     newPlayer.removeEventListener('loadedmetadata', onLoadedMetadata);
@@ -134,8 +132,6 @@ export const AlphaTabPlayground: React.FC = () => {
                     newPlayer.removeEventListener('ended', onEnded);
                     newPlayer.removeEventListener('volumechange', onVolumeChange);
                     newPlayer.removeEventListener('ratechange', onRateChange);
-                    newPlayer.removeEventListener('volumechange', onVolumeChange);
-                    newPlayer.removeEventListener('ratechange', onRateChange);
                 };
             }
         },

src/components/CodeBadge/index.tsx

@@ -10,11 +10,9 @@ export type Platform =
   | "js-html"
   | "json-js-html"
   | "js"
-  | "js-jquery"
   | "json"
   | "json-html"
   | "html"
-  | "jquery"
   | "android";
 
 export type CodeBadgeProps = {
@@ -61,10 +59,6 @@ export const CodeBadge: React.FC<CodeBadgeProps> = ({ type, name, link }) => {
     case "js":
       title = "JavaScript";
       break;
-    case "js-jquery":
-      typeStyle = styles.js;
-      title = "JavaScript & jQuery";
-      break;
     case "json":
       title = "JSON";
       break;
@@ -75,10 +69,6 @@ export const CodeBadge: React.FC<CodeBadgeProps> = ({ type, name, link }) => {
     case "html":
       title = "HTML";
       break;
-    case "jquery":
-      typeStyle = styles.jq;
-      title = "jQuery";
-      break;
   }
   const css = `${styles["code-badge"]} ${typeStyle}`;
 

src/components/EventDescription/index.tsx

@@ -1,9 +1,11 @@
-import type * as alphaTab from "@coderline/alphatab";
+import * as alphaTab from "@coderline/alphatab";
 
 export default {
   setAlphaTabDefaults(settings: alphaTab.Settings) {
     settings.core.fontDirectory = "/font/";
     settings.player.soundFont = "/soundfont/sonivox.sf3";
+    settings.player.scrollMode = alphaTab.ScrollMode.Off;
+    settings.player.playerMode = alphaTab.PlayerMode.Disabled;
 
     if (typeof window !== 'undefined') {
       const params = new URL(window.location.href).searchParams;

src/environment.ts

@@ -44,24 +44,6 @@ export function toDomEventNames(jsNames: string[]) {
   });
 }
 
-export function tojQueryEventNames(jsNames: string[]) {
-  return jsNames.map((v) => {
-    return `alphaTab.${v}`;
-  });
-}
-
-export function tojQueryMethodNames(jsNames: string[]) {
-  return jsNames.map((v) => {
-    return `alphaTab('${v}')`;
-  });
-}
-
-export function tojQueryPropertyNames(jsNames: string[]) {
-  return jsNames.map((v) => {
-    return `alphaTab('${v}')`;
-  });
-}
-
 export function buildNames(property: Page) {
   const javaScriptOnly = property.prop("javaScriptOnly", false);
   const domWildcard = property.prop("domWildcard", false);
@@ -85,19 +67,6 @@ export function buildNames(property: Page) {
     jsNames.push(jsNames[0].split(".")[1]);
   }
 
-  let jQueryNames = property.props("jQueryName");
-  if (property.prop("jQuery", true) && jQueryNames.length === 0) {
-    if (category.startsWith("Events")) {
-      jQueryNames = tojQueryEventNames(jsNames);
-    } else if (category.startsWith("Methods")) {
-      jQueryNames = tojQueryMethodNames(jsNames);
-    } else if (category.startsWith("Properties")) {
-      jQueryNames = tojQueryPropertyNames(jsNames);
-    } else if (property.prop("jQuery", false)) {
-      jQueryNames = jsNames;
-    }
-  }
-
   let domNames = property.props("domName");
   if (property.prop("dom", true) && domNames.length === 0) {
     if (category.startsWith("Events")) {
@@ -122,7 +91,6 @@ export function buildNames(property: Page) {
     javaScriptOnly,
     jsNames,
     csNames,
-    jQueryNames,
     domNames,
     androidNames
   };