Use String as ID, working visible toggle

fixes wrong stride when first creating UL window

.gitignore

@@ -5,3 +5,10 @@ build/
 recovery/
 vendor/directx
 imgui.ini
+GlitchyEditor/settings.bon
+GlitchyEditor/MonoDebugger.log
+
+# Ignore files in build-directory of ScriptCore
+GlitchyEditor/Resources/Scripts/*
+
+.cache

.gitmodules

@@ -24,4 +24,16 @@
 	url = https://github.com/EinScott/bon.git
 [submodule "GlitchyEngineHelper/vendor/DirectXTK"]
 	path = GlitchyEngineHelper/vendor/DirectXTK
-	url = https://github.com/microsoft/DirectXTK.git
+	url = https://github.com/microsoft/DirectXTK.git
+[submodule "GlitchyEngine/vendor/box2D"]
+	path = GlitchyEngine/vendor/box2D
+	url = https://github.com/aharabada/box2d-beef.git
+[submodule "GlitchyEngine/vendor/Beef.Linq"]
+	path = GlitchyEngine/vendor/Beef.Linq
+	url = https://github.com/aharabada/Beef.Linq.git
+[submodule "vendor/ImGui.NET"]
+	path = vendor/ImGui.NET
+	url = https://github.com/aharabada/ImGui.NET.git
+[submodule "GlitchyEngine/vendor/Ultralight-beef"]
+	path = GlitchyEngine/vendor/Ultralight-beef
+	url = https://github.com/aharabada/Ultralight-beef.git

BeefSpace.toml

@@ -1,6 +1,9 @@
 FileVersion = 1
-Projects = {Sandbox = {Path = "Sandbox"}, GlitchyEngine = {Path = "GlitchyEngine"}, GlitchLog = {Path = "GlitchLog"}, DirectX = {Path = "GlitchyEngine/vendor/directx/DirectX"}, DirectXTK = {Path = "GlitchyEngine/vendor/DirectXTK/DirectXTK-beef"}, LodePng = {Path = "vendor/lodepng-beef/lodepng-beef"}, FreeType = {Path = "GlitchyEngine/vendor/freetype"}, cgltf-beef = {Path = "GlitchyEngine/vendor/gltf/cgltf-beef"}, GlitchyEditor = {Path = "GlitchyEditor"}, msdfgen-beef = {Path = "GlitchyEngine/vendor/msdfgen/msdfgen-beef"}, ImGui = {Path = "GlitchyEngine/vendor/imgui/ImGui"}, ImGuiImplDX11 = {Path = "GlitchyEngine/vendor/imgui/ImGuiImplDX11"}, ImGuiImplWin32 = {Path = "GlitchyEngine/vendor/imgui/ImGuiImplWin32"}, ImGuizmo = {Path = "GlitchyEngine/vendor/imgui/ImGuizmo"}, GlitchyEngineHelper = {Path = "GlitchyEngineHelper"}, bon = {Path = "GlitchyEngine/vendor/bon"}}
-WorkspaceFolders = {GlitchyEngine = ["GlitchyEngine", "GlitchLog", "GlitchyEngineHelper"], "GlitchyEngine/Dependencies" = ["cgltf-beef", "DirectX", "DirectXTK", "FreeType", "ImGui", "ImGuiImplDX11", "ImGuiImplWin32", "ImGuizmo", "LodePng", "msdfgen-beef", "bon"]}
+Projects = {GlitchyEngine = {Path = "GlitchyEngine"}, GlitchLog = {Path = "GlitchLog"}, DirectX = {Path = "GlitchyEngine/vendor/directx/DirectX"}, LodePng = {Path = "vendor/lodepng-beef/lodepng-beef"}, FreeType = {Path = "GlitchyEngine/vendor/freetype"}, cgltf-beef = {Path = "GlitchyEngine/vendor/gltf/cgltf-beef"}, GlitchyEditor = {Path = "GlitchyEditor"}, msdfgen-beef = {Path = "GlitchyEngine/vendor/msdfgen/msdfgen-beef"}, ImGui = {Path = "GlitchyEngine/vendor/imgui/ImGui"}, ImGuiImplDX11 = {Path = "GlitchyEngine/vendor/imgui/ImGuiImplDX11"}, ImGuiImplWin32 = {Path = "GlitchyEngine/vendor/imgui/ImGuiImplWin32"}, ImGuizmo = {Path = "GlitchyEngine/vendor/imgui/ImGuizmo"}, GlitchyEngineHelper = {Path = "GlitchyEngineHelper"}, bon = {Path = "GlitchyEngine/vendor/bon"}, box2d-beef = {Path = "GlitchyEngine/vendor/box2D"}, "Beef.Linq" = {Path = "GlitchyEngine/vendor/Beef.Linq/src"}, ScriptCore = {Path = "ScriptCore"}, Ultralight = {Path = "GlitchyEngine/vendor/Ultralight-beef"}, EditorUI = {Path = "GlitchyEditor/EditorUI"}}
+WorkspaceFolders = {GlitchyEngine = ["GlitchyEngine", "GlitchLog", "GlitchyEngineHelper", "ScriptCore"], "GlitchyEngine/Dependencies" = ["cgltf-beef", "DirectX", "FreeType", "ImGui", "ImGuiImplDX11", "ImGuiImplWin32", "ImGuizmo", "LodePng", "msdfgen-beef", "bon", "box2d-beef", "Beef.Linq"], EditorDependencies = ["Ultralight"]}
 
 [Workspace]
 StartupProject = "GlitchyEditor"
+
+[Configs.Debug.Win64]
+AllocStackTraceDepth = 12

Doc/DesignCodeExamples/Assets/BasicAssetUsage.bf

@@ -0,0 +1,92 @@
+///
+/// Loading and usage of an asset.
+///
+// Shows the usage of the Content Manager.
+// An asset is loaded with Content.LoadAsset(AssetName)
+// Loading an asset returns an AssetHandle.
+// Usually you want to hold on to the AssetHandle.
+// If you need the actual asset you can use Content.GetAsset<AssetType>(AssetHandle) to retrieve the actual asset.
+
+/*
+ * Only hold on to AssetHandle.
+ * Do NOT hold actual Assets! The Asset might get invalidated
+ * (e.g. reloading after the source-file changed).
+ */
+AssetHandle _lineEffect;
+
+void Start()
+{
+    /*
+     * Loading an asset returns a handle to that asset.
+     */
+    _lineEffect = Content.LoadAsset("Shaders\\LineEffect.hlsl");
+}
+
+void Update()
+{
+    // Use case 1:
+    {
+        // Retrieve the actual asset. Note that this Asset is only guaranteed to persist
+        // for the current frame.
+        Effect fx = Content.GetAsset<Effect>(_lineEffect);
+
+        // Note: Assets are ref counted, however since they are not inteded to be held GetAsset 
+        // does NOT increment the reference counter so you usually should NOT decrement it.
+        // The exception is when you manually hold on to an asset (see Example below)
+
+        // Use asset
+        fx.Variables["ViewProjection"].SetData(viewProjection * transform);
+        fx.Variables["Color"].SetData(color);
+        fx.ApplyChanges();
+        fx.Bind();
+    }
+
+    // Use case 2:
+    {
+        // Retrieve the actual asset.
+        Effect fx = _lineEffect.Get<Effect>();
+
+        // ...
+        // Same as case 1
+    }
+}
+
+
+///
+/// Holding on to an actual asset.
+///
+// Shows the usage of the Content Manager when you hold a reference to the actual Asset instead of the handle.
+// This should usually not be done. Eventhough it is technically fine, it has the implication, that if the
+// content manager decides to reload the asset the changes will not be reflected in the held reference
+// (which they would if you used GetAsset before every usage.)
+// Also the content manager can't unload the asset because the reference counter wouldn't be zero.
+// Though there currently is no way for the content manager to unload an asset unless it is specifically told to do so.
+
+/*
+ * Field to hold the asset.
+ */
+Effect _lineEffect;
+
+void Start()
+{
+    // Load the Asset.
+    AssetHandle handle = Content.LoadAsset("Shaders\\LineEffect.hlsl");
+    // Get the actual asset.
+    _lineEffect = Content.GetAsset<Effect>(handle); // Alternative: _lineEffect = handle.Get<Effect>();
+    // Increment the reference counter so that the asset doesn't get unloaded.
+    _lineEffect.AddRef();
+}
+
+void Destroy()
+{
+    // Make sure to release the asset once you don't need it anymore. Otherwise it will leak.
+    _lineEffect.Release();
+}
+
+void Update()
+{
+    _lineEffect.Variables["ViewProjection"].SetData(viewProjection * transform);
+    _lineEffect.Variables["Color"].SetData(color);
+    _lineEffect.ApplyChanges();
+    _lineEffect.Bind();
+}

Doc/DesignCodeExamples/Assets/SmartAssetHandle.bf

