@videojs/react 10.0.0-beta.11 → 10.0.0-beta.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@videojs/react",
   "type": "module",
-  "version": "10.0.0-beta.11",
+  "version": "10.0.0-beta.13",
   "description": "React library for building media players",
   "license": "Apache-2.0",
   "repository": {
@@ -65,10 +65,10 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
-    "@videojs/core": "10.0.0-beta.11",
-    "@videojs/spf": "10.0.0-beta.11",
-    "@videojs/store": "10.0.0-beta.11",
-    "@videojs/utils": "10.0.0-beta.11"
+    "@videojs/core": "10.0.0-beta.13",
+    "@videojs/utils": "10.0.0-beta.13",
+    "@videojs/store": "10.0.0-beta.13",
+    "@videojs/spf": "10.0.0-beta.13"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.0",
@@ -76,11 +76,11 @@
     "jsdom": "^26.1.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
-    "tsdown": "^0.20.3",
+    "tsdown": "^0.21.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.0",
-    "@videojs/icons": "10.0.0-beta.11",
-    "@videojs/skins": "10.0.0-beta.11"
+    "@videojs/icons": "10.0.0-beta.13",
+    "@videojs/skins": "10.0.0-beta.13"
   },
   "publishConfig": {
     "access": "public"
@@ -99,6 +99,6 @@
     "dev": "pnpm build:watch",
     "test": "vitest run",
     "test:watch": "vitest",
-    "clean": "rm -rf dist types"
+    "clean": "rimraf --glob dist types '*.tsbuildinfo'"
   }
 }

package/dist/default/presets/error-dialog.js

@@ -1,51 +0,0 @@
-'use client';
-
-import { usePlayer } from "../player/context.js";
-import { AlertDialogClose } from "../ui/alert-dialog/alert-dialog-close.js";
-import { AlertDialogDescription } from "../ui/alert-dialog/alert-dialog-description.js";
-import { AlertDialogPopup } from "../ui/alert-dialog/alert-dialog-popup.js";
-import { AlertDialogRoot } from "../ui/alert-dialog/alert-dialog-root.js";
-import { AlertDialogTitle } from "../ui/alert-dialog/alert-dialog-title.js";
-import { selectError } from "@videojs/core/dom";
-import { useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/presets/error-dialog.tsx
-function ErrorDialog({ classNames }) {
-	const errorState = usePlayer(selectError);
-	const lastError = useRef(errorState?.error);
-	if (!errorState) return null;
-	if (errorState?.error) lastError.current = errorState.error;
-	return /* @__PURE__ */ jsx(AlertDialogRoot, {
-		open: Boolean(errorState.error),
-		onOpenChange: (open) => {
-			if (!open) errorState.dismissError();
-		},
-		children: /* @__PURE__ */ jsx(AlertDialogPopup, {
-			className: classNames?.root,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: classNames?.dialog,
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: classNames?.content,
-					children: [/* @__PURE__ */ jsx(AlertDialogTitle, {
-						className: classNames?.title,
-						children: "Something went wrong."
-					}), /* @__PURE__ */ jsx(AlertDialogDescription, {
-						className: classNames?.description,
-						children: lastError.current?.message ?? "An error occurred. Please try again."
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: classNames?.actions,
-					children: /* @__PURE__ */ jsx(AlertDialogClose, {
-						className: classNames?.close,
-						children: "OK"
-					})
-				})]
-			})
-		})
-	});
-}
-
-//#endregion
-export { ErrorDialog };
-//# sourceMappingURL=error-dialog.js.map

