feat: html23 app, getStyle, getComputedProperty, layouting fixes, bor…

…derColor: transparent, performance improvements

.github/workflows/static.yml

@@ -30,12 +30,12 @@ jobs:
  version: 8
  run_install: true
 
-# Fonts
+ # Fonts
  - name: Make Dist Dir
  working-directory: ./packages/fonts
  run: mkdir dist
 
-# Inter
+ # Inter
  - name: Generate Inter Light
  working-directory: ./packages/fonts
  run: |
@@ -70,7 +70,7 @@ jobs:
  node download.js "Inter" 700
  fontforge -lang=ff -c 'Open($1); SelectAll(); RemoveOverlap(); Generate($2)' font.ttf inter-bold.ttf
  pnpm msdf-bmfont -f json inter-bold.ttf -i charset.txt -m 256,512 -o dist/inter-bold -s 48
- 
+
  - name: Convert to Webp
  working-directory: ./packages/fonts
  run: pnpm sharp --lossless -i dist/*.png -o dist/ -f webp
@@ -87,7 +87,7 @@ jobs:
  cp ./packages/fonts/dist/* ./public/fonts
  cp ./packages/fonts/LICENSE public/fonts/LICENSE
 
-# Examples
+ # Examples
  - name: Building Examples
  run: |
  pnpm -r convert
@@ -111,9 +111,8 @@ jobs:
  cp -r ./examples/lucide/dist/* ./public/examples/lucide
  cp -r ./examples/market/dist/* ./public/examples/market
  cp -r ./examples/auth/dist/* ./public/examples/auth
- cp -r ./apps/html23/dist/* ./public/apps/html23
 
-# Deploy to GH Pages
+ # Deploy to GH Pages
  - name: Add no jekyll
  run: touch public/.nojekyll
 
@@ -122,3 +121,11 @@ jobs:
  with:
  branch: gh-pages
  folder: public
+
+ # Deploy Apps to Vercel
+ - name: Pull Vercel Environment Information
+ run: pnpm vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+ - name: Build Project Artifacts
+ run: pnpm vercel build --token=${{ secrets.VERCEL_TOKEN }}
+ - name: Deploy Project Artifacts to Vercel
+ run: pnpm vercel deploy --prod --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

apps/html23/.gitignore

@@ -0,0 +1 @@
+.vercel

apps/html23/package.json

@@ -12,7 +12,9 @@
  "@radix-ui/react-label": "^2.0.2",
  "@radix-ui/react-navigation-menu": "^1.1.4",
  "@radix-ui/react-popover": "^1.0.7",
+ "@radix-ui/react-separator": "^1.0.3",
  "@radix-ui/react-slot": "^1.0.2",
+ "@radix-ui/react-switch": "^1.0.3",
  "@radix-ui/react-toast": "^1.1.5",
  "@radix-ui/react-tooltip": "^1.0.7",
  "@react-three/drei": "^9.96.1",
@@ -21,9 +23,11 @@
  "@react-three/uikit-default": "workspace:^",
  "@react-three/uikit-lucide": "workspace:^",
  "@types/prismjs": "^1.26.3",
+ "@vitejs/plugin-basic-ssl": "^1.1.0",
  "brotli-compress": "^1.3.3",
  "class-variance-authority": "^0.7.0",
  "clsx": "^2.1.0",
+ "cmdk": "^1.0.0",
  "firebase": "^10.11.1",
  "lucide-react": "^0.368.0",
  "prism-react-renderer": "^2.3.1",