@@ -0,0 +1,44 @@
+///
+/// This shows the usage of a smart/typed Asset Handle.
+///
+// In the basic usage-patterns the user has two options:
+// Either he/she holds a handle and has to query for the actual asset every time
+// or he/she hold the actual asset and loses reloading capabilities.
+// The idea of the auto asset is to provide a way that can provide both.
+
+AssetHandle<Effect> _lineEffect;
+
+void Start()
+{
+    /*
+     * Loading an asset returns a handle to that asset.
+     * The asset handle is implicitly converted to a smart AssetHandle.
+     */
+    _lineEffect = Content.LoadAsset("Shaders\\LineEffect.hlsl");
+}
+
+void Update()
+{
+    // Use case 1 (Convenience)
+    {
+        _lineEffect.Variables["ViewProjection"].SetData(viewProjection * transform);
+        _lineEffect.Variables["Color"].SetData(color);
+        _lineEffect.ApplyChanges();
+        _lineEffect.Bind();
+    }
+
+    // Use case 2 (Technically more efficient)
+    {
+        Effect fx = _lineEffect.Get();
+        fx.Variables["ViewProjection"].SetData(viewProjection * transform);
+        fx.Variables["Color"].SetData(color);
+        fx.ApplyChanges();
+        fx.Bind();
+    }
+}
+
+//
+// Auto Assets use comp time to expose all the fields, Methods and properties of the actual asset.
+// They will automatically check if the asset for the handle changed and update accordingly.
+// This means it is more convenient to use than both basic patterns and has all benefits of both. 
+//

Doc/DesignCodeExamples/readme.md

@@ -0,0 +1,3 @@
+# Design Code Examples
+
+This directory (and its subdirectories) contains non functional code snippets showing the intended usage of certain systems of the engine.

GlitchLog/src/DebugLogger.bf

@@ -5,34 +5,6 @@ using internal GlitchLog;
 
 namespace GlitchLog
 {
-	public abstract class Logger
-	{
-		protected LogLevel _logLevel;
-		
-		public LogLevel Level
-		{
-			get => _logLevel;
-			set => _logLevel = value;
-		}
-
-		public abstract String Name {get; set;}
-
-		public abstract void Trace(StringView format, params Object[] args);
-		public abstract void Info(StringView format, params Object[] args);
-		public abstract void Warning(StringView format, params Object[] args);
-		public abstract void Error(StringView format, params Object[] args);
-		public abstract void Critical(StringView format, params Object[] args);
-
-		public abstract void Assert(bool condition, String error = Compiler.CallerExpression[0], String filePath = Compiler.CallerFilePath, int line = Compiler.CallerLineNum);
-
-#if !DEBUG
-		[SkipCall]
-#endif
-		public abstract void AssertDebug(bool condition, String error = Compiler.CallerExpression[0], String filePath = Compiler.CallerFilePath, int line = Compiler.CallerLineNum);
-
-		public abstract void Log(LogLevel level, StringView format, params Object[] args);
-	}
-
 	public class DebugLogger : Logger
 	{
 		// {l} = log level (first parameter)

GlitchLog/src/Logger.bf

@@ -0,0 +1,31 @@
+using System;
+
+namespace GlitchLog;
+
+public abstract class Logger
+{
+	protected LogLevel _logLevel;
+	
+	public LogLevel Level
+	{
+		get => _logLevel;
+		set => _logLevel = value;
+	}
+
+	public abstract String Name {get; set;}
+
+	public abstract void Trace(StringView format, params Object[] args);
+	public abstract void Info(StringView format, params Object[] args);
+	public abstract void Warning(StringView format, params Object[] args);
+	public abstract void Error(StringView format, params Object[] args);
+	public abstract void Critical(StringView format, params Object[] args);
+
+	public abstract void Assert(bool condition, String error = Compiler.CallerExpression[0], String filePath = Compiler.CallerFilePath, int line = Compiler.CallerLineNum);
+
+#if !DEBUG
+	[SkipCall]
+#endif
+	public abstract void AssertDebug(bool condition, String error = Compiler.CallerExpression[0], String filePath = Compiler.CallerFilePath, int line = Compiler.CallerLineNum);
+
+	public abstract void Log(LogLevel level, StringView format, params Object[] args);
+}

GlitchyEditor/BeefProj.toml

@@ -1,7 +1,21 @@
 FileVersion = 1
-Dependencies = {corlib = "*", GlitchLog = "*", GlitchyEngine = "*"}
+Dependencies = {corlib = "*", GlitchLog = "*", GlitchyEngine = "*", Ultralight = "*", EditorUI = "*"}
 
 [Project]
 Name = "GlitchyEditor"
 TargetType = "BeefGUIApplication"
 StartupObject = "GlitchyEngine.Program"
+ProcessorMacros = ["GE_EDITOR_IMGUI_DEMO"]
+
+[Configs.Debug.Win64]
+PostBuildCmds = ["CopyFilesIfNewer(\"$(WorkspaceDir)/bin/vswhere.exe\", \"$(TargetDir)\")"]
+DebugCommandArguments = "\"D:\\Development\\Git\\SingleStateToOrbit\""
+
+[Configs.Release.Win64]
+PostBuildCmds = ["CopyFilesIfNewer(\"$(WorkspaceDir)/bin/vswhere.exe\", \"$(TargetDir)\")"]
+
+[Configs.Paranoid.Win64]
+PostBuildCmds = ["CopyFilesIfNewer(\"$(WorkspaceDir)/bin/vswhere.exe\", \"$(TargetDir)\")"]
+
+[Configs.Test.Win64]
+PostBuildCmds = ["CopyFilesIfNewer(\"$(WorkspaceDir)/bin/vswhere.exe\", \"$(TargetDir)\")"]

GlitchyEditor/EditorUI/.gitignore

@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo

GlitchyEditor/EditorUI/BeefProj.toml

@@ -0,0 +1,13 @@
+FileVersion = 1
+
+[Project]
+Name = "EditorUI"
+TargetType = "BeefLib"
+StartupObject = "EditorUI.Program"
+
+[Configs.Debug.Win64]
+BuildKind = "StaticLib"
+BuildCommandsOnCompile = "IfFilesChanged"
+BuildCommandsOnRun = "IfFilesChanged"
+PreBuildCmds = ["npm run build:debug"]
+PostBuildCmds = ["CopyToDependents(\"$(ProjectDir)/dist\")"]

GlitchyEditor/EditorUI/README.md

@@ -0,0 +1,50 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
+
+- Configure the top-level `parserOptions` property like this:
+
+```js
+export default tseslint.config({
+  languageOptions: {
+    // other options...
+    parserOptions: {
+      project: ['./tsconfig.node.json', './tsconfig.app.json'],
+      tsconfigRootDir: import.meta.dirname,
+    },
+  },
+})
+```
+
+- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
+- Optionally add `...tseslint.configs.stylisticTypeChecked`
+- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:
+
+```js
+// eslint.config.js
+import react from 'eslint-plugin-react'
+
+export default tseslint.config({
+  // Set the react version
+  settings: { react: { version: '18.3' } },
+  plugins: {
+    // Add the react plugin
+    react,
+  },
+  rules: {
+    // other rules...
+    // Enable its recommended rules
+    ...react.configs.recommended.rules,
+    ...react.configs['jsx-runtime'].rules,
+  },
+})
+```

GlitchyEditor/EditorUI/eslint.config.js

@@ -0,0 +1,39 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+
+export default tseslint.config(
+    {ignores: ['dist']},
+    {
+        extends: [js.configs.recommended, ...tseslint.configs.recommended],
+        files: ['**/*.{ts,tsx}'],
+        languageOptions: {
+            ecmaVersion: 2020,
+            globals: globals.browser,
+            parserOptions: {
+                project: ['./tsconfig.node.json', './tsconfig.app.json'],
+                tsconfigRootDir: import.meta.dirname
+            }
+        },
+        plugins: {
+            'react-hooks': reactHooks,
+            'react-refresh': reactRefresh,
+        },
+        rules: {
+            ...reactHooks.configs.recommended.rules,
+            'react-refresh/only-export-components': [
+                'warn',
+                {allowConstantExport: true},
+            ],
+            "@typescript-eslint/no-unused-vars": ["warn", {
+                "vars": "all",
+                "args": "all",
+                "caughtErrors": "all",
+                "ignoreRestSiblings": false,
+                "reportUsedIgnorePattern": false
+            }],
+        },
+    },
+)

GlitchyEditor/EditorUI/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" type="image/x-icon" href="/src/assets/GlitchyEngineTransparent.png">
+    <title>Glitchy Engine</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

GlitchyEditor/EditorUI/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "glitchy-editor-ui",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:debug": "tsc -b && vite --config vite.config.debug.ts build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@rollup/plugin-typescript": "^12.1.1",
+    "dockview-react": "^1.17.2",
+    "eslint-plugin-react": "^7.37.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "use-immer": "^0.10.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.11.1",
+    "@types/node": "^22.9.0",
+    "@types/react": "^18.3.10",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.2",
+    "eslint": "^9.11.1",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.12",
+    "globals": "^15.9.0",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.7.0",
+    "vite": "^5.4.8",
+    "vite-plugin-eslint": "^1.8.1"
+  }
+}

GlitchyEditor/EditorUI/src/App.tsx

@@ -0,0 +1,6 @@
+import './App.css'
+import MainWindow from "./Windows/MainWindow.tsx";
+
+export default function App() {
+    return <MainWindow/>;
+}

GlitchyEditor/EditorUI/src/Callbacks/UseClickOutside.tsx

@@ -0,0 +1,31 @@
+import {RefObject, useEffect} from "react";
+
+/**
+ * Calls the specified callback when the user clicks somewhere outside the referenced HTML-Element.
+ * @param ref The element.
+ * @param callback The callback.
+ * @param addEventListener If true, the event listener will be registered.
+ */
+export const useClickOutside = (
+	ref: RefObject<HTMLElement | undefined>,
+	callback: () => void,
+	addEventListener = true,
+) => {
+	useEffect(() => {
+		const handleClick = (event: MouseEvent) => {
+			if (ref.current && !ref.current.contains(event.target as HTMLElement))
+			{
+				callback();
+			}
+		}
+
+		if (addEventListener)
+		{
+			document.addEventListener('click', handleClick);
+		}
+
+		return () => {
+			document.removeEventListener('click', handleClick);
+		}
+	})
+}

