vite config refactoring, support vite apps in standalone

packages/chat/tailwind.config.js

@@ -1,19 +1,23 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}", "../components/built/**/*.{js,jsx,ts,tsx}"],
-  darkMode: "media",
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    '../components/built/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@bitcoin-computer/components/built/**/*.{js,jsx,ts,tsx}',
+  ],
+  darkMode: 'media',
   theme: {
     extend: {
       colors: {
-        "blue-1": "#000F38",
-        "blue-2": "#002A99",
-        "blue-3": "#0046FF",
-        "blue-4": "#A7BFFF"
+        'blue-1': '#000F38',
+        'blue-2': '#002A99',
+        'blue-3': '#0046FF',
+        'blue-4': '#A7BFFF',
       },
       height: {
-        120: "36rem"
-      }
-    }
+        120: '36rem',
+      },
+    },
   },
-  plugins: []
+  plugins: [],
 }

packages/chat/vite.config.ts

@@ -1,28 +1,18 @@
-/// <reference types="vitest" />
 /// <reference types="vite/client" />
 
-import { defineConfig, loadEnv } from "vite"
-import react from "@vitejs/plugin-react"
-import path from "path"
+import { defineConfig, loadEnv } from 'vite'
+import react from '@vitejs/plugin-react'
 
-// https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), "")
+  const env = loadEnv(mode, process.cwd(), '')
   return {
     plugins: [react()],
-    resolve: {
-      alias: {
-        // Define the alias pointing to the specific entry point in node_modules
-        "@bitcoin-computer/lib": path.resolve(__dirname, "../lib/dist/bc-lib.browser.min.mjs")
-      }
-    },
     server: {
-      port: parseInt(env.VITE_PORT)
+      port: parseInt(env.VITE_PORT),
+      headers: {
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+      },
     },
-    test: {
-      globals: true,
-      environment: "jsdom",
-      setupFiles: ["./src/setupTests.ts"]
-    }
   }
 })

packages/chat/vitest.config.ts

@@ -0,0 +1,34 @@
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+
+import { defineConfig } from 'vitest/config'
+import baseConfig from './vite.config'
+import path from 'path'
+import fs from 'fs'
+
+function getAliasPath() {
+  const monorepoPath = path.resolve(__dirname, '../lib/dist/bc-lib.browser.min.mjs')
+  const standalonePath = path.resolve(
+    __dirname,
+    './node_modules/@bitcoin-computer/lib/dist/bc-lib.browser.min.mjs',
+  )
+  return fs.existsSync(monorepoPath) ? monorepoPath : standalonePath
+}
+
+export default defineConfig(({ mode }) => {
+  // Load the base Vite configuration
+  const base = baseConfig({ mode, command: 'serve' })
+
+  return {
+    ...base,
+    test: {
+      globals: true,
+      include: ['src/**/*.test.tsx'],
+      environment: 'jsdom',
+      setupFiles: ['./src/setupTests.ts'],
+      alias: {
+        '@bitcoin-computer/lib': getAliasPath(),
+      },
+    },
+  }
+})

packages/chess-app/tailwind.config.js

@@ -2,8 +2,8 @@
 module.exports = {
   content: [
     './src/**/*.{js,jsx,ts,tsx}',
-    './node_modules/@bitcoin-computer/components/built/**/*.{js,jsx,ts,tsx}',
     '../components/built/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@bitcoin-computer/components/built/**/*.{js,jsx,ts,tsx}',
   ],
   darkMode: 'media',
   theme: {

packages/chess-app/vite.config.ts

@@ -1,30 +1,27 @@
-/// <reference types="vitest" />
 /// <reference types="vite/client" />
 
-import { defineConfig, loadEnv } from "vite"
-import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill';
-import react from "@vitejs/plugin-react"
-import path from "path"
+import { defineConfig, loadEnv } from 'vite'
+import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
+import react from '@vitejs/plugin-react'
+import path from 'path'
 
 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), "")
