refactor(playground): rewrite as class-based components

.vscode/extensions.json

@@ -0,0 +1,6 @@
+{
+    "recommendations": [
+        "biomejs.biome",
+        "bierner.lit-html"
+    ]
+}

packages/alphatab/scripts/CloneEmitter.ts

@@ -329,7 +329,7 @@ function createCloneMethod(
 export default createEmitter('cloneable', (program, input) => {
     console.log(`Writing Cloner for ${input.name!.text}`);
     const sourceFileName = path.relative(
-        path.join(path.resolve(program.getCompilerOptions().baseUrl!)),
+        path.dirname(program.getCompilerOptions().configFilePath as string),
         path.resolve(input.getSourceFile().fileName)
     );
 

packages/alphatab/scripts/EmitterBase.ts

@@ -10,7 +10,7 @@ export const GENERATED_FILE_HEADER = `\
 // </auto-generated>`;
 
 export function generateFile(program: ts.Program, sourceFile: ts.SourceFile, fileName: string) {
-    const targetFileName = path.join(path.resolve(program.getCompilerOptions().baseUrl!), 'src/generated', fileName);
+    const targetFileName = path.join(path.dirname(program.getCompilerOptions().configFilePath as string), 'src/generated', fileName);
 
     fs.mkdirSync(path.dirname(targetFileName), { recursive: true });
 
@@ -65,7 +65,7 @@ export function generateClass(
     generate: (program: ts.Program, classDeclaration: ts.ClassDeclaration) => ts.SourceFile
 ) {
     const sourceFileName = path.relative(
-        path.resolve(program.getCompilerOptions().baseUrl!, 'src'),
+        path.resolve(path.dirname(program.getCompilerOptions().configFilePath as string), 'src'),
         path.resolve(classDeclaration.getSourceFile().fileName)
     );
 

packages/alphatab/scripts/SerializerEmitter.ts

@@ -14,7 +14,7 @@ import { buildTypeSchema, toImportPath } from './TypeSchema';
 export default createEmitter('json', (program, input) => {
     console.log(`Writing Serializer for ${input.name!.text}`);
     const sourceFileName = path.relative(
-        path.join(path.resolve(program.getCompilerOptions().baseUrl!)),
+        path.dirname(program.getCompilerOptions().configFilePath as string),
         path.resolve(input.getSourceFile().fileName)
     );
 

packages/alphatab/scripts/TypeSchema.ts

@@ -407,7 +407,7 @@ function findModule(type: ts.Type, options: ts.CompilerOptions) {
         for (const decl of type.symbol.declarations) {
             const file = decl.getSourceFile();
             if (file) {
-                const relative = path.relative(path.join(path.resolve(options.baseUrl!)), path.resolve(file.fileName));
+                const relative = path.relative(path.join(path.dirname(options.configFilePath as string)), path.resolve(file.fileName));
                 return toImportPath(relative);
             }
         }