GlitchyEditor/EditorUI/src/Components/Dock.tsx

@@ -0,0 +1,94 @@
+import {
+	DockviewReact,
+	DockviewReadyEvent,
+	IDockviewPanelProps,
+} from 'dockview';
+import {ChangeEvent, ReactElement, useState} from "react";
+import EntityHierarchyWindow from "../Windows/EntityHierarchyWindow.tsx";
+import CursorTestWindow from "../Windows/CursorTestWindow.tsx";
+
+
+const components = {
+	default: DefaultWindow,
+	entityHierarchy: EntityHierarchyWindow,
+	editPanel: CursorTestWindow
+};
+
+function DefaultWindow(props: IDockviewPanelProps<{ myValue: string }>): ReactElement
+{
+	const [title, setTitle] = useState<string>(props.api.title ?? '');
+
+	const onChange = (event: ChangeEvent<HTMLInputElement>) => {
+		setTitle(event.target.value);
+	};
+
+	const onClick = () => {
+		props.api.setTitle(title);
+	};
+
+	return (
+		<div style={{ padding: '20px', color: 'white' }}>
+			<div>
+				<span style={{ color: 'grey' }}>{'props.api.title='}</span>
+				<span>{`${props.api.title}`}</span>
+			</div>
+			<input value={title} onChange={onChange} />
+			<button onClick={onClick}>Change</button>
+		</div>
+	);
+}
+
+export default function Dock({ theme } : { theme?: string})
+{
+	const onReady = (event: DockviewReadyEvent) => {
+		const entityHierarchyPanel = event.api.addPanel({
+			id: 'entity_hierarchy_panel',
+			component: 'entityHierarchy',
+			title: 'Entity Hierarchy'
+		});
+
+		const editPanel = event.api.addPanel({
+			id: 'edit_scene',
+			component: 'editPanel',
+			title: 'Edit',
+			position: { referencePanel: entityHierarchyPanel, direction: "right" }
+		});
+
+		/*const playPanel =*/ event.api.addPanel({
+			id: 'play_scene',
+			component: 'default',
+			title: 'Play',
+			position: { referencePanel: editPanel }
+		});
+
+		/*const propertiesPanel =*/ event.api.addPanel({
+			id: 'properties_panel',
+			component: 'default',
+			title: 'Properties',
+			position: { referencePanel: editPanel, direction: "right" }
+		});
+
+		const logPanel = event.api.addPanel({
+			id: 'log_panel',
+			component: 'default',
+			title: 'Log',
+			position: { direction: "below" }
+		});
+
+		/*const assetBrowserPanel =*/ event.api.addPanel({
+			id: 'asset_browser_panel',
+			component: 'default',
+			title: 'Assets',
+			position: { referencePanel: logPanel }
+		});
+	};
+
+	return (
+		<DockviewReact
+			components={components}
+			onReady={onReady}
+			className={`dock ${theme || 'dockview-theme-vs'}`}
+		/>
+	);
+}
+

GlitchyEditor/EditorUI/src/Components/IconCheckButton.tsx

@@ -0,0 +1,10 @@
+import {MouseEventHandler, ReactElement} from "react";
+
+export function IconCheckButton({isChecked, iconChecked, iconUnchecked, onClick} : {isChecked: boolean, iconChecked: string, iconUnchecked: string, onClick: MouseEventHandler }) : ReactElement
+{
+	return (
+		<div onClick={onClick}>
+			<img src={isChecked ? iconChecked : iconUnchecked} alt="" />
+		</div>
+	);
+}

GlitchyEditor/EditorUI/src/Components/Menu.css

@@ -0,0 +1,127 @@
+.menu-bar
+{
+	width: 100%;
+
+	background-color: var(--menu-bar-background-color);
+	grid-area: menubar;
+
+	display: flex;
+	justify-content: start;
+
+	list-style: none;
+
+	white-space: nowrap;
+
+	align-items: center;
+
+	--menu-item-height: 1.5em;
+}
+
+/* Remove indentation from lists for menu */
+.menu-bar, .sub-menu {
+	padding-inline-start: 0;
+}
+
+.menu-item
+{
+	/* Doesn't change our position, but does something to it, so that
+	 following absolutes are relative to us? */
+	position: relative;
+	height: var(--menu-item-height);
+}
+
+.menu-item__content
+{
+	display: flex;
+	justify-content: space-between;
+}
+
+.menu-item__hotkey
+{
+	color: var(--menu-bar-hotkey-color);
+	justify-self: flex-end;
+	margin-left: 2em;
+}
+
+/* If menu-item has a submenu, make space for the arrow */
+.menu-item a:has(+.sub-menu)
+{
+	padding-right: 1em;
+	margin-right: auto;
+}
+
+/* Show arrow for submenus */
+.menu-item a:has(+.sub-menu)::after
+{
+	content: "⯆";
+	position: absolute;
+	right: 0;
+	top: 0;
+	transition-duration: var(--small-transition-duration);
+}
+
+/* If it is a nested submenu, forget the char above and use this one instead! */
+.sub-menu .menu-item a:has(+.sub-menu)::after
+{
+	content: "⯈";
+}
+
+.menu-item a:has(+.sub-menu.open)::after
+{
+	rotate: 180deg;
+}
+
+.menu-item a
+{
+	/* Make the a fill the entire width of menu-item */
+	display: block;
+
+	text-decoration: none;
+	color: var(--font-color-primary);
+
+	height: 100%;
+	align-content: center;
+	/*padding: 5px 5px;*/
+}
+
+.menu-item a:hover
+{
+	background-color: var(--menu-bar-background-color-hover);
+}
+
+.menu-item a:active
+{
+	background-color: var(--menu-bar-background-color-click);
+}
+
+.sub-menu
+{
+	min-width: 120px;
+	/* Hide submenu by default */
+	display: none;
+	overflow: visible;
+	overflow-anchor: none;
+	position: fixed;
+	background-color: var(--menu-bar-background-color-click);
+	list-style: none;
+	z-index: 10;
+	height: min-content;
+}
+
+/* Show submenu */
+.sub-menu.open
+{
+	display: revert;
+	scale: 100% 100%;
+}
+
+.sub-menu .menu-item .sub-menu
+{
+	translate: 0 calc(var(--menu-item-height) * -1);
+	left: 100%;
+}
+
+.sub-menu li
+{
+	width: 100%;
+}

GlitchyEditor/EditorUI/src/Components/Menu.tsx

@@ -0,0 +1,81 @@
+import {createContext, PropsWithChildren, useContext, useRef, useState} from "react";
+
+import "./Menu.css"
+import {useClickOutside} from "../Callbacks/UseClickOutside.tsx";
+
+export const OpenMenuContext = createContext<{openMenu: string[], currentParentMenu: string[], onOpenMenu: (clickedMenu: string[]) => void}>({openMenu: [], currentParentMenu: [], onOpenMenu: () => {}});
+
+export function MenuBar({children}: PropsWithChildren)
+{
+	const ref = useRef(null);
+
+	const [openMenu, setOpenMenu] = useState<string[]>([]);
+
+	function handleClickOutside()
+	{
+		setOpenMenu([]);
+	}
+
+	useClickOutside(ref, handleClickOutside, openMenu.length > 0);
+
+	function handleOpenSubmenu(clickedMenu: string[])
+	{
+		setOpenMenu(clickedMenu);
+	}
+
+	return (
+		<ul ref={ref} className="menu-bar">
+			<OpenMenuContext.Provider value={{openMenu, currentParentMenu: [], onOpenMenu: handleOpenSubmenu}}>
+				{children}
+			</OpenMenuContext.Provider>
+		</ul>
+	);
+}
+
+export function MenuItem({ text, hotkey, onClick, children } : { text: string, hotkey?: string, onClick?: () => void} & PropsWithChildren)
+{
+	const {openMenu, currentParentMenu, onOpenMenu: setOpenMenu} = useContext(OpenMenuContext);
+
+	const isOpen = openMenu[currentParentMenu.length] == text;
+
+	const hasSubmenu = children !== undefined;
+
+	const currentMenu = [...currentParentMenu, text];
+
+	function handleClick()
+	{
+		if (hasSubmenu)
+		{
+			setOpenMenu(isOpen ? currentParentMenu : currentMenu);
+		}
+
+		if (onClick)
+		{
+			onClick();
+		}
+	}
+
+	return (
+		<li className="menu-item">
+			<a href="#" onClick={handleClick}>
+				<div className="menu-item__content">
+					<div>{text}</div>
+					{hotkey && <div className="menu-item__hotkey">{hotkey}</div>}
+				</div>
+			</a>
+			{children && (
+				<ul className={`sub-menu ${isOpen ? "open" : ""}`}>
+					<OpenMenuContext.Provider
+						value={{openMenu, currentParentMenu: currentMenu, onOpenMenu: setOpenMenu}}>
+						{children}
+					</OpenMenuContext.Provider>
+				</ul>
+			)}
+		</li>
+	);
+}
+
+export function MenuDivider()
+{
+	return <hr/>;
+}

GlitchyEditor/EditorUI/src/Components/StartupCard.css