-
+  const env = loadEnv(mode, process.cwd(), '')
   return {
     plugins: [react()],
     resolve: {
-      alias: { 
-        "@bitcoin-computer/lib": path.resolve(__dirname, "../lib/dist/bc-lib.browser.min.mjs"),
+      alias: {
+        '@bitcoin-computer/lib': path.resolve(__dirname, '../lib/dist/bc-lib.browser.min.mjs'),
         buffer: 'buffer',
-        crypto: "crypto-browserify/index.js",
-      }
+        crypto: 'crypto-browserify/index.js',
+      },
     },
     server: {
-      port: env.VITE_PORT ? parseInt(env.VITE_PORT, 10) : 3000
-    },
-    test: {
-      globals: true,
-      environment: "jsdom",
-      setupFiles: ["./src/setupTests.ts"]
+      port: parseInt(env.VITE_PORT),
+      headers: {
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+      },
     },
     optimizeDeps: {
       esbuildOptions: {

packages/chess-app/vitest.config.ts

@@ -0,0 +1,36 @@
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+
+import { defineConfig } from 'vitest/config'
+import baseConfig from './vite.config'
+import path from 'path'
+import fs from 'fs'
+
+function getAliasPath() {
+  const monorepoPath = path.resolve(__dirname, '../lib/dist/bc-lib.browser.min.mjs')
+  const standalonePath = path.resolve(
+    __dirname,
+    './node_modules/@bitcoin-computer/lib/dist/bc-lib.browser.min.mjs',
+  )
+  return fs.existsSync(monorepoPath) ? monorepoPath : standalonePath
+}
+
+export default defineConfig(({ mode }) => {
+  // Load the base Vite configuration
+  const base = baseConfig({ mode, command: 'serve' })
+
+  return {
+    ...base,
+    test: {
+      globals: true,
+      include: ['src/**/*.test.tsx'],
+      environment: 'jsdom',
+      setupFiles: ['./src/setupTests.ts'],
+      alias: {
+        '@bitcoin-computer/lib': getAliasPath(),
+        buffer: 'buffer',
+        crypto: 'crypto-browserify/index.js',
+      },
+    },
+  }
+})

packages/explorer/tailwind.config.js

@@ -1,14 +1,18 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}", "../components/built/**/*.{js,jsx,ts,tsx}"],
-  darkMode: "media",
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    '../components/built/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@bitcoin-computer/components/built/**/*.{js,jsx,ts,tsx}',
+  ],
+  darkMode: 'media',
   theme: {
     extend: {
       colors: {
-        "blue-1": "#000F38",
-        "blue-2": "#002A99",
-        "blue-3": "#0046FF",
-        "blue-4": "#A7BFFF",
+        'blue-1': '#000F38',
+        'blue-2': '#002A99',
+        'blue-3': '#0046FF',
+        'blue-4': '#A7BFFF',
       },
     },
   },

packages/explorer/vite.config.ts

@@ -1,28 +1,18 @@
-/// <reference types="vitest" />
 /// <reference types="vite/client" />
 
-import { defineConfig, loadEnv } from "vite"
-import react from "@vitejs/plugin-react"
-import path from "path"
+import { defineConfig, loadEnv } from 'vite'
+import react from '@vitejs/plugin-react'
 
-// https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), "")
+  const env = loadEnv(mode, process.cwd(), '')
   return {
     plugins: [react()],
-    resolve: {
-      alias: {
-        // Define the alias pointing to the specific entry point in node_modules
-        "@bitcoin-computer/lib": path.resolve(__dirname, "../lib/dist/bc-lib.browser.min.mjs")
-      }
-    },
     server: {
-      port: parseInt(env.VITE_PORT)
+      port: parseInt(env.VITE_PORT),
+      headers: {
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+      },
     },
-    test: {
-      globals: true,
-      environment: "jsdom",
-      setupFiles: ["./src/setupTests.ts"]
-    }
   }
 })

packages/explorer/vitest.config.ts

