test: added CI testing for all blocks installation

.github/workflows/ci.yml

@@ -35,6 +35,7 @@ jobs:
   typecheck:
     name: Type Check
     runs-on: ubuntu-latest
+    if: github.event_name == 'push'
     steps:
       - uses: actions/checkout@v4
         with:
@@ -69,3 +70,28 @@ jobs:
 
       - name: Validate registries
         run: cd apps/www && bun run validate:registries
+
+  registry-install-test:
+    name: Registry Install Test
+    runs-on: ubuntu-latest
+    needs: [registry]
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.WINOFFRG_PAT }}
+          submodules: recursive
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: 1.2.19
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Run registry install tests
+        run: cd apps/www && bun run test:registry-install
+        timeout-minutes: 20

apps/www/package.json

@@ -9,6 +9,7 @@
     "registry:build": "REGISTRY_HOST=https://limeplay.winoffrg.dev exec tsx --tsconfig ./tsconfig.scripts.json ./scripts/registry-dev.mts",
     "registry:dev": "REGISTRY_HOST=http://localhost:3000 exec tsx --tsconfig ./tsconfig.scripts.json ./scripts/registry-dev.mts --watch",
     "validate:registries": "bun run ./scripts/validate-registries.ts",
+    "test:registry-install": "bun run scripts/test-registry-install.ts",
     "format:write": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache --config ../../prettier.config.cjs && next lint",
     "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache --config ../../prettier.config.cjs",
     "install:vercel": "bash ./scripts/vercel-install.sh",

apps/www/registry/collection/registry-blocks.ts

@@ -138,7 +138,7 @@ export const blocks: Registry["items"] = [
         type: "registry:component",
       },
       {
-        path: `blocks/basic-player/lib/media.ts`,
+        path: `blocks/basic-player/lib/media-kit.ts`,
         type: "registry:lib",
       },
     ],

apps/www/registry/default/blocks/basic-player/components/media-player.tsx

@@ -3,7 +3,7 @@ import React from "react"
 import { cn } from "@/lib/utils"
 import { MediaElement } from "@/registry/default/blocks/basic-player/components/media-element"
 import { PlaybackStateControl } from "@/registry/default/blocks/basic-player/components/playback-state-control"
-import { MediaProvider } from "@/registry/default/blocks/basic-player/lib/media"
+import { MediaProvider } from "@/registry/default/blocks/basic-player/lib/media-kit"
 import { FallbackPoster } from "@/registry/default/ui/fallback-poster"
 import { LimeplayLogo } from "@/registry/default/ui/limeplay-logo"
 import * as Layout from "@/registry/default/ui/player-layout"

apps/www/registry/default/blocks/basic-player/components/playback-state-control.tsx

@@ -15,7 +15,7 @@ export function PlaybackStateControl() {
   const status = usePlaybackStore((state) => state.status)
 
   return (
-    <Button asChild size="icon" variant="glass">
+    <Button asChild size="icon" variant="ghost">
       <PlaybackControl>
         {status === "playing" ? (
           <PauseIcon size={18} weight="fill" />

apps/www/registry/default/blocks/basic-player/lib/media.ts → apps/www/registry/default/blocks/basic-player/lib/media-kit.ts

@@ -1,3 +1,5 @@
+"use client"
+
 import { mediaFeature } from "@/registry/default/hooks/use-media"
 import { playbackFeature } from "@/registry/default/hooks/use-playback"
 import { playerFeature } from "@/registry/default/hooks/use-player"

apps/www/registry/default/blocks/linear-player/components/playback-rate-control.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+import React from "react"
+
 import * as Select from "@/components/ui/select"
 import * as PlaybackRate from "@/registry/default/ui/playback-rate"
 
@@ -18,10 +20,13 @@ export function PlaybackRateControl() {
       </Select.SelectTrigger>
       <Select.SelectContent
         align="start"
-        alignItemWithTrigger={false}
         className={`dark min-w-28 border border-border bg-background/85 backdrop-blur-lg`}
         side="top"
         sideOffset={12}
+        {...({
+          alignItemWithTrigger: false,
+          position: "popper",
+        } as React.ComponentProps<typeof Select.SelectContent>)}
       >
         <PlaybackRate.SelectGroup className={`tracking-wider`}>
           <Select.SelectLabel className="whitespace-nowrap">

apps/www/registry/default/examples/playback-rate-demo.tsx

@@ -1,5 +1,7 @@
 "use client"
 
+import React from "react"
+
 import * as Select from "@/components/ui/select"
 import * as PlaybackRate from "@/registry/default/ui/playback-rate"
 
@@ -18,9 +20,12 @@ export function PlaybackRateDemo() {
       </Select.SelectTrigger>
       <Select.SelectContent
         align="start"
-        alignItemWithTrigger={false}
         className={`dark min-w-28 border border-border bg-background/70 backdrop-blur-md backdrop-saturate-[1.15]`}
         side="top"
+        {...({
+          alignItemWithTrigger: false,
+          position: "popper",
+        } as React.ComponentProps<typeof Select.SelectContent>)}
       >
         <PlaybackRate.SelectGroup className={`tracking-wider`}>
           <Select.SelectLabel>Playback Rate</Select.SelectLabel>

apps/www/registry/default/ui/playback-rate.tsx

@@ -6,8 +6,6 @@ import {
   SelectGroup as SelectGroupPrimitive,
   SelectItem,
   Select as SelectPrimitive,
-  SelectTrigger as SelectTriggerPrimitive,
-  SelectValue,
 } from "@/components/ui/select"
 import { usePlaybackRateStore } from "@/registry/default/hooks/use-playback-rate"
 
@@ -28,18 +26,6 @@ export function SelectRoot(
 
 SelectRoot.displayName = "PlaybackRateSelectRoot"
 
-export function SelectTrigger(
-  props: React.ComponentProps<typeof SelectTriggerPrimitive>
-) {
-  return (
-    <SelectTriggerPrimitive {...props}>
-      <SelectValue />
-    </SelectTriggerPrimitive>
-  )
-}
-
-SelectTrigger.displayName = "PlaybackRateSelectTrigger"
-
 interface SelectGroupProps extends React.ComponentProps<
   typeof SelectGroupPrimitive
 > {