@@ -0,0 +1,95 @@
+.backdrop
+{
+	position: absolute;
+	width: 100vw;
+	height: 100vh;
+
+	background-color: #00000050;
+
+	z-index: 10;
+	animation: blur-in 1s forwards;
+}
+
+@keyframes blur-in {
+	from {
+		backdrop-filter: blur(0px);
+	}
+	to {
+		backdrop-filter: blur(3px);
+	}
+}
+
+@property --angle {
+	syntax: "<angle>";
+	initial-value: 0deg;
+	inherits: true;
+}
+
+@keyframes spin {
+	from {
+		--angle: 0deg;
+	}
+	to {
+		--angle: 360deg;
+	}
+}
+.card
+{
+	position: absolute;
+
+	padding: 1em;
+
+	left: 50%;
+	top: 50%;
+
+	translate: -50% -50%;
+
+	margin: auto auto;
+
+	width: 300px;
+	height: 300px;
+
+	background-color: gray;
+
+	border-radius: 30px;
+
+	z-index: 100;
+	transform-style: preserve-3d;
+
+	animation: 3s spin linear infinite;
+}
+
+.card::before, .card::after
+{
+	content: '';
+
+	position: absolute;
+
+	width: 100%;
+	height: 100%;
+
+	left: 50%;
+	top: 50%;
+
+	translate: -50% -50%;
+	transform: translateZ(-1px);
+
+	padding: 3px;
+	border-radius: 30px;
+
+	z-index: -10;
+
+	background-image: conic-gradient(from var(--angle), #ff4545, #edd056, #00ff99, #006aff, #ff0095, #ff4545);
+
+}
+
+.card::before
+{
+	filter: blur(10px);
+}
+
+.content
+{
+	width: 100%;
+	height: 100%;
+}

GlitchyEditor/EditorUI/src/Components/StartupCard.tsx

@@ -0,0 +1,24 @@
+import {ReactElement} from "react";
+
+import "./StartupCard.css"
+
+export function StartupCard(): ReactElement
+{
+	return (
+		<div className="backdrop">
+			<div className="card">
+				<div className="content">
+					<h1>Glitchy Engine</h1>
+					<h2>Projects:</h2>
+					<button>Create New</button>
+					<h3>Recent projects:</h3>
+					<ul>
+						<li>Bli</li>
+						<li>Bla</li>
+						<li>Blub</li>
+					</ul>
+				</div>
+			</div>
+		</div>
+	);
+}

GlitchyEditor/EditorUI/src/EditorUIPlaceholder.bf

@@ -0,0 +1,11 @@
+//
+// This file exists so that vite build will only happen, if a file in the src-directory changed
+//
+using System;
+
+namespace EditorUI;
+
+[AlwaysInclude]
+struct EditorUIPlaceholder
+{
+}

GlitchyEditor/EditorUI/src/EngineGlue.ts

@@ -0,0 +1,103 @@
+import {Entity, EntityId} from "./Entity.ts";
+
+export interface IEngineGlue
+{
+	// Titlebar Events
+	handleClickCloseWindow(): void;
+	handleClickMaximizeWindow(): void;
+	handleClickMinimizeWindow(): void;
+	handleHoverCloseWindow(hover: boolean): void;
+	handleHoverMaximizeWindow(hover: boolean): void;
+	handleHoverMinimizeWindow(hover: boolean): void;
+	handleHoverNonClientArea(hover: boolean): void;
+
+	onClickCreateEmptyEntity(): void;
+	setEntityVisibility(entityId: EntityId, isVisible: boolean): void;
+
+	requestEntityHierarchyUpdate(): void;
+	onUpdateEntities?: (entities: Entity[]) => void;
+}
+
+function logNotImplemented(functionName: string)
+{
+	console.log(`${functionName} not implemented.`)
+}
+
+class DevEngineGlue implements IEngineGlue {
+	handleClickCloseWindow(): void
+	{
+		logNotImplemented("handleClickCloseWindow");
+	}
+	handleClickMaximizeWindow(): void
+	{
+		logNotImplemented("handleClickMaximizeWindow");
+	}
+	handleClickMinimizeWindow(): void
+	{
+		logNotImplemented("handleClickMinimizeWindow");
+	}
+	handleHoverCloseWindow(hover: boolean): void
+	{
+		logNotImplemented("handleHoverCloseWindow");
+		console.log(`Hover ${hover}`)
+	}
+	handleHoverMaximizeWindow(hover: boolean): void
+	{
+		logNotImplemented("handleHoverMaximizeWindow");
+		console.log(`Hover ${hover}`)
+	}
+	handleHoverMinimizeWindow(hover: boolean): void
+	{
+		logNotImplemented("handleHoverMinimizeWindow");
+		console.log(`Hover ${hover}`)
+	}
+	handleHoverNonClientArea(hover: boolean): void
+	{
+		logNotImplemented("handleHoverNonClientArea");
+		console.log(`Hover ${hover}`)
+	}
+
+	onClickCreateEmptyEntity(): void
+	{
+		logNotImplemented("onClickCreateEmptyEntity");
+	}
+	setEntityVisibility(entityId: EntityId, isVisible: boolean): void
+	{
+		logNotImplemented("onClickCreateEmptyEntity");
+		console.log(`entityId ${entityId} isVisible ${isVisible}`)
+	}
+
+	requestEntityHierarchyUpdate(): void
+	{
+		logNotImplemented("requestEntityHierarchyUpdate");
+	}
+
+	private callFromEngine_updateEntities(entities: Entity[]): void
+	{
+		console.log("Yeah!")
+
+		if (EngineGlue.onUpdateEntities)
+		{
+			EngineGlue.onUpdateEntities(entities);
+		}
+		else
+		{
+			logNotImplemented("onUpdateEntities");
+		}
+	}
+}
+
+declare global
+{
+	interface Window
+	{
+		EngineGlue: IEngineGlue;
+	}
+}
+
+if (typeof window.EngineGlue === 'undefined')
+{
+	window.EngineGlue = new DevEngineGlue();
+}
+
+export const EngineGlue: IEngineGlue = window.EngineGlue;

GlitchyEditor/EditorUI/src/Entity.ts

@@ -0,0 +1,16 @@
+export type EntityId = string;
+
+export class Entity
+{
+	name: string;
+	id: EntityId;
+	visible: boolean = true;
+	children: EntityId[];
+
+	constructor(name: string, id: EntityId, children: EntityId[] = [])
+	{
+		this.name = name;
+		this.id = id;
+		this.children = children;
+	}
+}

GlitchyEditor/EditorUI/src/Windows/CursorTestWindow.css

@@ -0,0 +1,53 @@
+.auto            { cursor: auto; }
+.default         { cursor: default; }
+.none            { cursor: none; }
+.context-menu    { cursor: context-menu; }
+.help            { cursor: help; }
+.pointer         { cursor: pointer; }
+.progress        { cursor: progress; }
+.wait            { cursor: wait; }
+.cell            { cursor: cell; }
+.crosshair       { cursor: crosshair; }
+.text            { cursor: text; }
+.vertical-text   { cursor: vertical-text; }
+.alias           { cursor: alias; }
+.copy            { cursor: copy; }
+.move            { cursor: move; }
+.no-drop         { cursor: no-drop; }
+.not-allowed     { cursor: not-allowed; }
+.all-scroll      { cursor: all-scroll; }
+.col-resize      { cursor: col-resize; }
+.row-resize      { cursor: row-resize; }
+.n-resize        { cursor: n-resize; }
+.e-resize        { cursor: e-resize; }
+.s-resize        { cursor: s-resize; }
+.w-resize        { cursor: w-resize; }
+.ns-resize       { cursor: ns-resize; }
+.ew-resize       { cursor: ew-resize; }
+.ne-resize       { cursor: ne-resize; }
+.nw-resize       { cursor: nw-resize; }
+.se-resize       { cursor: se-resize; }
+.sw-resize       { cursor: sw-resize; }
+.nesw-resize     { cursor: nesw-resize; }
+.nwse-resize     { cursor: nwse-resize; }
+.zoom-in     { cursor: zoom-in; }
+.zoom-out    { cursor: zoom-out; }
+.custom     { cursor: url('Normal Select.cur'), auto; }
+
+
+h1 {
+	color: #f06d06;
+}
+
+.cursors {
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.cursors div
+{
+	width: 100px;
+	height: 20px;
+	margin: 5px;
+	background-color: blue;
+}

GlitchyEditor/EditorUI/src/Windows/CursorTestWindow.tsx

@@ -0,0 +1,50 @@
+import {IDockviewPanelProps} from "dockview";
+
+import "./CursorTestWindow.css"
+
+export default function CursorTestWindow(props: IDockviewPanelProps)
+{
+	return (
+		<>
+			<h1>CSS Cursors</h1>
+
+			<div className="cursors">
+				<div className="auto">auto</div>
+				<div className="default">default</div>
+				<div className="none">none</div>
+				<div className="context-menu">context-menu</div>
+				<div className="help">help</div>
+				<div className="pointer">pointer</div>
+				<div className="progress">progress</div>
+				<div className="wait">wait</div>
+				<div className="cell">cell</div>
+				<div className="crosshair">crosshair</div>
+				<div className="text">text</div>
+				<div className="vertical-text">vertical-text</div>
+				<div className="alias">alias</div>
+				<div className="copy">copy</div>
+				<div className="move">move</div>
+				<div className="no-drop">no-drop</div>
+				<div className="not-allowed">not-allowed</div>
+				<div className="all-scroll">all-scroll</div>
+				<div className="col-resize">col-resize</div>
+				<div className="row-resize">row-resize</div>
+				<div className="n-resize">n-resize</div>
+				<div className="s-resize">s-resize</div>
+				<div className="e-resize">e-resize</div>
+				<div className="w-resize">w-resize</div>
+				<div className="ns-resize">ns-resize</div>
+				<div className="ew-resize">ew-resize</div>
+				<div className="ne-resize">ne-resize</div>
+				<div className="nw-resize">nw-resize</div>
+				<div className="se-resize">se-resize</div>
+				<div className="sw-resize">sw-resize</div>
+				<div className="nesw-resize">nesw-resize</div>
+				<div className="nwse-resize">nwse-resize</div>
+				<div className="zoom-in">zoom-in</div>
+				<div className="zoom-out">zoom-out</div>
+				<div className="custom">custom</div>
+			</div>
+		</>
+	);
+}

GlitchyEditor/EditorUI/src/Windows/EntityHierarchyWindow.css

@@ -0,0 +1,50 @@
+.filterEntities
+{
+	margin-left: auto;
+	margin-right: 5px;
+}
+
+.tree-view__item
+{
+	position: relative;
+}
+
+.tree-view__item__text
+{
+	margin-right: 1em;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	position: relative;
+}
+
+/*li > ul {*/
+/*	margin-left: 10px;*/
+/*}*/
+
+.tree-view__item.selected
+{
+	background-color: var(--tree-view-item-background-color-selected);
+}
+
+.tree-view__item:hover
+{
+	background-color: var(--menu-bar-background-color-hover);
+}
+
+.tree-view__item:active
+{
+	background-color: var(--menu-bar-background-color-click);
+}
+
+
+.tree-view__item img
+{
+	/*display: block;*/
+	position: absolute;
+	right: 0;
+	top: 0;
+	width: 1em;
+	height: 1em;
+	filter: invert();
+}

GlitchyEditor/EditorUI/src/Windows/EntityHierarchyWindow.tsx

@@ -0,0 +1,251 @@
+import {IDockviewPanelProps} from "dockview";
+import {MenuBar, MenuItem} from "../Components/Menu.tsx";
+
+import "./EntityHierarchyWindow.css";
+import React, {MouseEvent, MouseEventHandler, ReactElement, useEffect, useState} from "react";
+
+import IconVisible from "../assets/Icons/AntDesign/eye-visible.svg";
+import IconInvisible from "../assets/Icons/AntDesign/eye-invisible.svg";
+import {Updater, useImmer} from "use-immer";
+
+import {EngineGlue} from "../EngineGlue";
+
+import {enableMapSet} from "immer"
+import {Entity, EntityId} from "../Entity.ts";
+import {IconCheckButton} from "../Components/IconCheckButton.tsx";
+
+enableMapSet()
+
+type EntityMap = {
+	selectedIds: Set<EntityId>;
+	entities: Map<EntityId, Entity>;
+	//[id: EntityId]: Entity;
+};
+
+const entityHierarchy: EntityMap = {
+	selectedIds: new Set<EntityId>(),
+	entities: new Map<EntityId, Entity>([
+		["0", new Entity("Root", "0", ["1", "2"])],
+		["1", new Entity("Entity 1", "1", [])],
+		["2", new Entity("Entity 2", "2", ["3"])],
+		["3", new Entity("Entity 3 in 2", "3", [])]
+	])
+	// // 0 is hardcoded to be the root. The editor must provide this "pseudo"-entity.
+	// 0: new Entity("Root", 0, [1, 2]),
+	// 1: new Entity("Entity 1", 1, []),
+	// 2: new Entity("Entity 2", 2, [3]),
+	// 3: new Entity("Entity 3 in 2", 3, [])
+};
+
+export default function EntityHierarchyWindow(props: IDockviewPanelProps)
+{
+	const [entities, updateEntities] = useImmer(entityHierarchy);
+	const [filterText, setFilterText] = useState("");
+
+	useEffect(() => {
+		EngineGlue.onUpdateEntities = (entities: Entity[]) => {
+			updateEntities(draft => {
+				try
+				{
+					for (const entity of entities)
+					{
+						// console.log(`${entity.id}: "${entity.name ?? "deleted"}",
+						// ${entity.visible ? "Visible" : "Invisible"}, ${entity.children.length} Children: [${entity.children}]`)
+
+						if (entity.name === "undefined")
+						{
+							draft.entities.delete(entity.id);
+							//delete draft[entity.id];
+							draft.selectedIds.delete(entity.id);
+						}
+						else
+						{
+							draft.entities.set(entity.id, entity);
+							//draft[entity.id] = entity;
+						}
+					}
+				}
+				catch (e)
+				{
+					console.log(`Failed to update entities: ${e}`);
+				}
+			});
+		};
+
+		EngineGlue.requestEntityHierarchyUpdate();
+
+		return () => {
+			delete EngineGlue.onUpdateEntities;
+		};
+	}, [updateEntities]);
+
+	return (
+		<>
+			<EntityMenuBar searchString={filterText} onFilterTextChanged={setFilterText} />
+			<EntityTree items={entities} updateItems={updateEntities} entityFilter={filterText}/>
+		</>
+	);
+}
+
+function EntityTreeItem({item, allEntities, updateEntities, showAsTree}: {
+	item: Entity,
+	allEntities: EntityMap, updateEntities: Updater<EntityMap>, showAsTree: boolean}) : ReactElement
+{
+	//const [isOpen, setOpen] = useState(false);
+
+	const isSelected = allEntities.selectedIds.has(item.id);
+	//const isVisible = allEntities[item.id].visible;
+
+	function handleClick(event: MouseEvent)
+	{
+		console.log("Clicked" + item.name);
+		updateEntities(draft => {
+			if (isSelected)
+			{
+				draft.selectedIds.delete(item.id);
+			}
+			else
+			{
+				draft.selectedIds.add(item.id);
+			}
+		});
+
+		event.stopPropagation();
+	}
+
+	function toggleVisibility(event: MouseEvent)
+	{
+		event.stopPropagation();
+
+		// updateEntities(draft => {
+		// 	draft[item.id].visible = !draft[item.id].visible;
+		// });
+
+		//event.stopPropagation();
+	}
+
+	return (
+		<li>
+			<div className={"tree-view__item " + (isSelected ? "selected" : "")} onClick={handleClick}>
+				<div className="tree-view__item__text">
+					{item.name}
+				</div>
+				<VisibilityToggle item={item} onClick={toggleVisibility} updateEntities={updateEntities} />
+			</div>
+
+			{
+				showAsTree && item.children.length > 0 &&
+                <ul>
+					{
+						item.children.map((childId) => {
+							const entity = allEntities.entities.get(childId);
+
+							if (entity === undefined)
+								return;
+
+							return <EntityTreeItem key={entity.id} item={entity} allEntities={allEntities} updateEntities={updateEntities} showAsTree={showAsTree}/>;
+						})
+					}
+                </ul>
+			}
+		</li>
+	);
+}
+
+function VisibilityToggle({item, onClick, updateEntities} : {item: Entity, onClick: MouseEventHandler, updateEntities: Updater<EntityMap>}) {
+	function clickHandler(event: MouseEvent)
+	{
+		updateEntities(draft => {
+			const entity = draft.entities.get(item.id)
+
+			if (entity !== undefined)
+			{
+				entity.visible = !entity.visible;
+				EngineGlue.setEntityVisibility(entity.id, entity.visible);
+			}
+		});
+
+		onClick(event);
+
+		event.stopPropagation();
+	}
+
+	return <IconCheckButton isChecked={item.visible} onClick={clickHandler} iconChecked={IconVisible} iconUnchecked={IconInvisible}/>
+}
+
+
+
+function EntityTree({items, updateItems, entityFilter}: { items: EntityMap, updateItems: Updater<EntityMap>, entityFilter: string })
+{
+	const rootEntity = items.entities.get("0");
+
+	if (entityFilter.length == 0)
+	{
+		return (
+			<ul className="tree-view">
+				{
+					rootEntity && rootEntity.children.map((childId) => {
+						const entity = items.entities.get(childId);
+
+						if (entity === undefined)
+							return;
+
+						return <EntityTreeItem key={entity.id} item={entity} allEntities={items} updateEntities={updateItems} showAsTree={true} />;
+					})
+				}
+			</ul>
+		);
+	}
+	else
+	{
+		return (
+			<ul className="tree-view">
+				{
+					Array.from(items.entities).filter(([, entity]) => {
+						return entity.name.indexOf(entityFilter) != -1
+					}).map(([, entity]) => {
+						return <EntityTreeItem key={entity.id} item={entity} allEntities={items}
+						                       updateEntities={updateItems} showAsTree={false}/>;
+					})
+				}
+			</ul>
+		);
+	}
+}
+
+function EntityMenuBar({searchString, onFilterTextChanged}: {
+	searchString: string,
+	onFilterTextChanged: (s: string) => void
+})
+{
+	return <MenuBar>
+		<MenuItem text="Create">
+			<MenuItem text="Empty Entity" onClick={window.EngineGlue.onClickCreateEmptyEntity}/>
+			<MenuItem text="Parent Entity">
+				<MenuItem text="Test 1 (lang)">
+					<MenuItem text="Du">
+						<MenuItem text="Übertreibst">
+							<MenuItem text="Völlig"/>
+							<MenuItem text="Du Hund!"/>
+						</MenuItem>
+					</MenuItem>
+				</MenuItem>
+				<MenuItem text="Test 2">
+					<MenuItem text="Ach komm,"/>
+				</MenuItem>
+				<MenuItem text="Test 3">
+					<MenuItem text="Hör auf!"/>
+				</MenuItem>
+			</MenuItem>
+			<MenuItem text="Child Entity"/>
+		</MenuItem>
+		<MenuItem text="Delete">
+			<MenuItem text="Selected"/>
+			<MenuItem text="All"/>
+		</MenuItem>
+		<MenuItem text="Copy">
+		</MenuItem>
+		<input className="filterEntities" placeholder="Filter entities..." content={searchString}
+		       onChange={(e) => onFilterTextChanged(e.target.value)}/>
+	</MenuBar>;
+}

GlitchyEditor/EditorUI/src/Windows/MainWindow.css

@@ -0,0 +1,87 @@
+.jep
+{
+	display: grid;
+	grid-template-rows: min-content 1fr;
+	grid-template-areas:
+	"titlebar"
+	"dock";
+
+	width: 100vw;
+	height: 100vh;
+}
+
+.dock
+{
+	grid-area: dock;
+	overflow: hidden;
+}
+
+.title-bar
+{
+	grid-area: titlebar;
+
+	background-color: var(--menu-bar-background-color);
+
+	display: grid;
+	grid-template-columns: auto 1fr;
+	grid-template-rows: 1fr 1fr;
+	grid-template-areas:
+	"icon title"
+	"icon menubar";
+	align-items: center;
+}
+
+.title-bar__icon
+{
+	grid-area: icon;
+
+	aspect-ratio : 1 / 1;
+	height: 100%;
+
+	/*height: 2em;*/
+	/*width: 2em;*/
+
+	background-image: url(/src/assets/GlitchyEngineTransparent.png);
+	background-size: contain;
+	mask: radial-gradient(white 65%, transparent 75%);
+
+	margin-right: 0.5em;
+}
+
+.title-bar__title
+{
+	display: flex;
+	grid-area: title;
+	height: 2em;
+	align-items: center;
+}
+
+.engine-name
+{
+	font-weight: bold;
+	margin-right: 1em;
+}
+
+.title-bar__button
+{
+	grid-area: title;
+	height: 100%;
+	width: 47px;
+	background-color: transparent;
+	border: none;
+	color: white;
+}
+.title-bar__button:hover
+{
+	background-color: gray;
+}
+
+.title-bar__button.minimize
+{
+	margin-left: auto;
+}
+
+.title-bar__button.close:hover
+{
+	background-color: red;
+}

GlitchyEditor/EditorUI/src/Windows/MainWindow.tsx

@@ -0,0 +1,102 @@
+import "./MainWindow.css"
+import Dock from "../Components/Dock.tsx";
+import {MenuBar, MenuDivider, MenuItem} from "../Components/Menu.tsx";
+import {ReactElement, useEffect, useRef} from "react";
+import '../EngineGlue.ts'
+import {EngineGlue} from "../EngineGlue.ts";
+import {StartupCard} from "../Components/StartupCard.tsx";
+
+//something = 'testing';
+
+export default function MainWindow() {
+	const projectName = "Mein Geiles Projekt";
+	const fileName = "DefaultScene.scene";
+
+	return (
+		<div className="jep">
+			<TitleBar projectName={projectName} fileName={fileName}/>
+			<Dock/>
+		</div>
+	);
+}
+
+function TitleBar({ projectName, fileName } : {projectName: string, fileName: string}): ReactElement
+{
+	// {false ? "🗗" : "🗖"}
+	return (
+		<div className="title-bar">
+			<div className="title-bar__icon"/>
+			<div className="title-bar__title"
+			     onMouseEnter={() => EngineGlue.handleHoverNonClientArea(true)}
+			     onMouseLeave={() => EngineGlue.handleHoverNonClientArea(false)}>
+				<div>
+					<span className="engine-name">Glitchy Engine</span> {projectName} - {fileName}
+				</div>
+
+				<button className="title-bar__button minimize"
+				        onClick={() => EngineGlue.handleClickMinimizeWindow()}
+				        onMouseOver={() => EngineGlue.handleHoverMinimizeWindow(true)}
+				        onMouseLeave={() => EngineGlue.handleHoverMinimizeWindow(false)}>🗕</button>
+				<button className="title-bar__button maximize"
+				        onClick={() => EngineGlue.handleClickMaximizeWindow()}
+						onMouseOver={() => EngineGlue.handleHoverMaximizeWindow(true)}
+						onMouseLeave={() => EngineGlue.handleHoverMaximizeWindow(false)}>🗖</button>
+				<button className="title-bar__button close"
+				        onClick={() => EngineGlue.handleClickCloseWindow()}
+				        onMouseOver={() => EngineGlue.handleHoverCloseWindow(true)}
+				        onMouseLeave={() => EngineGlue.handleHoverCloseWindow(false)}>🗙</button>
+			</div>
+			<MainMenuBar/>
+		</div>
+	);
+}
+
+function MainMenuBar(): ReactElement
+{
+	return (
+		<MenuBar>
+			<MenuItem text="File" onClick={() => {
+				console.log("Test")
+			}}>
+				<MenuItem text="New Scene..." hotkey="Ctrl + N" onClick={() => window.open("file:///index.html")}/>
+				<MenuItem text="Open Scene..." hotkey="Ctrl + O"/>
+				<MenuItem text="Open recent Scene">
+					<MenuItem text="1. Bli"/>
+					<MenuItem text="2. Bla"/>
+					<MenuItem text="3. Blub"/>
+				</MenuItem>
+				<MenuDivider/>
+				<MenuItem text="Save Scene" hotkey="Ctrl + S"/>
+				<MenuItem text="Save Scene as..." hotkey="Ctrl + Shift + S"/>
+				<MenuDivider/>
+				<MenuItem text="Create new Project..."/>
+				<MenuItem text="Open Project..."/>
+				<MenuItem text="Open recent Project">
+					<MenuItem text="1. Bli"/>
+					<MenuItem text="2. Bla"/>
+					<MenuItem text="3. Blub"/>
+				</MenuItem>
+				<MenuDivider/>
+				<MenuItem text="Settings..."/>
+				<MenuDivider/>
+				<MenuItem text="Exit" onClick={EngineGlue.handleClickCloseWindow} />
+			</MenuItem>
+			<MenuItem text="View">
+				<MenuItem text="Asset Browser"/>
+				<MenuItem text="Scene"/>
+				<MenuItem text="Entity Hierarchy"/>
+				<MenuItem text="Game"/>
+				<MenuItem text="Inspector"/>
+				<MenuItem text="Asset Viewer"/>
+				<MenuItem text="Log"/>
+			</MenuItem>
+			<MenuItem text="Tools">
+				<MenuItem text="Reload Script"/>
+				<label>
+					<input type="checkbox"/>
+					Show ImGui Demo
+				</label>
+			</MenuItem>
+		</MenuBar>
+	);
+}

GlitchyEditor/EditorUI/src/Windows/eye-invisible.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="icon">
+  <path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"/><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"/>
+</svg>

GlitchyEditor/EditorUI/src/assets/Fonts/Inter/LICENSE.txt

@@ -0,0 +1,92 @@
+Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

GlitchyEditor/EditorUI/src/assets/Fonts/Inter/inter.css

@@ -0,0 +1,57 @@
+/* Variable fonts usage:
+:root { font-family: "Inter", sans-serif; }
+@supports (font-variation-settings: normal) {
+  :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
+} */
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("InterVariable.woff2") format("woff2");
+}
+@font-face {
+  font-family: InterVariable;
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url("InterVariable-Italic.woff2") format("woff2");
+}
+
+/* static fonts */
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
+@font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
+@font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }

