fix building html23

Author: bbohlender

apps/html23/package.json

@@ -3,6 +3,9 @@
   "type": "module",
   "dependencies": {
     "remote-react-three-uikit": "https://registry.npmjs.org/@react-three/uikit/-/uikit-0.8.6.tgz",
+    "remote-react-three-uikit-default": "https://registry.npmjs.org/@react-three/uikit-default/-/uikit-default-0.8.6.tgz",
+    "remote-react-three-uikit-lucide": "https://registry.npmjs.org/@react-three/uikit-lucide/-/uikit-lucide-0.8.6.tgz",
+    "remote-pmndrs-uikit": "https://registry.npmjs.org/@pmndrs/uikit/-/uikit-0.8.6.tgz",
     "react": "^18",
     "react-dom": "^18",
     "@types/react": "^18",
@@ -23,9 +26,6 @@
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@react-three/postprocessing": "^2.16.2",
-    "@react-three/uikit": "^0.8.6",
-    "@react-three/uikit-default": "^0.8.6",
-    "@react-three/uikit-lucide": "^0.8.6",
     "@types/prismjs": "^1.26.3",
     "@vitejs/plugin-basic-ssl": "^1.2.0",
     "brotli-compress": "^1.3.3",

apps/html23/src/state.ts

@@ -3,14 +3,14 @@ import { combine, persist } from 'zustand/middleware'
 import { themes } from './themes.js'
 import { CheckedState } from '@radix-ui/react-checkbox'
 import { ConversionNode, setPreferredColorScheme } from '@react-three/uikit'
-import { useEffect, useRef, useState } from 'react'
-import { parseHtml } from '../../../packages/uikit/dist/convert/html/internals.js'
 import z from 'zod'
 import { baseBorderRadius, themeName } from '@react-three/uikit-default'
 import { compress, decompress } from 'brotli-compress'
 import { initializeApp } from 'firebase/app'
-import { getFirestore, getDoc, doc, setDoc, addDoc, collection } from 'firebase/firestore'
+import { getFirestore, getDoc, doc, addDoc, collection } from 'firebase/firestore'
 import CardExample from './examples/card.json'
+//@ts-ignore
+import { parseHtml } from '@pmndrs/uikit/internals'
 
 export type UiState = {
   showEditor?: boolean

apps/html23/tsconfig.json

@@ -3,7 +3,8 @@
     "compilerOptions": {
         "baseUrl": ".",
         "paths": {
-            "@/*": ["./src/*"]
+            "@/*": ["./src/*"],
+            "@react-three/uikit": ["./node_modules/remote-react-three-uikit/*"]
         },
         "types": ["vite/client"]
     }

apps/html23/vite.config.ts

@@ -10,6 +10,15 @@ export default defineConfig({
     alias: [
       { find: '@', replacement: path.resolve(__dirname, './src') },
       { find: '@react-three/uikit', replacement: path.resolve(__dirname, './node_modules/remote-react-three-uikit') },
+      {
+        find: '@react-three/uikit-default',
+        replacement: path.resolve(__dirname, './node_modules/remote-react-three-uikit-default'),
+      },
+      {
+        find: '@react-three/uikit-lucide',
+        replacement: path.resolve(__dirname, './node_modules/remote-react-three-uikit-lucide'),
+      },
+      { find: '@pmndrs/uikit/internals', replacement: path.resolve(__dirname, './node_modules/remote-pmndrs-uikit/dist/internals.js') },
     ],
     dedupe: ['@react-three/fiber', 'three'],
   },