@@ -0,0 +1,34 @@
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+
+import { defineConfig } from 'vitest/config'
+import baseConfig from './vite.config'
+import path from 'path'
+import fs from 'fs'
+
+function getAliasPath() {
+  const monorepoPath = path.resolve(__dirname, '../lib/dist/bc-lib.browser.min.mjs')
+  const standalonePath = path.resolve(
+    __dirname,
+    './node_modules/@bitcoin-computer/lib/dist/bc-lib.browser.min.mjs',
+  )
+  return fs.existsSync(monorepoPath) ? monorepoPath : standalonePath
+}
+
+export default defineConfig(({ mode }) => {
+  // Load the base Vite configuration
+  const base = baseConfig({ mode, command: 'serve' })
+
+  return {
+    ...base,
+    test: {
+      globals: true,
+      include: ['src/**/*.test.tsx'],
+      environment: 'jsdom',
+      setupFiles: ['./src/setupTests.ts'],
+      alias: {
+        '@bitcoin-computer/lib': getAliasPath(),
+      },
+    },
+  }
+})

packages/nft/tailwind.config.js

@@ -1,16 +1,20 @@
+/** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ["./src/**/*.{js,jsx,ts,tsx}", "../components/built/**/*.{js,jsx,ts,tsx}"],
+  content: [
+    './src/**/*.{js,jsx,ts,tsx}',
+    '../components/built/**/*.{js,jsx,ts,tsx}',
+    './node_modules/@bitcoin-computer/components/built/**/*.{js,jsx,ts,tsx}',
+  ],
   darkMode: 'media',
   theme: {
     extend: {
       colors: {
-        "blue-1": "#000F38",
-        "blue-2": "#002A99",
-        "blue-3": "#0046FF",
-        "blue-4": "#A7BFFF",
+        'blue-1': '#000F38',
+        'blue-2': '#002A99',
+        'blue-3': '#0046FF',
+        'blue-4': '#A7BFFF',
       },
     },
   },
-
   plugins: [require('flowbite/plugin')],
 }

packages/nft/vite.config.ts

@@ -1,28 +1,18 @@
-/// <reference types="vitest" />
 /// <reference types="vite/client" />
 
-import { defineConfig, loadEnv } from "vite"
-import react from "@vitejs/plugin-react"
-import path from "path"
+import { defineConfig, loadEnv } from 'vite'
+import react from '@vitejs/plugin-react'
 
-// https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), "")
+  const env = loadEnv(mode, process.cwd(), '')
   return {
     plugins: [react()],
-    resolve: {
-      alias: {
-        // Define the alias pointing to the specific entry point in node_modules
-        "@bitcoin-computer/lib": path.resolve(__dirname, "../lib/dist/bc-lib.browser.min.mjs")
-      }
-    },
     server: {
-      port: parseInt(env.VITE_PORT)
+      port: parseInt(env.VITE_PORT),
+      headers: {
+        'Cross-Origin-Opener-Policy': 'same-origin',
+        'Cross-Origin-Embedder-Policy': 'require-corp',
+      },
     },
-    test: {
-      globals: true,
-      environment: "jsdom",
-      setupFiles: ["./src/setupTests.ts"]
-    }
   }
 })

packages/nft/vitest.config.ts

@@ -0,0 +1,34 @@
+/// <reference types="vitest" />
+/// <reference types="vite/client" />
+
+import { defineConfig } from 'vitest/config'
+import baseConfig from './vite.config'
+import path from 'path'
+import fs from 'fs'
+
+function getAliasPath() {
+  const monorepoPath = path.resolve(__dirname, '../lib/dist/bc-lib.browser.min.mjs')
+  const standalonePath = path.resolve(
+    __dirname,
+    './node_modules/@bitcoin-computer/lib/dist/bc-lib.browser.min.mjs',
+  )
+  return fs.existsSync(monorepoPath) ? monorepoPath : standalonePath
+}
+
+export default defineConfig(({ mode }) => {
+  // Load the base Vite configuration
+  const base = baseConfig({ mode, command: 'serve' })
+
+  return {
+    ...base,
+    test: {
+      globals: true,
+      include: ['src/**/*.test.tsx'],
+      environment: 'jsdom',
+      setupFiles: ['./src/setupTests.ts'],
+      alias: {
+        '@bitcoin-computer/lib': getAliasPath(),
+      },
+    },
+  }
+})