package/dist/default/presets/error-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-dialog.js","names":["AlertDialog.Root","AlertDialog.Popup","AlertDialog.Title","AlertDialog.Description","AlertDialog.Close"],"sources":["../../../src/presets/error-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { selectError } from '@videojs/core/dom';\nimport { type ReactNode, useRef } from 'react';\nimport { usePlayer } from '@/player/context';\nimport { AlertDialog } from '@/ui/alert-dialog';\n\nexport interface ErrorDialogClassNames {\n  root?: string;\n  dialog?: string;\n  content?: string;\n  title?: string;\n  description?: string;\n  actions?: string;\n  close?: string;\n}\n\nexport function ErrorDialog({ classNames }: { classNames?: ErrorDialogClassNames }): ReactNode {\n  const errorState = usePlayer(selectError);\n  const lastError = useRef(errorState?.error);\n\n  if (!errorState) return null;\n\n  if (errorState?.error) lastError.current = errorState.error;\n\n  return (\n    <AlertDialog.Root\n      open={Boolean(errorState.error)}\n      onOpenChange={(open) => {\n        if (!open) errorState.dismissError();\n      }}\n    >\n      <AlertDialog.Popup className={classNames?.root}>\n        <div className={classNames?.dialog}>\n          <div className={classNames?.content}>\n            <AlertDialog.Title className={classNames?.title}>Something went wrong.</AlertDialog.Title>\n            <AlertDialog.Description className={classNames?.description}>\n              {lastError.current?.message ?? 'An error occurred. Please try again.'}\n            </AlertDialog.Description>\n          </div>\n          <div className={classNames?.actions}>\n            <AlertDialog.Close className={classNames?.close}>OK</AlertDialog.Close>\n          </div>\n        </div>\n      </AlertDialog.Popup>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,YAAY,EAAE,cAAiE;CAC7F,MAAM,aAAa,UAAU,YAAY;CACzC,MAAM,YAAY,OAAO,YAAY,MAAM;AAE3C,KAAI,CAAC,WAAY,QAAO;AAExB,KAAI,YAAY,MAAO,WAAU,UAAU,WAAW;AAEtD,QACE,oBAACA;EACC,MAAM,QAAQ,WAAW,MAAM;EAC/B,eAAe,SAAS;AACtB,OAAI,CAAC,KAAM,YAAW,cAAc;;YAGtC,oBAACC;GAAkB,WAAW,YAAY;aACxC,qBAAC;IAAI,WAAW,YAAY;eAC1B,qBAAC;KAAI,WAAW,YAAY;gBAC1B,oBAACC;MAAkB,WAAW,YAAY;gBAAO;OAAyC,EAC1F,oBAACC;MAAwB,WAAW,YAAY;gBAC7C,UAAU,SAAS,WAAW;OACP;MACtB,EACN,oBAAC;KAAI,WAAW,YAAY;eAC1B,oBAACC;MAAkB,WAAW,YAAY;gBAAO;OAAsB;MACnE;KACF;IACY;GACH"}

package/dist/dev/presets/error-dialog.js

@@ -1,51 +0,0 @@
-'use client';
-
-import { usePlayer } from "../player/context.js";
-import { AlertDialogClose } from "../ui/alert-dialog/alert-dialog-close.js";
-import { AlertDialogDescription } from "../ui/alert-dialog/alert-dialog-description.js";
-import { AlertDialogPopup } from "../ui/alert-dialog/alert-dialog-popup.js";
-import { AlertDialogRoot } from "../ui/alert-dialog/alert-dialog-root.js";
-import { AlertDialogTitle } from "../ui/alert-dialog/alert-dialog-title.js";
-import { selectError } from "@videojs/core/dom";
-import { useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/presets/error-dialog.tsx
-function ErrorDialog({ classNames }) {
-	const errorState = usePlayer(selectError);
-	const lastError = useRef(errorState?.error);
-	if (!errorState) return null;
-	if (errorState?.error) lastError.current = errorState.error;
-	return /* @__PURE__ */ jsx(AlertDialogRoot, {
-		open: Boolean(errorState.error),
-		onOpenChange: (open) => {
-			if (!open) errorState.dismissError();
-		},
-		children: /* @__PURE__ */ jsx(AlertDialogPopup, {
-			className: classNames?.root,
-			children: /* @__PURE__ */ jsxs("div", {
-				className: classNames?.dialog,
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: classNames?.content,
-					children: [/* @__PURE__ */ jsx(AlertDialogTitle, {
-						className: classNames?.title,
-						children: "Something went wrong."
-					}), /* @__PURE__ */ jsx(AlertDialogDescription, {
-						className: classNames?.description,
-						children: lastError.current?.message ?? "An error occurred. Please try again."
-					})]
-				}), /* @__PURE__ */ jsx("div", {
-					className: classNames?.actions,
-					children: /* @__PURE__ */ jsx(AlertDialogClose, {
-						className: classNames?.close,
-						children: "OK"
-					})
-				})]
-			})
-		})
-	});
-}
-
-//#endregion
-export { ErrorDialog };
-//# sourceMappingURL=error-dialog.js.map

