Ub6V$tV#(9h&t;ucLK6T-H>kG&
literal 0
HcmV?d00001
diff --git a/src/index.tsx b/src/index.tsx
new file mode 100644
index 0000000..d4aed00
--- /dev/null
+++ b/src/index.tsx
@@ -0,0 +1,33 @@
+import { ThemeProvider, useMediaQuery } from "@mui/material";
+import React from "react";
+import ReactDOM from "react-dom/client";
+
+const App = () => {
+ const preferDark = useMediaQuery("(prefers-color-scheme: dark)");
+
+ return (
+
+ Prefer dark: {preferDark ? "Yes" : "No"}
+
+ );
+};
+
+const root = document.createElement("div");
+document.body.appendChild(root);
+
+ReactDOM.createRoot(root).render(
+
+
+
+
+
+);
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+///
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..5693559
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,28 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "useDefineForClassFields": true,
+ "lib": ["DOM", "DOM.Iterable", "ESNext"],
+ "allowJs": false,
+ "skipLibCheck": true,
+ "esModuleInterop": false,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "declaration": true,
+ "declarationMap": true,
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "outDir": "./dist/",
+ "noEmit": true,
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "jsx": "react",
+ "types": ["react-dom/canary", "react/canary"],
+ "baseUrl": ".",
+ "paths": {
+ "@/*": ["src/*"]
+ }
+ },
+ "include": ["src"]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..d6062cc
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+ "composite": true,
+ "module": "ESNext",
+ "moduleResolution": "Bundler",
+ "allowSyntheticDefaultImports": true,
+ "resolveJsonModule": true
+ },
+ "include": ["vite.config.ts", "manifest.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..907da4f
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,28 @@
+///
+import { crx } from "@crxjs/vite-plugin";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+import { manifest } from "./manifest";
+
+// eslint-disable-next-line import/no-unused-modules
+export default defineConfig({
+ // @ts-ignore
+ plugins: [react({}), crx({ manifest, browser: "firefox" })],
+ resolve: {
+ alias: {
+ "@": "/src",
+ },
+ },
+ server: {
+ strictPort: true,
+ port: 3000,
+ hmr: {
+ clientPort: 3000,
+ },
+ open: false,
+ },
+ build: {
+ minify: false,
+ },
+});