GlitchyEditor/EditorUI/src/assets/Icons/AntDesign/eye-invisible.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="icon">
+  <path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 0 0 0-51.5zm-63.57-320.64L836 122.88a8 8 0 0 0-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 0 0 0 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 0 0 0 11.31L155.17 889a8 8 0 0 0 11.31 0l712.15-712.12a8 8 0 0 0 0-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 0 0-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 0 1 146.2-106.69L401.31 546.2A112 112 0 0 1 396 512z"/><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 0 0 227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 0 1-112 112z"/>
+</svg>

GlitchyEditor/EditorUI/src/assets/Icons/AntDesign/eye-visible.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="icon">
+  <path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 0 0 0 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"/>
+</svg>

GlitchyEditor/EditorUI/src/index.css

@@ -0,0 +1,73 @@
+@import "assets/Fonts/Inter/inter.css";
+@import '../node_modules/dockview-react/dist/styles/dockview.css';
+
+*
+{
+	margin: 0;
+	padding: 0;
+	user-select: none;
+	-webkit-user-select: none;
+	/*cursor: default;*/
+}
+
+/* Fix indentation of nested lists */
+ul, ol {
+	padding-inline-start: 40px;
+}
+
+/* Variable Declaration for themes */
+:root
+{
+	--font-color-primary: white;
+
+	/* Menu Bar */
+	--menu-bar-background-color: #404040;
+	--menu-bar-background-color-hover: #808080;
+	--menu-bar-background-color-click: #606060;
+	--menu-bar-hotkey-color: #A0A0A0;
+
+	--tree-view-item-background-color-selected: #323275;
+
+	--small-transition-duration: 0.1s;
+
+	--text-box-background-color: #2c2c2c;
+	--text-box-border-color: #a5a5a5;
+	--text-box-border-color-focus: #007acc;
+	--text-box-border-color-disabled: #4e4e4e;
+}
+
+:root
+{
+	font-family: "Inter", sans-serif;
+
+	/* Disable selection by default. But for some reason webkit does it differently than chorme...*/
+	user-select: none;
+	-webkit-user-select: none;
+	cursor: default;
+
+	color: var(--font-color-primary);
+}
+
+@supports (font-variation-settings: normal)
+{
+	:root
+	{
+		font-family: "InterVariable", sans-serif; font-optical-sizing: auto;
+	}
+}
+
+input[type=text], input
+{
+	background-color: var(--text-box-background-color);
+	color: var(--font-color-primary);
+	border: 2px solid var(--text-box-border-color);
+	border-radius: 3px;
+	padding: 1px 2px;
+	transition: border-color var(--small-transition-duration);
+}
+
+input[type=text]:focus, input:focus
+{
+	outline: none;
+	border-color: var(--text-box-border-color-focus);
+}

