fix: repare broken build by switching to ogl

Author: jsulpis

astro.config.mjs

@@ -1,5 +1,4 @@
 import { defineConfig } from "astro/config";
-import topLevelAwait from "vite-plugin-top-level-await";
 import glsl from "vite-plugin-glsl";
 import svelte from "@astrojs/svelte";
 
@@ -9,6 +8,6 @@ export default defineConfig({
 	base: "/talk-color-science",
 	integrations: [svelte()],
 	vite: {
-		plugins: [glsl(), topLevelAwait()],
+		plugins: [glsl()],
 	},
 });

package.json

@@ -11,17 +11,16 @@
 	"dependencies": {
 		"@astrojs/svelte": "5.4.0",
 		"astro": "4.8.6",
+		"ogl": "1.0.6",
 		"reveal.js": "5.1.0",
 		"svelte": "4.2.17",
 		"typescript": "5.4.5"
 	},
 	"devDependencies": {
 		"@jaames/iro": "5.5.2",
+		"@types/reveal.js": "5.0.3",
 		"colorjs.io": "0.5.0",
-		"four": "npm:[email protected]",
 		"sass": "1.77.2",
-		"vanilla-colorful": "0.7.2",
-		"vite-plugin-glsl": "1.3.0",
-		"vite-plugin-top-level-await": "1.4.1"
+		"vite-plugin-glsl": "1.3.0"
 	}
 }

pnpm-lock.yaml

@@ -108,6 +108,7 @@ const { title } = Astro.props;
 
 	canvas {
 		opacity: 0;
+		width: min(90%, 1400px);
 
 		&.loaded {
 			opacity: 1;

src/layouts/Layout.astro

@@ -43,7 +43,7 @@ import CellsBrain from "./CellsBrain.astro";
 </Slide> -->
 
 <Slide>
-	<MonochromaticWaveCanvas frequency={5} client:visible style="width: 1000px" />
+	<MonochromaticWaveCanvas frequency={5} client:visible />
 </Slide>
 
 <Slide>