@rxdrag/website-lib 0.0.165 → 0.0.168

package/components/Background.astro

@@ -1,10 +1,7 @@
 ---
 import type { BackgroundConfig, Locals } from "@rxdrag/website-lib-core";
-import {
-  BackgroundVideoPlayer,
-  BackgroundHlsVideoPlayer,
-  Entify,
-} from "@rxdrag/website-lib-core";
+import { Entify } from "@rxdrag/website-lib-core";
+import { BackgroundVideoPlayer, BackgroundHlsVideoPlayer } from "@rxdrag/website-lib-react";
 import Image from "./Image.astro";
 import GlassBorder from "./GlassBorder.astro";
 import GradientBorder from "./GradientBorder.astro";
@@ -29,19 +26,15 @@ const className = rawClass
   ? `${hasLayoutOverride ? "absolute" : defaultFill} ${rawClass}`
   : defaultFill;
 
-// 安全地提取 mediaRef 和 posterRef（只有部分背景类型有这些属性）
 const mediaRef = background.type === "video" ? background.mediaRef : undefined;
 
 const rx = Entify.getInstance(env, imageSizes);
 
-// 获取媒体数据
 const media = rx ? await rx.getMedia(mediaRef) : undefined;
 
-// 预计算视频相关数据
 const videoUrl =
   background.type === "video" ? media?.file?.original : undefined;
 
-// 处理视频封面
 let posterUrl: string | undefined;
 if (background.type === "video" && background.poster) {
   if (typeof background.poster === "string") {
@@ -69,9 +62,7 @@ const isHls =
     videoUrl?.endsWith(".m3u8") ||
     videoUrl?.includes("cloudflarestream.com"));
 
-// 预计算 Spline URL
 const splineUrl = background.type === "spline" ? background.url : undefined;
-
 ---
 
 {background.type === "color" && <div class={className} />}
@@ -137,4 +128,3 @@ const splineUrl = background.type === "spline" ? background.url : undefined;
     <iframe class={className} src={splineUrl} title="Spline 3D Scene" />
   )
 }
-

package/components/Video.astro

@@ -1,9 +1,6 @@
 ---
-import {
-  Entify,
-  ReactVideoPlayer,
-  type Locals,
-} from "@rxdrag/website-lib-core";
+import { Entify, type Locals } from "@rxdrag/website-lib-core";
+import { ReactVideoPlayer } from "@rxdrag/website-lib-react";
 
 const { env, imageSizes } = Astro.locals as Locals;
 
@@ -37,32 +34,27 @@ const {
 
 const rx = Entify.getInstance(env, imageSizes);
 
-// 获取媒体数据（增加 rx 为空时的保护）
 const media = rx ? await rx.getMedia(videoRef) : undefined;
 
-// 处理封面图
 let posterUrl: string | undefined;
 if (poster) {
   if (typeof poster === "string") {
     posterUrl = poster;
   } else {
-    //const posterImage = await getImage({ src: poster });
-    posterUrl = poster.src; //;posterImage.src;
+    posterUrl = poster.src;
   }
 }
 ---
 
 {
-  
-    <ReactVideoPlayer
-      client:load
-      media={media}
-      endTitle={endTitle}
-      posterUrl={posterUrl}
-      eagerLoad={eagerLoad}
-      classNames={classNames}
-    >
-      <slot />
-    </ReactVideoPlayer>
-  
+  <ReactVideoPlayer
+    client:load
+    media={media}
+    endTitle={endTitle}
+    posterUrl={posterUrl}
+    eagerLoad={eagerLoad}
+    classNames={classNames}
+  >
+    <slot />
+  </ReactVideoPlayer>
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdrag/website-lib",
-  "version": "0.0.165",
+  "version": "0.0.168",
   "type": "module",
   "exports": {
     ".": "./index.ts",
@@ -26,12 +26,12 @@
     "eslint": "^9.39.2",
     "gsap": "^3.12.7",
     "typescript": "^5",
-    "@rxdrag/website-lib-core": "0.0.133",
-    "@rxdrag/rxcms-models": "0.3.111",
     "@rxdrag/eslint-config-custom": "0.2.13",
-    "@rxdrag/tsconfig": "0.2.1",
     "@rxdrag/entify-hooks": "0.2.79",
-    "@rxdrag/tiptap-preview": "0.0.3"
+    "@rxdrag/tiptap-preview": "0.0.3",
+    "@rxdrag/tsconfig": "0.2.1",
+    "@rxdrag/rxcms-models": "0.3.111",
+    "@rxdrag/website-lib-core": "0.0.136"
   },
   "dependencies": {
     "aos": "3.0.0-beta.6",
@@ -39,7 +39,8 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "vanilla-cookieconsent": "3.1.0",
-    "@rxdrag/rxcms-models": "0.3.111"
+    "@rxdrag/rxcms-models": "0.3.111",
+    "@rxdrag/website-lib-react": "0.0.2"
   },
   "peerDependencies": {
     "astro": "^6.1.1",