GlitchyEditor/EditorUI/src/main.tsx

@@ -0,0 +1,14 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.tsx'
+import './assets/Fonts/Inter/inter.css'
+import './index.css'
+import 'dockview/dist/styles/dockview.css';
+
+// Ultralight 1.4 = Safari 16.4.1 / WebKit 615.1.18.100.1 (March 2023)
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

GlitchyEditor/EditorUI/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

GlitchyEditor/EditorUI/tsconfig.app.json

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}

GlitchyEditor/EditorUI/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

GlitchyEditor/EditorUI/tsconfig.node.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["vite.config.ts"]
+}

GlitchyEditor/EditorUI/vite.config.debug.ts

@@ -0,0 +1,25 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig(({ mode }) => {
+    const isDebug = mode === 'debug'
+
+    return {
+        plugins: [react()],
+        base: "./",
+        build: {
+            target: "es2015",
+            minify: false,
+            terserOptions: undefined,
+            rollupOptions: {
+                preserveModules: true,
+                output: {
+                    dir: 'dist',
+                    entryFileNames: '[name].js',
+                    chunkFileNames: '[name].js',
+                    assetFileNames: '[name].[ext]'
+                }
+            }
+        }
+    }
+})

GlitchyEditor/EditorUI/vite.config.ts