package/dist/dev/presets/error-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-dialog.js","names":["AlertDialog.Root","AlertDialog.Popup","AlertDialog.Title","AlertDialog.Description","AlertDialog.Close"],"sources":["../../../src/presets/error-dialog.tsx"],"sourcesContent":["'use client';\n\nimport { selectError } from '@videojs/core/dom';\nimport { type ReactNode, useRef } from 'react';\nimport { usePlayer } from '@/player/context';\nimport { AlertDialog } from '@/ui/alert-dialog';\n\nexport interface ErrorDialogClassNames {\n  root?: string;\n  dialog?: string;\n  content?: string;\n  title?: string;\n  description?: string;\n  actions?: string;\n  close?: string;\n}\n\nexport function ErrorDialog({ classNames }: { classNames?: ErrorDialogClassNames }): ReactNode {\n  const errorState = usePlayer(selectError);\n  const lastError = useRef(errorState?.error);\n\n  if (!errorState) return null;\n\n  if (errorState?.error) lastError.current = errorState.error;\n\n  return (\n    <AlertDialog.Root\n      open={Boolean(errorState.error)}\n      onOpenChange={(open) => {\n        if (!open) errorState.dismissError();\n      }}\n    >\n      <AlertDialog.Popup className={classNames?.root}>\n        <div className={classNames?.dialog}>\n          <div className={classNames?.content}>\n            <AlertDialog.Title className={classNames?.title}>Something went wrong.</AlertDialog.Title>\n            <AlertDialog.Description className={classNames?.description}>\n              {lastError.current?.message ?? 'An error occurred. Please try again.'}\n            </AlertDialog.Description>\n          </div>\n          <div className={classNames?.actions}>\n            <AlertDialog.Close className={classNames?.close}>OK</AlertDialog.Close>\n          </div>\n        </div>\n      </AlertDialog.Popup>\n    </AlertDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAiBA,SAAgB,YAAY,EAAE,cAAiE;CAC7F,MAAM,aAAa,UAAU,YAAY;CACzC,MAAM,YAAY,OAAO,YAAY,MAAM;AAE3C,KAAI,CAAC,WAAY,QAAO;AAExB,KAAI,YAAY,MAAO,WAAU,UAAU,WAAW;AAEtD,QACE,oBAACA;EACC,MAAM,QAAQ,WAAW,MAAM;EAC/B,eAAe,SAAS;AACtB,OAAI,CAAC,KAAM,YAAW,cAAc;;YAGtC,oBAACC;GAAkB,WAAW,YAAY;aACxC,qBAAC;IAAI,WAAW,YAAY;eAC1B,qBAAC;KAAI,WAAW,YAAY;gBAC1B,oBAACC;MAAkB,WAAW,YAAY;gBAAO;OAAyC,EAC1F,oBAACC;MAAwB,WAAW,YAAY;gBAC7C,UAAU,SAAS,WAAW;OACP;MACtB,EACN,oBAAC;KAAI,WAAW,YAAY;eAC1B,oBAACC;MAAkB,WAAW,YAAY;gBAAO;OAAsB;MACnE;KACF;IACY;GACH"}