add supabase

Author: alexpineda

build/plugins/build-plugins.ts

@@ -1,19 +1,13 @@
-import sanitizeFilename from "sanitize-filename";
-import * as npm from "./npm";
-import pacote from "pacote";
 import path from "node:path";
 
 import esbuild from "esbuild";
 import { fileExists } from "../files";
 
 import { copyFileSync, writeFileSync } from "fs";
-import { getLocalRepositoryManifests } from "./local-repository";
 import { ExtractedPluginManifest } from "./plugin-manifest";
 
 const cwd = process.cwd();
 const outDir = path.join(cwd, "dist", "plugins");
-// rmSync(outDir, { recursive: true, force: true });
-console.log("outDir", outDir);
 
 const external = [
     "@titan-reactor-runtime/ui",
@@ -48,66 +42,89 @@ export const build = async (repository: Repository) => {
         if (manifest.deprecated) {
             continue;
         }
-        const hostFilePath = path.join(sourceFolderPath, "host", "index.ts");
-        const uiFilePath = path.join(sourceFolderPath, "ui", "index");
-        const readmeFilePath = path.join(sourceFolderPath, "readme.md");
+        const hostFilePath = path.join(sourceFolderPath, "src", "index.ts");
+        const uiFilePath = path.join(sourceFolderPath, "src", "components", "index");
 
-        const files = [
+        const searchFiles = [
             { path: hostFilePath, type: "host.js" },
             { path: uiFilePath + ".tsx", type: "ui.js" },
             { path: uiFilePath + ".jsx", type: "ui.js" },
-            { path: readmeFilePath, type: "readme.md" },
         ];
 
-        for (const file of files) {
+        const files: { path: string; type: string }[] = [];
+
+        for (const file of searchFiles) {
             if (await fileExists(file.path)) {
+                files.push(file);
+            }
+        }
+
+        if (files.length === 0) {
+            console.warn("no files found for", manifest.name);
+            continue;
+        }
+
+        const idx = {
+            name: manifest.name,
+            version: manifest.version,
+            description: manifest.description,
+            rootUrl: folderName,
+            files: [],
+        }
+
+        for (const file of files) {
                 console.log(file.type + " file found", file);
 
                 try {
-                    const outfile = path.join(outDir, folderName, file.type);
-
-                    if (file.type === "readme.md") {
-                        copyFileSync(file.path, outfile);
-                    } else {
-                        await esbuild.build({
-                            entryPoints: [file.path],
-                            bundle: true,
-                            format: "esm",
-                            outfile,
-                            external,
-                            banner: {
-                                js:
-                                    file.type === "ui.js"
-                                        ? `import { _rc } from "@titan-reactor-runtime/ui"; const registerComponent = (...args) => _rc("${manifest.name}", ...args);`
-                                        : "",
-                            },
-                        });
-                    }
+                    const outfile = path.join(outDir, folderName, "dist", file.type);
+
+                    await esbuild.build({
+                        entryPoints: [file.path],
+                        bundle: true,
+                        format: "esm",
+                        outfile,
+                        external,
+                        banner: {
+                            js:
+                                file.type === "ui.js"
+                                    ? `import { _rc } from "@titan-reactor-runtime/ui"; const registerComponent = (...args) => _rc("${manifest.name}", ...args);`
+                                    : "",
+                        },
+                    });
 
-                    copyFileSync(
-                        path.join(sourceFolderPath, "package.json"),
-                        path.join(outDir, folderName, "package.json")
-                    );
-
-                    const idx = index.get(manifest.name) ?? {
-                        name: manifest.name,
-                        version: manifest.version,
-                        description: manifest.description,
-                        rootUrl: folderName,
-                        files: [],
-                    };
                     idx.files.push(file.type);
-                    index.set(manifest.name, idx);
                 } catch (error) {
-                    console.log("error building", file.path, error);
+                    console.error("error building", file.path, error);
                 }
             }
+
+            try {
+                copyFileSync(
+                    path.join(sourceFolderPath, "package.json"),
+                    path.join(outDir, folderName, "package.json")
+                );
+
+                if (await fileExists(path.join(sourceFolderPath, "readme.md"))) {
+                    copyFileSync(
+                        path.join(sourceFolderPath, "readme.md"),
+                        path.join(outDir, folderName, "readme.md")
+                    );
+                }
+                index.set(manifest.name, idx);
+            } catch (error) {
+                console.error("error building manifest", error);
+            }
         }
-    }
 
     if (cleanup) {
         cleanup();
     }
 
-    writeFileSync(path.join(outDir, "index.json"), JSON.stringify([...index.values()]));
+    const indexJson = {
+        indexVersion: 1,
+        buildVersion: 0,
+        packages: [...index.values()],
+    }
+
+    writeFileSync(path.join(outDir, "index.json"), JSON.stringify(indexJson));
 };

esbuild.runtime.ts

@@ -4,30 +4,32 @@ const { rmSync, readFileSync, writeFileSync, createReadStream } = require("fs");
 const path = require("path");
 const { createHash } = require("crypto");
 
-rmSync("dist/plugins", { recursive: true, force: true });
+const OUTDIR = "dist/runtime";
+
+rmSync(OUTDIR, { recursive: true, force: true });
 
 (async () => {
     await esbuild.build({
         entryPoints: ["src/runtime.tsx"],
-        outdir: "dist/plugins",
+        outdir: OUTDIR,
         keepNames: true,
         minify: false,
         format: "esm",
     });
 
     // copy assets
-    await copy("bundled/assets", "dist/plugins/assets");
-    await copy("src/runtime.html", "dist/plugins/runtime.html");
+    await copy("bundled/assets", `${OUTDIR}/assets`);
+    await copy("src/runtime.html", `${OUTDIR}/runtime.html`);
 
     // make file hash for cache busting
     const fileHash = (
-        (await generateFileHash("dist/plugins/runtime.js")) as string
+        (await generateFileHash(`${OUTDIR}/runtime.js`)) as string
     ).substring(0, 8);
 
     const newFileName = `runtime.${fileHash}.js`;
-    await move("dist/plugins/runtime.js", `dist/plugins/${newFileName}`);
+    await move(`${OUTDIR}/runtime.js`, `${OUTDIR}/${newFileName}`);
 
-    const htmlPath = path.join(__dirname, "dist", "plugins", "runtime.html");
+    const htmlPath = path.join(__dirname, "dist", "runtime", "runtime.html");
     const content = readFileSync(htmlPath, "utf8").replace(/runtime.js/g, newFileName);
     writeFileSync(htmlPath, content, "utf8");
 })();

package.json

@@ -16,11 +16,14 @@
         "postinstall": "git apply -v --stat --directory=node_modules/scm-extractor build/patches/scm-extractor.patch",
         "generate:api-types": "ts-node -T .\\build\\api-types\\index.ts",
         "generate:plugin-api-docs": "typedoc --out docs/host --tsconfig tsconfig.host-api.json build/api-types/host/index.d.ts && typedoc --out docs/ui --tsconfig tsconfig.ui-api.json build/api-types/ui/index.d.ts",
-        "build:plugins": "ts-node -T ./esbuild.runtime.ts && ts-node -T .\\build\\plugins\\index.ts",
-        "serve:plugins": "http-server .\\dist\\plugins -p 8090 --cors",
+        "build:plugins": "ts-node -T .\\build\\plugins\\index.ts",
+        "serve:plugins": "http-server .\\dist\\plugins -p 8091 --cors",
+        "build:runtime": "ts-node -T ./esbuild.runtime.ts",
+        "serve:runtime": "http-server .\\dist\\runtime -p 8090 --cors",
         "web": "vite -c vite.config.web.ts",
         "build:web": "vite build -c vite.config.web.ts",
         "plugins": "yarn build:plugins && yarn serve:plugins",
+        "runtime": "yarn build:runtime && yarn serve:runtime",
         "build": "yarn build:web && yarn build:plugins"
     },
     "repository": {

src/common/get-app-settings-leva-config.ts

@@ -6,7 +6,7 @@ import {
 } from "common/types";
 import lSet from "lodash.set";
 
-const isProd = process.env.NODE_ENV !== "development";
+const isProd = import.meta.env.PROD;
 
 export const generateAppSettingsFromLevaFormat = (
     settings: Record<string, { value: any }>

src/common/supabase.ts

@@ -0,0 +1,9 @@
+import { createClient } from "@supabase/supabase-js";
+
+export const SUPABASE_URL = "https://dypueayfjieyijupqhei.supabase.co";
+export const SUPABASE_PUBLIC_ANON_KEY =
+    "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImR5cHVlYXlmamlleWlqdXBxaGVpIiwicm9sZSI6ImFub24iLCJpYXQiOjE2OTc3NTA0OTQsImV4cCI6MjAxMzMyNjQ5NH0.mn3PKMcsP4yqPpb-BQmEJn4mBIHLAZ0re7g3n9Ni8cQ";
+
+export const supabase = createClient( SUPABASE_URL, SUPABASE_PUBLIC_ANON_KEY );
+
+export const SUPABASE_REPLAY_BUCKET = `${SUPABASE_URL}/storage/v1/object/public/replays/`;

src/common/types/declarations/env.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    readonly VITE_PLUGINS_RUNTIME_ENTRY: string
+    readonly VITE_OFFICIAL_PLUGINS_SERVER_URL: string
+    // more env variables...
+  }
+  
+  interface ImportMeta {
+    readonly env: ImportMetaEnv
+  }

src/common/types/plugin.ts

@@ -32,15 +32,17 @@ export interface PluginPackage {
  * A plugin's metadata based off it's package.json file and surrounding plugin files.
  */
 export interface PluginMetaData extends PluginPackage {
-    nativeSource?: string | null;
     path: string;
     date?: Date;
     readme?: string;
-    indexFile: string;
     isSceneController: boolean;
     apiVersion: string;
     url: string;
     config: PluginConfig;
+    urls: {
+        host: string | null,
+        ui: string | null,
+    }
 }
 
 /**

src/renderer/audio/main-mixer.ts

@@ -139,7 +139,6 @@ export class Mixer {
         return await this.context.decodeAudioData( buffer.slice( 0 ) );
     }
 
-
     async loadAudioBuffer( url: string ): Promise<AudioBuffer> {
             return await this.context.decodeAudioData( await fetch( url ).then( ( r ) => r.arrayBuffer() ) );
     }

src/renderer/configuration-ui/index.tsx

@@ -63,11 +63,11 @@ const container = document.getElementById("app");
 const root = createRoot(container!);
 
 window.opener.postMessage({
-    type: "connect",
+    type: "control-panel:connect",
 });
 
 window.addEventListener("message", (event) => {
-    if (event.data.type === "connected") {
+    if (event.data.type === "control-panel:connected") {
         console.log("connected", window.deps.useSettingsStore.getState());
         window.deps.useSettingsStore.subscribe((state) => {
             console.log("state", state);

src/renderer/core/global-events.ts

@@ -1,6 +1,5 @@
 import { TypeEmitter } from "@utils/type-emitter";
 import type Chk from "bw-chk";
-import type { LogLevel } from "common/logging";
 import type { MacroAction, PluginConfig, PluginMetaData } from "common/types";
 import type { ValidatedReplay } from "../scenes/replay-scene-loader";
 
@@ -13,7 +12,6 @@ export interface GlobalEvents {
     "unsafe-open-url": string;
     "load-iscriptah": string;
     "queue-files": { files: File[] };
-    "log-message": { message: string; level: LogLevel; server?: boolean };
     "reload-all-plugins": undefined;
     "exec-macro": string;
     "reset-macro-actions": string;
@@ -26,6 +24,7 @@ export interface GlobalEvents {
     "map-ready": { map: Chk };
     "xr-session-start": void;
     "xr-session-end": void;
+    "metaverse-presence": { presence: any };
 }
 
 export const globalEventKeys: ( keyof GlobalEvents )[] = [
@@ -37,7 +36,6 @@ export const globalEventKeys: ( keyof GlobalEvents )[] = [
     "unsafe-open-url",
     "load-iscriptah",
     "queue-files",
-    "log-message",
     "reload-all-plugins",
     "exec-macro",
     "reset-macro-actions",

src/renderer/core/image-hd.ts

@@ -204,7 +204,8 @@ export class ImageHD
     setFrame( frame: number, flip: boolean ) {
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         if ( this.atlas!.frames[frame] === undefined ) {
-            if ( process.env.NODE_ENV !== "production" ) {
+
+            if ( import.meta.env.DEV ) {
                 // debugger;
                 // throw new Error(
                 //     `Invalid frame ${frame}/${this.atlas!.frames.length} for atlas ${