@@ -0,0 +1,17 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  base: "./",
+  build:
+  {
+    target: "es2015",
+    terserOptions: {
+      mangle: {
+        reserved: ['EngineGlue']
+      }
+    }
+  }
+})

GlitchyEditor/SandboxProject/.gitignore

@@ -0,0 +1 @@
+project_user.bon

GlitchyEditor/SandboxProject/Assets/Models/plane.glb.ass

@@ -0,0 +1,5 @@
+{
+	AssetLoader = "ModelAssetLoader",
+	Config = (GlitchyEditor.Assets.ModelAssetLoaderConfig){}/* No reflection data for GlitchyEditor.Assets.ModelAssetLoaderConfig. Add [BonTarget] or force it */,
+	AssetHandle = 141014598923215615
+}

GlitchyEditor/SandboxProject/Assets/Models/sphere.glb.ass

@@ -0,0 +1,5 @@
+{
+	AssetLoader = "ModelAssetLoader",
+	Config = (GlitchyEditor.Assets.ModelAssetLoaderConfig){}/* No reflection data for GlitchyEditor.Assets.ModelAssetLoaderConfig. Add [BonTarget] or force it */,
+	AssetHandle = 11221639476224465119
+}

GlitchyEditor/SandboxProject/Assets/Scenes/New Scene.scene

@@ -0,0 +1,119 @@
+{
+	Name = "Scene name here pls!!!",
+	Entities = [
+		{
+			Id = 8726995825602656358,
+			NameComponent = {
+				Name = "Camera"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 2,
+					Z = -5
+				},
+				Rotation = {
+					X = 0,
+					Y = 0.21643962,
+					Z = 0,
+					W = 0.976296008
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0.436332315,
+					Z = 0
+				}
+			},
+			CameraComponent = {
+				Primary = true,
+				ProjectionType = .InfinitePerspective,
+				PerspectiveFovY = 1.30899692,
+				PerspectiveNearPlane = 0.100000001,
+				PerspectiveFarPlane = 10000,
+				OrthographicHeight = 10,
+				OrthographicNearPlane = 0,
+				OrthographicFarPlane = 10,
+				AspectRatio = 1.83772814,
+				FixedAspectRatio = false
+			}
+		},
+		{
+			Id = 5254899955475338567,
+			NameComponent = {
+				Name = "Light"
+			},
+			TransformComponent = {
+				Position = {
+					X = -3,
+					Y = 4,
+					Z = -1.5
+				},
+				Rotation = {
+					X = 0.239775807,
+					Y = 0.61432755,
+					Z = 0.0315670744,
+					W = 0.751074195
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0.3490659,
+					Y = 1.3089968,
+					Z = 0.34906587
+				}
+			},
+			LightComponent = {
+				LightType = .Directional,
+				Illuminance = 10,
+				Color = {
+					R = 1,
+					G = 0.949999988,
+					B = 0.800000012
+				}
+			}
+		},
+		{
+			Id = 10018854473822844403,
+			NameComponent = {
+				Name = "Entity"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			MeshComponent = {
+				Mesh = 141014598923215615
+			},
+			MeshRendererComponent = {
+				Material = 15093501654975430075
+			}
+		}
+	]
+}

GlitchyEditor/SandboxProject/Assets/Scenes/Simple3D.scene

