@eqtylab/explorer 0.0.0

package/src/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/tsconfig.json

@@ -0,0 +1,33 @@
+{
+    "compilerOptions": {
+        "target": "ES2020",
+        "useDefineForClassFields": true,
+        "lib": ["ES2020", "DOM", "DOM.Iterable"],
+        "module": "ESNext",
+        "skipLibCheck": true,
+        "allowJs": true,
+
+        /* Bundler mode */
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "resolveJsonModule": true,
+        "isolatedModules": true,
+        "noEmit": true,
+        "jsx": "react-jsx",
+        "incremental": true,
+
+        /* Linting */
+        "strict": true,
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "noImplicitAny": true,
+        "noFallthroughCasesInSwitch": true,
+
+        "baseUrl": ".",
+        "paths": {
+            "@/*": ["src/*"]
+        }
+    },
+    "include": ["src"],
+    "references": [{ "path": "./tsconfig.node.json" }]
+}

package/tsconfig.node.json

@@ -0,0 +1,10 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "skipLibCheck": true,
+        "module": "ESNext",
+        "moduleResolution": "bundler",
+        "allowSyntheticDefaultImports": true
+    },
+    "include": ["vite.config.ts"]
+}

package/vercel.json

@@ -0,0 +1,13 @@
+{
+    "headers": [
+      {
+        "source": "/(.*)",
+        "headers": [
+          {
+            "key": "Content-Security-Policy",
+            "value": "frame-ancestors *"
+          }
+        ]
+      }
+    ]
+}

package/vite.app.config.ts

@@ -0,0 +1,48 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import wasm from "vite-plugin-wasm";
+import topLevelAwait from "vite-plugin-top-level-await";
+import svgr from "vite-plugin-svgr";
+import path from "path";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import { initializeTheme } from "@eqtylab/equality/scripts";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+    publicDir: "public",
+    plugins: [
+        react(),
+        wasm(),
+        topLevelAwait(),
+        svgr({ include: "**/*.svg" }),
+        nodePolyfills({
+            // Whether to polyfill `node:` protocol imports.
+            protocolImports: true,
+            globals: {
+                Buffer: true, // can also be 'build', 'dev', or false
+            },
+        }),
+        {
+            name: "inject-equality-theme-initializer",
+            transformIndexHtml() {
+                const inlineThemeScript = initializeTheme({ shouldStoreTheme: true });
+                return [
+                    {
+                        tag: "script",
+                        attrs: { id: "equality-theme-init" },
+                        children: inlineThemeScript,
+                        injectTo: "head-prepend",
+                    },
+                ];
+            },
+        },
+    ],
+    resolve: {
+        alias: {
+            "@": path.resolve(__dirname, "src"),
+        },
+    },
+    build: {
+        sourcemap: true,
+    },
+});

package/vite.lib.config.ts

@@ -0,0 +1,61 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import wasm from "vite-plugin-wasm";
+import svgr from "vite-plugin-svgr";
+import path from "path";
+import dts from "vite-plugin-dts";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+
+export default defineConfig({
+    publicDir: false,
+    plugins: [
+        react(),
+        wasm(),
+        svgr(),
+        dts({
+            insertTypesEntry: true,
+        }),
+        nodePolyfills({
+            // Whether to polyfill `node:` protocol imports.
+            protocolImports: true,
+            globals: {
+                Buffer: true, // can also be 'build', 'dev', or false
+            },
+        }),
+    ],
+    resolve: {
+        alias: {
+            "@": path.resolve(__dirname, "src"),
+        },
+    },
+    esbuild: {
+        target: "es2022",
+    },
+    build: {
+        lib: {
+            entry: "src/index.ts",
+            name: "Explorer",
+            fileName: "explorer",
+            formats: ["es"],
+        },
+        cssCodeSplit: false,
+        rollupOptions: {
+            external: ["react", "react-dom", "@eqtylab/integrity-core-js"],
+            output: {
+                globals: {
+                    react: "React",
+                    "react-dom": "ReactDOM",
+                },
+                assetFileNames: (assetInfo) => {
+                    const names = assetInfo.names || [];
+                    const isCss = names.some((n) => n.endsWith(".css"));
+                    return isCss ? "style[extname]" : "[name][extname]";
+                },
+            },
+        },
+        sourcemap: true,
+    },
+    optimizeDeps: {
+        exclude: ["@eqtylab/integrity-core-js"],
+    },
+});