get ready for production

index.ts

@@ -13,19 +13,6 @@ const port =
 	process.env.PORT ||
 	(argv.includes("--port") && argv[argv.indexOf("--port") + 1]) ||
 	8080;
-process.chdir(import.meta.url.replace("file://", "").replace("index.ts", ""));
-if (argv.includes("-h") || argv.includes("--help")) {
-	console.log(`
-\x1b[34;49mEphemeral
-\x1b[37;49m
-default: Run in production mode
---port <port>: Specify the port to run on
---dev: Run in development mode
---help, -h: Display this help message
---masqr: Enable masqr
-    `);
-	process.exit(0);
-}
 const vite = await createViteServer({
 	server: { middlewareMode: true },
 });
@@ -42,7 +29,6 @@ app.use(express.static("dist"));
 app.get("*", (_, response) => {
 	response.sendFile(path.resolve("dist", "index.html"));
 });
-vite.bindCLIShortcuts({ print: true });
 const server = createServer();
 server.on("request", devMode ? vite.middlewares : app);
 server.on("upgrade", (req, socket: Socket, head) => {

package.json

@@ -1,7 +1,7 @@
 {
 	"name": "ephemeral",
 	"private": true,
-	"version": "0.9.5",
+	"version": "1.0.0",
 	"type": "module",
 	"scripts": {
 		"preinstall": "npx only-allow pnpm",

src/components/loading-suspense.tsx

@@ -0,0 +1,10 @@
+import { Loader2 } from "lucide-react";
+
+export default function LoadSuspense() {
+	return (
+		<div className="flex h-screen w-screen flex-col items-center justify-center gap-2 bg-background text-foreground">
+			<Loader2 size={64} className="animate-spin" />
+			<p className="text-xl font-bold">Ephemeral is loading</p>
+		</div>
+	);
+}

src/components/theme-provider.tsx

@@ -1,6 +1,6 @@
 import { createContext, useContext, useEffect, useState } from "react";
 
-export type Theme =
+type Theme =
 	| "light"
 	| "dark"
 	| "zinc"
@@ -10,8 +10,7 @@ export type Theme =
 	| "frappe"
 	| "latte"
 	| "system";
-// eslint-disable-next-line
-export const themes: Theme[] = [
+const themes: Theme[] = [
 	"light",
 	"dark",
 	"zinc",
@@ -44,7 +43,7 @@ const ThemeProviderContext = createContext<ThemeProviderState>(initialState);
 export function ThemeProvider({
 	children,
 	defaultTheme = "system",
-	storageKey = "vite-ui-theme",
+	storageKey = "ephemeral-ui-theme",
 	...props
 }: ThemeProviderProps) {
 	const [theme, setTheme] = useState<Theme>(
@@ -54,9 +53,7 @@ export function ThemeProvider({
 	useEffect(() => {
 		const root = window.document.documentElement;
 
-		themes.forEach((theme) => {
-			root.classList.remove(theme);
-		});
+		themes.forEach((theme) => root.classList.remove(theme));
 
 		if (theme === "system") {
 			const systemTheme = window.matchMedia("(prefers-color-scheme: dark)")

src/main.tsx

@@ -5,22 +5,16 @@ import ReactDOM from "react-dom/client";
 import "@/index.css";
 // routes
 const AppRoutes = lazy(() => import("@/routes"));
+// components
+import LoadSuspense from "@/components/loading-suspense";
 // providers
 import { ThemeProvider } from "@/components/theme-provider";
 import { HelmetProvider } from "react-helmet-async";
-import { Loader2 } from "lucide-react";
 export default function App() {
 	return (
 		<HelmetProvider>
 			<ThemeProvider>
-				<Suspense
-					fallback={
-						<div className="flex h-screen w-screen flex-col items-center justify-center gap-2 bg-background text-foreground">
-							<Loader2 size={64} className="animate-spin" />
-							<p className="text-xl font-bold">Ephemeral is loading</p>
-						</div>
-					}
-				>
+				<Suspense fallback={<LoadSuspense />}>
 					<AppRoutes />
 				</Suspense>
 			</ThemeProvider>

src/routes.tsx

@@ -55,8 +55,7 @@ export default function AppRoutes() {
 	const [config] = useConfig("proxy");
 	useEffect(() => {
 		if ("serviceWorker" in navigator) {
-			navigator.serviceWorker.ready.then((registration) => {
-				BareMux.registerRemoteListener(registration.active);
+			navigator.serviceWorker.ready.then(() => {
 				BareMux.SetTransport(transports[config.transport], {
 					wisp: config.wispServer,
 				});

tailwind.config.ts

@@ -1,6 +1,6 @@
 import type { Config } from "tailwindcss";
 
-const config = {
+const config: Config = {
 	darkMode: ["class"],
 	content: [
 		"./pages/**/*.{ts,tsx}",
@@ -78,6 +78,6 @@ const config = {
 		},
 	},
 	plugins: [require("tailwindcss-animate")],
-} satisfies Config;
+};
 
 export default config;