@@ -0,0 +1,224 @@
+{
+	Name = "Scene name here pls!!!",
+	Entities = [
+		{
+			Id = 5169765174113462770,
+			NameComponent = {
+				Name = "Sphere"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 0.5,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			MeshComponent = {
+				Mesh = "Assets/Models/sphere.glb"
+			},
+			MeshRendererComponent = {
+				Material = "Assets/Textures/TestMaterial.mat"
+			}
+		},
+		{
+			Id = 17158420331978163131,
+			NameComponent = {
+				Name = "Light"
+			},
+			TransformComponent = {
+				Position = {
+					X = -1,
+					Y = 4,
+					Z = -4
+				},
+				Rotation = {
+					X = 0.614328027,
+					Y = 0.23977606,
+					Z = 0.0315669999,
+					W = 0.751073778
+				},
+				Scale = {
+					X = 0.999998808,
+					Y = 1,
+					Z = 1.00000095
+				},
+				EditorEulerRotation = {
+					X = 1.30899811,
+					Y = 0.349065989,
+					Z = 0.349065989
+				}
+			},
+			LightComponent = {
+				LightType = .Directional,
+				Illuminance = 10,
+				Color = {
+					R = 1,
+					G = 0.991771996,
+					B = 0.74086231
+				}
+			}
+		},
+		{
+			Id = 5556050645816939548,
+			NameComponent = {
+				Name = "Plane"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 10,
+					Y = 1,
+					Z = 10
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			MeshComponent = {
+				Mesh = "Assets/Models/plane.glb"
+			},
+			MeshRendererComponent = {
+				Material = "Assets/Textures/TestMaterial.mat"
+			}
+		},
+		{
+			Id = 3947673900993587516,
+			NameComponent = {
+				Name = "Camera"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 2,
+					Z = -5
+				},
+				Rotation = {
+					X = 0.216440007,
+					Y = 0,
+					Z = 0,
+					W = 0.976296008
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0.436332017,
+					Y = 0,
+					Z = 0
+				}
+			},
+			CameraComponent = {
+				Primary = true,
+				ProjectionType = .InfinitePerspective,
+				PerspectiveFovY = 1.30899692,
+				PerspectiveNearPlane = 0.100000001,
+				PerspectiveFarPlane = 10000,
+				OrthographicHeight = 10,
+				OrthographicNearPlane = 0,
+				OrthographicFarPlane = 10,
+				AspectRatio = 1.87453413,
+				FixedAspectRatio = false
+			}
+		},
+		{
+			Id = 420718992779301759,
+			NameComponent = {
+				Name = "Entity"
+			},
+			TransformComponent = {
+				Position = {
+					X = 3,
+					Y = 0.501076996,
+					Z = -0.669378757
+				},
+				Rotation = {
+					X = 0.18301262,
+					Y = -0.683013558,
+					Z = 0.683012187,
+					W = 0.183013007
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 1.57079458,
+					Y = -2.61799288,
+					Z = 0
+				}
+			},
+			MeshComponent = {
+				Mesh = ""
+			},
+			MeshRendererComponent = {
+				Material = ""
+			}
+		},
+		{
+			Id = 8080288871271083510,
+			NameComponent = {
+				Name = "Rocket"
+			},
+			TransformComponent = {
+				Position = {
+					X = 2.37353563,
+					Y = 0.629615188,
+					Z = -1.34831977
+				},
+				Rotation = {
+					X = 0.270598024,
+					Y = -0.65328151,
+					Z = 0.65328151,
+					W = 0.270598054
+				},
+				Scale = {
+					X = 0.999999821,
+					Y = 0.999999762,
+					Z = 0.999999702
+				},
+				EditorEulerRotation = {
+					X = 1.57079649,
+					Y = -2.35619426,
+					Z = 8.94069601e-08
+				}
+			},
+			MeshComponent = {
+				Mesh = "Assets/Models/plane.glb"
+			},
+			MeshRendererComponent = {
+				Material = "Assets/Textures/RocketMaterial.mat"
+			}
+		}
+	]
+}

GlitchyEditor/SandboxProject/Assets/Scenes/childTest.scene

@@ -0,0 +1,212 @@
+{
+	Name = "Scene name here pls!!!",
+	Entities = [
+		{
+			Id = 6000868443984780499,
+			NameComponent = {
+				Name = "Child"
+			},
+			SpriterRendererComponent = {
+				Color = {
+					R = 1,
+					G = 0.388184,
+					B = 0.090109,
+					A = 1
+				},
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				ParentId = 820806682740348099,
+				Position = {
+					X = 0,
+					Y = 0.75,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 0.5,
+					Y = 0.5,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			}
+		},
+		{
+			Id = 820806682740348099,
+			NameComponent = {
+				Name = "Quad"
+			},
+			SpriterRendererComponent = {
+				Color = {
+					R = 0,
+					G = 0.551178,
+					B = 0.328787,
+					A = 1
+				},
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 2,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Dynamic,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 15398726361722237419,
+			NameComponent = {
+				Name = "Floor"
+			},
+			SpriterRendererComponent = {
+				Color = {
+					R = 1,
+					G = 0.941886,
+					B = 0.401485,
+					A = 1
+				},
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = -0.5,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 10,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Static,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 1491484622542812645,
+			NameComponent = {
+				Name = "Camera"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 1,
+					Z = -5
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			CameraComponent = {
+				Primary = true,
+				ProjectionType = .InfinitePerspective,
+				PerspectiveFovY = 1.308997,
+				PerspectiveNearPlane = 0.1,
+				PerspectiveFarPlane = 10000,
+				OrthographicHeight = 10,
+				OrthographicNearPlane = 0,
+				OrthographicFarPlane = 10,
+				AspectRatio = 2.116827,
+				FixedAspectRatio = false
+			}
+		}
+	]
+}

GlitchyEditor/SandboxProject/Assets/Scenes/physics2D.scene

@@ -0,0 +1,505 @@
+{
+	Name = "Scene name here pls!!!",
+	Entities = [
+		{
+			Id = 820806682740348099,
+			NameComponent = {
+				Name = "Quad"
+			},
+			SpriteRendererComponent = {
+				Color = {
+					R = 0,
+					G = 0.55117774,
+					B = 0.32878688,
+					A = 1
+				},
+				Sprite = "Assets/Textures/TestMat/rustediron2_albedo.png",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = -0.72789681,
+					Y = 2,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Dynamic,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 15398726361722237419,
+			NameComponent = {
+				Name = "Floor"
+			},
+			SpriteRendererComponent = {
+				Color = {
+					R = 1,
+					G = 0.941887021,
+					B = 0.401484489,
+					A = 1
+				},
+				Sprite = "",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = -0.5,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 10,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Static,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 1491484622542812645,
+			NameComponent = {
+				Name = "Camera"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 1,
+					Z = -5
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			CameraComponent = {
+				Primary = true,
+				ProjectionType = .InfinitePerspective,
+				PerspectiveFovY = 1.30899692,
+				PerspectiveNearPlane = 0.100000001,
+				PerspectiveFarPlane = 10000,
+				OrthographicHeight = 10,
+				OrthographicNearPlane = 0,
+				OrthographicFarPlane = 10,
+				AspectRatio = 2.05582929,
+				FixedAspectRatio = false
+			},
+			ScriptComponent = {
+				ScriptClass = "Sandbox.Camera",
+				Fields = [
+					DistanceFromPlayer = (Float)-7,
+					DontFollowRadius = (Float)3
+				]			}
+		},
+		{
+			Id = 15710354273720487680,
+			NameComponent = {
+				Name = "Player"
+			},
+			CircleRendererComponent = {
+				Color = {
+					R = 1,
+					G = 0,
+					B = 0,
+					A = 1
+				},
+				InnerRadius = 0.300000012,
+				Sprite = "",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = -0.121203206,
+					Y = 0.660161078,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Dynamic,
+				FixedRotation = false
+			},
+			CircleCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Radius = 0.5,
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			},
+			ScriptComponent = {
+				ScriptClass = "Sandbox.MyTestEntity",
+				Fields = [
+					_rigidBody = (Component)15710354273720487680,
+					TheEntity = (Entity)0,
+					JumpForce = (Float)200,
+					MoveForce = (Float)148,
+					MyNumber = (Int)22,
+					Camera = (Entity)1491484622542812645
+				]			}
+		},
+		{
+			Id = 935640822766280888,
+			NameComponent = {
+				Name = "Light"
+			},
+			TransformComponent = {
+				Position = {
+					X = 3.88327599,
+					Y = 0,
+					Z = -0.808795214
+				},
+				Rotation = {
+					X = 0.497987002,
+					Y = -0.103420995,
+					Z = 0.155380026,
+					W = 0.846859217
+				},
+				Scale = {
+					X = 0.999997795,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 1.09089541,
+					Y = -0.340793997,
+					Z = 0.160857871
+				}
+			},
+			LightComponent = {
+				LightType = .Directional,
+				Illuminance = 12.8999996,
+				Color = {
+					R = 0.985467017,
+					G = 1,
+					B = 0.569977939
+				}
+			}
+		},
+		{
+			Id = 721949523193525565,
+			NameComponent = {
+				Name = "Sphere"
+			},
+			TransformComponent = {
+				Position = {
+					X = 0,
+					Y = 0,
+					Z = 2.56930423
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0,
+					W = 1
+				},
+				Scale = {
+					X = 1,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0
+				}
+			},
+			MeshComponent = {
+				Mesh = "Assets/Models/sphere.glb"
+			},
+			MeshRendererComponent = {
+				Material = "Assets/Textures/TestMaterial.mat"
+			}
+		},
+		{
+			Id = 2241063100006479259,
+			NameComponent = {
+				Name = "Floor 2"
+			},
+			SpriteRendererComponent = {
+				Color = {
+					R = 0.425658971,
+					G = 0.855207443,
+					B = 0.0558161177,
+					A = 1
+				},
+				Sprite = "",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = 6.74610233,
+					Y = -2.03225946,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = -0.331792623,
+					W = 0.94335258
+				},
+				Scale = {
+					X = 5.29557419,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = -0.676406503
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Static,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 5126705881069187728,
+			NameComponent = {
+				Name = "Floor 3"
+			},
+			SpriteRendererComponent = {
+				Color = {
+					R = 0.666117013,
+					G = 0.0600316115,
+					B = 1,
+					A = 1
+				},
+				Sprite = "",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = 15.2321281,
+					Y = -1.98709273,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0.134986058,
+					W = 0.990847468
+				},
+				Scale = {
+					X = 13.9764528,
+					Y = 1,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0.270798802
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Static,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0.800000012,
+				RestitutionThreshold = 0.5
+			}
+		},
+		{
+			Id = 6861260438693901700,
+			NameComponent = {
+				Name = "Floor 4"
+			},
+			SpriteRendererComponent = {
+				Color = {
+					R = 0.176544309,
+					G = 0.666713238,
+					B = 0.687030852,
+					A = 1
+				},
+				Sprite = "",
+				UvTransform = {
+					X = 0,
+					Y = 0,
+					Z = 1,
+					W = 1
+				}
+			},
+			TransformComponent = {
+				Position = {
+					X = -6.27842855,
+					Y = 2.62550163,
+					Z = 0
+				},
+				Rotation = {
+					X = 0,
+					Y = 0,
+					Z = 0.187087879,
+					W = 0.982343197
+				},
+				Scale = {
+					X = 0.999999464,
+					Y = 6.49634314,
+					Z = 1
+				},
+				EditorEulerRotation = {
+					X = 0,
+					Y = 0,
+					Z = 0.376393616
+				}
+			},
+			Rigidbody2D = {
+				BodyType = .Static,
+				FixedRotation = false
+			},
+			BoxCollider2D = {
+				Offset = {
+					X = 0,
+					Y = 0
+				},
+				Size = {
+					X = 0.5,
+					Y = 0.5
+				},
+				Density = 1,
+				Friction = 0.5,
+				Restitution = 0.899999857,
+				RestitutionThreshold = 0.5
+			}
+		}
+	]
+}

GlitchyEditor/SandboxProject/Assets/Scripts/.gitignore

@@ -0,0 +1,398 @@
+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/main/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Mono auto generated files
+mono_crash.*
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Ww][Ii][Nn]32/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+[Ll]og/
+[Ll]ogs/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUnit
+*.VisualState.xml
+TestResult.xml
+nunit-*.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# ASP.NET Scaffolding
+ScaffoldingReadMe.txt
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.log
+*.tlog
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Coverlet is a free, cross platform Code Coverage Tool
+coverage*.json
+coverage*.xml
+coverage*.info
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# NuGet Symbol Packages
+*.snupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+*.appxbundle
+*.appxupload
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*~
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- [Bb]ackup.rdl
+*- [Bb]ackup ([0-9]).rdl
+*- [Bb]ackup ([0-9][0-9]).rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+node_modules/
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio 6 auto-generated project file (contains which files were open etc.)
+*.vbp
+
+# Visual Studio 6 workspace and project file (working project files containing files to include in project)
+*.dsw
+*.dsp
+
+# Visual Studio 6 technical files
+*.ncb
+*.aps
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# Visual Studio History (VSHistory) files
+.vshistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# Backup folder for Package Reference Convert tool in Visual Studio 2017
+MigrationBackup/
+
+# Ionide (cross platform F# VS Code tools) working folder
+.ionide/
+
+# Fody - auto-generated XML schema
+FodyWeavers.xsd
+
+# VS Code files for those working on multiple tools
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+*.code-workspace
+
+# Local History for Visual Studio Code
+.history/
+
+# Windows Installer files from build outputs
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# JetBrains Rider
+*.sln.iml