somehow it's starting to run

proto.sh

@@ -1,3 +1,10 @@
 #!/usr/bin/env sh
 
-protoc -I="./protos" --go_out="./pkg" --js_out=import_style=commonjs,binary:"web/player/src/protos" ./protos/*.proto
+# protoc -I="./protos" --go_out="./pkg" --js_out=library=blubli,binary:"web/src/Player/protos" ./protos/*.proto
+# protoc -I="./protos" --js_out=library=Message_pb,binary:"web/src/Player/protos" ./protos/*.proto
+protoc -I="./protos" --js_out=import_style=commonjs,binary:"web/src/Player/protos" ./protos/*.proto
+
+# import jspb from 'google-protobuf'
+
+# // var jspb = require('google-protobuf');
+# goog.object.extend(window.proto = window.proto || {}, proto.csgo);

web/src/Player/App.jsx

@@ -6,12 +6,12 @@ import Player from "./Player";
 import Map2d from "./map/Map2d";
 import InfoPanel from "./panel/InfoPanel";
 import '../libs/wasm_exec.js';
+import './protos/Message_pb.js'
 
 export function PlayerApp() {
   const [messageBus] = useState(new MessageBus())
   const [player] = useState(new Player(messageBus))
   const [serverHost] = useState(window.location.host.includes("localhost") ? "http://localhost:8080" : "");
-  const proto = require("./protos/Message_pb.js");
 
   useEffect(() => {
     console.log("run run run")

web/src/Player/protos/Message_pb.js

@@ -10,16 +10,17 @@
 // GENERATED CODE -- DO NOT EDIT!
 /* eslint-disable */
 // @ts-nocheck
+import jspb from 'google-protobuf'
 
-var jspb = require('google-protobuf');
+// var jspb = require('google-protobuf');
 var goog = jspb;
-var global = (function() {
-  if (this) { return this; }
-  if (typeof window !== 'undefined') { return window; }
-  if (typeof global !== 'undefined') { return global; }
-  if (typeof self !== 'undefined') { return self; }
-  return Function('return this')();
-}.call(null));
+var global =
+    (typeof globalThis !== 'undefined' && globalThis) ||
+    (typeof window !== 'undefined' && window) ||
+    (typeof global !== 'undefined' && global) ||
+    (typeof self !== 'undefined' && self) ||
+    (function () { return this; }).call(null) ||
+    Function('return this')();
 
 goog.exportSymbol('proto.csgo.Bomb', null, global);
 goog.exportSymbol('proto.csgo.Bomb.BombState', null, global);
@@ -4400,4 +4401,4 @@ proto.csgo.Demo.prototype.setPlatform = function(value) {
 };
 
 
-goog.object.extend(exports, proto.csgo);
+goog.object.extend(window.proto = window.proto || {}, proto.csgo);

web/vite.config.js

@@ -4,4 +4,6 @@ import preact from '@preact/preset-vite';
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [preact()],
+	open: true,
+  port: 3000,
 });