;
\ No newline at end of file
diff --git a/editor/src/index.css b/editor/src/index.css
new file mode 100644
index 00000000..d80b7c71
--- /dev/null
+++ b/editor/src/index.css
@@ -0,0 +1,4 @@
+html,body {
+ margin: 0;
+ padding: 0;
+}
\ No newline at end of file
diff --git a/editor/src/index.tsx b/editor/src/index.tsx
new file mode 100644
index 00000000..b071fc2d
--- /dev/null
+++ b/editor/src/index.tsx
@@ -0,0 +1,17 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import { App } from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root')!);
+root.render(
+
+
+
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();
diff --git a/editor/src/react-app-env.d.ts b/editor/src/react-app-env.d.ts
new file mode 100644
index 00000000..6431bc5f
--- /dev/null
+++ b/editor/src/react-app-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/editor/src/reportWebVitals.ts b/editor/src/reportWebVitals.ts
new file mode 100644
index 00000000..49a2a16e
--- /dev/null
+++ b/editor/src/reportWebVitals.ts
@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+ if (onPerfEntry && onPerfEntry instanceof Function) {
+ import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+ getCLS(onPerfEntry);
+ getFID(onPerfEntry);
+ getFCP(onPerfEntry);
+ getLCP(onPerfEntry);
+ getTTFB(onPerfEntry);
+ });
+ }
+};
+
+export default reportWebVitals;
diff --git a/editor/src/setupTests.ts b/editor/src/setupTests.ts
new file mode 100644
index 00000000..8f2609b7
--- /dev/null
+++ b/editor/src/setupTests.ts
@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
diff --git a/editor/src/views/VNSceneEditor.tsx b/editor/src/views/VNSceneEditor.tsx
new file mode 100644
index 00000000..5cdbc0d9
--- /dev/null
+++ b/editor/src/views/VNSceneEditor.tsx
@@ -0,0 +1,16 @@
+import React, { useState } from 'react';
+import { doVnTest } from '../api';
+
+export const VNSceneEditor = () => {
+ const [ test, setTest ] = useState('');
+
+ return (
+
+ VN Scene Editor
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/editor/tsconfig.json b/editor/tsconfig.json
new file mode 100644
index 00000000..a273b0cf
--- /dev/null
+++ b/editor/tsconfig.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noFallthroughCasesInSwitch": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx"
+ },
+ "include": [
+ "src"
+ ]
+}