Candlestickers · hobbsythe6th · Jul 4, 2026 · Jul 5, 2026 · Jul 6, 2026 · Jul 6, 2026
diff --git a/.env b/.env
@@ -1,2 +1,3 @@
 NODE_PATH='src/'
 GENERATE_SOURCEMAP=false
+VITE_PUBLIC_URL=/
diff --git a/.gitignore b/.gitignore
@@ -14,6 +14,9 @@
 /public/corelibs/wick-engine/
 /engine/dist/
 
+# package-lock
+package-lock.json*
+
 # misc
 .DS_Store
 .env.local

diff --git a/README.md b/README.md
@@ -81,21 +81,21 @@ Then create a production build of the project:
 ```
 npm run build
 ```
-<sup>^ This command is not always needed while testing, you'll need it most prior to deploying your code</sup>
+<sup>^ This command is not always needed while testing, you'll need it most prior to deploying your code because it's basically just an optimisation command you don't need to use much</sup>
 
 And lastly, to run your project in development:
 ```
 npm start
 ```
+<sup>While working on the engine it's easier to test by running npm run engine-quickrun</sup>
 
 If it worked, you should see something like this in the terminal.
 ```
-Compiled successfully!
+VITE v8.1.5  ready in 450 ms
 
-You can now view Candlestick in the browser.
-
-  Local:            http://localhost:3000/
-  On Your Network:  http://###.###.#.###:3000/
+  ➜  Local:   http://localhost:3000/
+  ➜  Network: use --host to expose
+  ➜  press h + enter to show help
 ```
 If you go to your browser and open up [http://localhost:3000/](http://localhost:3000/) you should find the project there. You can also test on your mobile devices by going to the network `http://###.###.#.###:3000/` link on another device *connected to the same network* (it should work, but if it doesn't, it could be due to certain network restrictions).
 
@@ -118,10 +118,10 @@ Wick Editor was created by Luca Damasco and Zach Rispoli. See more credits on th
 Candlestick was created and is maintained by [Hamzah Alani](https://forum.wickeditor.com/u/hamzah_alani/summary), [Baron](https://forum.wickeditor.com/u/baronawc/summary), and [Jovanny Rodriguez](https://forum.wickeditor.com/u/jovanny/summary).
 
 Active contributors:
-- [StickmanRed](https://forum.wickeditor.com/u/stickmanred/summary)
+- [StickmanRed](https://forum.wickeditor.com/u/stickmanred/summary) also found at (https://github.com/StickmanRed)
 
 Additional, indirect contributors:
-- [pumpkinhead](https://forum.wickeditor.com/u/pumpkinhead/summary)
+- [pumpkinhead](https://forum.wickeditor.com/u/pumpkinhead/summary) also found at [pkhead](https://github.com/pkhead)
 - [SomeoneElse](https://forum.wickeditor.com/u/someoneelse/summary)
 
 ___

diff --git a/public/index.html → index.html b/public/index.html → index.html
@@ -3,38 +3,29 @@
 
 <head>
     <meta charset="utf-8">
-    <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.png">
+    <link rel="shortcut icon" href="/favicon.png">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
     <script async defer data-domain="wickeditor.com" src="https://plausible.io/js/plausible.hash.js"></script>
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
+    <link rel="manifest" href="/manifest.json">
 
     <!-- Wick Editor Dependencies: -->
     <!-- Wick Engine -->
-    <script src="%PUBLIC_URL%/corelibs/wick-engine/wickengine.js"></script>
+    <script type="module" src="/src/index.jsx"></script>
+    <script src="/corelibs/wick-engine/wickengine.js"></script>
     <!-- GIF Import/Export -->
-    <script src="%PUBLIC_URL%/corelibs/gif/gif.js"></script>
+    <script src="/corelibs/gif/gif.js"></script>
     <!-- preload.js -->
-    <script src="%PUBLIC_URL%/corelibs/preload/preloadjs.min.js"></script>
+    <script src="/corelibs/preload/preloadjs.min.js"></script>
     <!-- Preloader animation CSS -->
-    <link href="%PUBLIC_URL%/preloader-animation.css" rel="stylesheet" type="text/css">
+    <link href="/preloader-animation.css" rel="stylesheet" type="text/css">
     <!-- Wait overlay CSS -->
-    <link href="%PUBLIC_URL%/wait-overlay.css" rel="stylesheet" type="text/css">
+    <link href="/wait-overlay.css" rel="stylesheet" type="text/css">
 
-
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
     <title>Candlestick</title>
     <style>
         html,
@@ -48,14 +39,14 @@
             font-family: 'Nunito Sans';
             font-style: normal;
             font-weight: 400;
-            src: url('%PUBLIC_URL%/fonts/Nunito Sans/Nunito Sans_regular.ttf') format('truetype');
+            src: url('/fonts/Nunito Sans/Nunito Sans_regular.ttf') format('truetype');
         }
 
         @font-face {
             font-family: 'PT Mono';
             font-style: normal;
             font-weight: 400;
-            src: url('%PUBLIC_URL%/fonts/PT Mono/PTM55FT.ttf') format('truetype');
+            src: url('/fonts/PT Mono/PTM55FT.ttf') format('truetype');
         }
     </style>
 </head>

diff --git a/jsconfig.json b/jsconfig.json