skibidi

components/footer.tsx

@@ -1,4 +1,4 @@
-export default function () {
+export default function Footer() {
     return (
         <div>
             <div id="footer" class="fullwidth">

package.json

@@ -1,20 +1,23 @@
 {
   "name": "sodium-instance",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Sodium is a site used for evading internet censorship",
   "type": "module",
   "engines": {
     "npm": ">=9.8.1"
   },
   "scripts": {
-    "start": "vite build && tsx server.ts"
+    "start": "vite build && tsx server.ts",
+    "build": "vite build",
+    "dev": "vite"
   },
   "keywords": [
     "proxy"
   ],
   "author": "z1g Project",
   "license": "MIT",
   "dependencies": {
+    "@mercuryworkshop/alicejs": "^2.1.2",
     "@tomphttp/bare-server-node": "^2.0.1",
     "@types/axios": "^0.14.0",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
@@ -25,6 +28,7 @@
     "eslint": "^8.56.0",
     "express": "^4.18.2",
     "ip": "^1.1.8",
+    "path": "^0.12.7",
     "tsx": "4.7.1",
     "typescript": "^5.2.2",
     "vite": "^5.0.8",

src/main.tsx

@@ -1,7 +1,10 @@
-import Nav from "../components/Nav"
-import Footer from "../components/Footer"
+import "@mercuryworkshop/alicejs"
+// @ts-expect-error stfu
+import Nav from "@components/nav.tsx"
+// @ts-expect-error stfu
+import Footer from "@components/footer"
 import "../public/assets/css/home.css"
-export default function home() {
+export default function Home() {
     return (
         <div>
             <Nav />
@@ -52,4 +55,8 @@ export default function home() {
             <Footer />
         </div>
     )
-}
+}
+
+window.addEventListener('load', () => {
+    document.body.appendChild(<Home />);
+})

tsconfig.json

@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+      "target": "ES2020",
+      "useDefineForClassFields": true,
+      "module": "ESNext",
+      "lib": ["ES2020", "DOM", "DOM.Iterable"],
+      "skipLibCheck": true,
+      "moduleResolution": "bundler",
+      "allowImportingTsExtensions": true,
+      "resolveJsonModule": true,
+      "isolatedModules": true,
+      "noEmit": true,
+      "strict": true,
+      "noUnusedLocals": true,
+      "noUnusedParameters": true,
+      "noFallthroughCasesInSwitch": true,
+      "jsx": "react",
+      "jsxFactory": "h",
+      "jsxFragmentFactory": "YOU_CANT_USE_FRAGMENTS",
+      "types": ["@mercuryworkshop/alicejs"],
+      "paths": {
+        "@/*": ["./*"],
+      }
+    },
+    "include": ["src"],
+    "exclude": ["public/", "node_modules/"]
+  }
+

vite.config.js → vite.config.ts

@@ -8,6 +8,7 @@ export default defineConfig({
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
+      "@components": path.resolve(__dirname, "./components"),
     },
   },
 });