@openwebf/react-video-player 0.1.0-beta.0

package/dist/index.d.mts

@@ -0,0 +1,175 @@
+import React from 'react';
+import { WebFElementWithMethods } from '@openwebf/react-core-ui';
+
+interface FlutterVideoPlayerProps {
+    /**
+     * src property
+     * @default undefined
+     */
+    src?: string;
+    /**
+     * autoplay property
+     * @default undefined
+     */
+    autoplay?: string;
+    /**
+     * muted property
+     * @default undefined
+     */
+    muted?: string;
+    /**
+     * loop property
+     * @default undefined
+     */
+    loop?: string;
+    /**
+     * volume property
+     * @default undefined
+     */
+    volume?: string;
+    /**
+     * playbackRate property
+     * @default undefined
+     */
+    playbackRate?: string;
+    /**
+     * currentTime property
+     * @default undefined
+     */
+    currentTime?: number;
+    /**
+     * duration property
+     * @default undefined
+     */
+    duration?: number;
+    /**
+     * paused property
+     * @default undefined
+     */
+    paused?: boolean;
+    /**
+     * ended property
+     * @default undefined
+     */
+    ended?: boolean;
+    /**
+     * play event handler
+     */
+    onPlay?: (event: CustomEvent) => void;
+    /**
+     * pause event handler
+     */
+    onPause?: (event: CustomEvent) => void;
+    /**
+     * ended event handler
+     */
+    onEnded?: (event: CustomEvent) => void;
+    /**
+     * timeupdate event handler
+     */
+    onTimeupdate?: (event: CustomEvent) => void;
+    /**
+     * loadedmetadata event handler
+     */
+    onLoadedmetadata?: (event: CustomEvent) => void;
+    /**
+     * error event handler
+     */
+    onError?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Element interface with methods accessible via ref
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterVideoPlayerElement>(null);
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+interface FlutterVideoPlayerElement extends WebFElementWithMethods<{
+    play(): void;
+    pause(): void;
+    seekTo(positionInSeconds: number): void;
+    setVolume(volume: number): void;
+    setPlaybackSpeed(speed: number): void;
+}> {
+}
+/**
+ * FlutterVideoPlayer - WebF FlutterVideoPlayer component
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterVideoPlayerElement>(null);
+ *
+ * <FlutterVideoPlayer
+ *   ref={ref}
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterVideoPlayer>
+ *
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+declare const FlutterVideoPlayer: React.ForwardRefExoticComponent<FlutterVideoPlayerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterVideoPlayerElement>>;
+interface FlutterVideoProgressProps {
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterVideoProgressElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterVideoProgress - WebF FlutterVideoProgress component
+ *
+ * @example
+ * ```tsx
+ *
+ * <FlutterVideoProgress
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterVideoProgress>
+ * ```
+ */
+declare const FlutterVideoProgress: React.ForwardRefExoticComponent<FlutterVideoProgressProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterVideoProgressElement>>;
+
+export { FlutterVideoPlayer, type FlutterVideoPlayerElement, FlutterVideoProgress, type FlutterVideoProgressElement };

package/dist/index.d.ts

@@ -0,0 +1,175 @@
+import React from 'react';
+import { WebFElementWithMethods } from '@openwebf/react-core-ui';
+
+interface FlutterVideoPlayerProps {
+    /**
+     * src property
+     * @default undefined
+     */
+    src?: string;
+    /**
+     * autoplay property
+     * @default undefined
+     */
+    autoplay?: string;
+    /**
+     * muted property
+     * @default undefined
+     */
+    muted?: string;
+    /**
+     * loop property
+     * @default undefined
+     */
+    loop?: string;
+    /**
+     * volume property
+     * @default undefined
+     */
+    volume?: string;
+    /**
+     * playbackRate property
+     * @default undefined
+     */
+    playbackRate?: string;
+    /**
+     * currentTime property
+     * @default undefined
+     */
+    currentTime?: number;
+    /**
+     * duration property
+     * @default undefined
+     */
+    duration?: number;
+    /**
+     * paused property
+     * @default undefined
+     */
+    paused?: boolean;
+    /**
+     * ended property
+     * @default undefined
+     */
+    ended?: boolean;
+    /**
+     * play event handler
+     */
+    onPlay?: (event: CustomEvent) => void;
+    /**
+     * pause event handler
+     */
+    onPause?: (event: CustomEvent) => void;
+    /**
+     * ended event handler
+     */
+    onEnded?: (event: CustomEvent) => void;
+    /**
+     * timeupdate event handler
+     */
+    onTimeupdate?: (event: CustomEvent) => void;
+    /**
+     * loadedmetadata event handler
+     */
+    onLoadedmetadata?: (event: CustomEvent) => void;
+    /**
+     * error event handler
+     */
+    onError?: (event: CustomEvent) => void;
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Element interface with methods accessible via ref
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterVideoPlayerElement>(null);
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+interface FlutterVideoPlayerElement extends WebFElementWithMethods<{
+    play(): void;
+    pause(): void;
+    seekTo(positionInSeconds: number): void;
+    setVolume(volume: number): void;
+    setPlaybackSpeed(speed: number): void;
+}> {
+}
+/**
+ * FlutterVideoPlayer - WebF FlutterVideoPlayer component
+ *
+ * @example
+ * ```tsx
+ * const ref = useRef<FlutterVideoPlayerElement>(null);
+ *
+ * <FlutterVideoPlayer
+ *   ref={ref}
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterVideoPlayer>
+ *
+ * // Call methods on the element
+ * ref.current?.finishRefresh('success');
+ * ```
+ */
+declare const FlutterVideoPlayer: React.ForwardRefExoticComponent<FlutterVideoPlayerProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterVideoPlayerElement>>;
+interface FlutterVideoProgressProps {
+    /**
+     * HTML id attribute
+     */
+    id?: string;
+    /**
+     * Additional CSS styles
+     */
+    style?: React.CSSProperties;
+    /**
+     * Children elements
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+interface FlutterVideoProgressElement extends WebFElementWithMethods<{}> {
+}
+/**
+ * FlutterVideoProgress - WebF FlutterVideoProgress component
+ *
+ * @example
+ * ```tsx
+ *
+ * <FlutterVideoProgress
+ *   // Add props here
+ * >
+ *   Content
+ * </FlutterVideoProgress>
+ * ```
+ */
+declare const FlutterVideoProgress: React.ForwardRefExoticComponent<FlutterVideoProgressProps & {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+} & React.RefAttributes<FlutterVideoProgressElement>>;
+
+export { FlutterVideoPlayer, type FlutterVideoPlayerElement, FlutterVideoProgress, type FlutterVideoProgressElement };

package/dist/index.js

@@ -0,0 +1,120 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FlutterVideoPlayer: () => FlutterVideoPlayer,
+  FlutterVideoProgress: () => FlutterVideoProgress
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/lib/src/video_player.tsx
+var import_react_core_ui = require("@openwebf/react-core-ui");
+var FlutterVideoPlayer = (0, import_react_core_ui.createWebFComponent)({
+  tagName: "flutter-video-player",
+  displayName: "FlutterVideoPlayer",
+  // Map props to attributes
+  attributeProps: [
+    "src",
+    "autoplay",
+    "muted",
+    "loop",
+    "volume",
+    "playbackRate",
+    "currentTime",
+    "duration",
+    "paused",
+    "ended"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    playbackRate: "playback-rate",
+    currentTime: "current-time"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onPlay",
+      eventName: "play",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onPause",
+      eventName: "pause",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onEnded",
+      eventName: "ended",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onTimeupdate",
+      eventName: "timeupdate",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onLoadedmetadata",
+      eventName: "loadedmetadata",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onError",
+      eventName: "error",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+var FlutterVideoProgress = (0, import_react_core_ui.createWebFComponent)({
+  tagName: "flutter-video-progress",
+  displayName: "FlutterVideoProgress",
+  // Map props to attributes
+  attributeProps: [],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Event handlers
+  events: [],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FlutterVideoPlayer,
+  FlutterVideoProgress
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/lib/src/video_player.tsx"],"sourcesContent":["/*\n * Generated by TSDL, don't edit this file directly.\n */\nexport { FlutterVideoPlayer, FlutterVideoPlayerElement } from \"./lib/src/video_player\";\nexport { FlutterVideoProgress, FlutterVideoProgressElement } from \"./lib/src/video_player\";\n","import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface FlutterVideoPlayerMethods {\n  play(): void;\n  pause(): void;\n  seekTo(positionInSeconds: number): void;\n  setVolume(volume: number): void;\n  setPlaybackSpeed(speed: number): void;\n}\ninterface FlutterVideoProgressMethods {\n}\nexport interface FlutterVideoPlayerProps {\n  /**\n   * src property\n   * @default undefined\n   */\n  src?: string;\n  /**\n   * autoplay property\n   * @default undefined\n   */\n  autoplay?: string;\n  /**\n   * muted property\n   * @default undefined\n   */\n  muted?: string;\n  /**\n   * loop property\n   * @default undefined\n   */\n  loop?: string;\n  /**\n   * volume property\n   * @default undefined\n   */\n  volume?: string;\n  /**\n   * playbackRate property\n   * @default undefined\n   */\n  playbackRate?: string;\n  /**\n   * currentTime property\n   * @default undefined\n   */\n  currentTime?: number;\n  /**\n   * duration property\n   * @default undefined\n   */\n  duration?: number;\n  /**\n   * paused property\n   * @default undefined\n   */\n  paused?: boolean;\n  /**\n   * ended property\n   * @default undefined\n   */\n  ended?: boolean;\n  /**\n   * play event handler\n   */\n  onPlay?: (event: CustomEvent) => void;\n  /**\n   * pause event handler\n   */\n  onPause?: (event: CustomEvent) => void;\n  /**\n   * ended event handler\n   */\n  onEnded?: (event: CustomEvent) => void;\n  /**\n   * timeupdate event handler\n   */\n  onTimeupdate?: (event: CustomEvent) => void;\n  /**\n   * loadedmetadata event handler\n   */\n  onLoadedmetadata?: (event: CustomEvent) => void;\n  /**\n   * error event handler\n   */\n  onError?: (event: CustomEvent) => void;\n  /**\n   * HTML id attribute\n   */\n  id?: string;\n  /**\n   * Additional CSS styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Children elements\n   */\n  children?: React.ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n}\n/**\n * Element interface with methods accessible via ref\n * @example\n * ```tsx\n * const ref = useRef<FlutterVideoPlayerElement>(null);\n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport interface FlutterVideoPlayerElement extends WebFElementWithMethods<{\n  play(): void;\n  pause(): void;\n  seekTo(positionInSeconds: number): void;\n  setVolume(volume: number): void;\n  setPlaybackSpeed(speed: number): void;\n}> {}\n/**\n * FlutterVideoPlayer - WebF FlutterVideoPlayer component\n * \n * @example\n * ```tsx\n * const ref = useRef<FlutterVideoPlayerElement>(null);\n * \n * <FlutterVideoPlayer\n *   ref={ref}\n *   // Add props here\n * >\n *   Content\n * </FlutterVideoPlayer>\n * \n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport const FlutterVideoPlayer = createWebFComponent<FlutterVideoPlayerElement, FlutterVideoPlayerProps>({\n  tagName: 'flutter-video-player',\n  displayName: 'FlutterVideoPlayer',\n  // Map props to attributes\n  attributeProps: [\n    'src',\n    'autoplay',\n    'muted',\n    'loop',\n    'volume',\n    'playbackRate',\n    'currentTime',\n    'duration',\n    'paused',\n    'ended',\n  ],\n  // Convert prop names to attribute names if needed\n  attributeMap: {\n    playbackRate: 'playback-rate',\n    currentTime: 'current-time',\n  },\n  // Event handlers\n  events: [\n    {\n      propName: 'onPlay',\n      eventName: 'play',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onPause',\n      eventName: 'pause',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onEnded',\n      eventName: 'ended',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onTimeupdate',\n      eventName: 'timeupdate',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onLoadedmetadata',\n      eventName: 'loadedmetadata',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onError',\n      eventName: 'error',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n  ],\n  // Default prop values\n  defaultProps: {\n    // Add default values here\n  },\n});\nexport interface FlutterVideoProgressProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string;\n  /**\n   * Additional CSS styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Children elements\n   */\n  children?: React.ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n}\nexport interface FlutterVideoProgressElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterVideoProgress - WebF FlutterVideoProgress component\n * \n * @example\n * ```tsx\n * \n * <FlutterVideoProgress\n *   // Add props here\n * >\n *   Content\n * </FlutterVideoProgress>\n * ```\n */\nexport const FlutterVideoProgress = createWebFComponent<FlutterVideoProgressElement, FlutterVideoProgressProps>({\n  tagName: 'flutter-video-progress',\n  displayName: 'FlutterVideoProgress',\n  // Map props to attributes\n  attributeProps: [\n  ],\n  // Convert prop names to attribute names if needed\n  attributeMap: {\n  },\n  // Event handlers\n  events: [\n  ],\n  // Default prop values\n  defaultProps: {\n    // Add default values here\n  },\n});"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,2BAA4D;AAwIrD,IAAM,yBAAqB,0CAAwE;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA;AAAA,EAEA,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AAAA;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEA,cAAc;AAAA;AAAA,EAEd;AACF,CAAC;AAkCM,IAAM,2BAAuB,0CAA4E;AAAA,EAC9G,SAAS;AAAA,EACT,aAAa;AAAA;AAAA,EAEb,gBAAgB,CAChB;AAAA;AAAA,EAEA,cAAc,CACd;AAAA;AAAA,EAEA,QAAQ,CACR;AAAA;AAAA,EAEA,cAAc;AAAA;AAAA,EAEd;AACF,CAAC;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,92 @@
+// src/lib/src/video_player.tsx
+import { createWebFComponent } from "@openwebf/react-core-ui";
+var FlutterVideoPlayer = createWebFComponent({
+  tagName: "flutter-video-player",
+  displayName: "FlutterVideoPlayer",
+  // Map props to attributes
+  attributeProps: [
+    "src",
+    "autoplay",
+    "muted",
+    "loop",
+    "volume",
+    "playbackRate",
+    "currentTime",
+    "duration",
+    "paused",
+    "ended"
+  ],
+  // Convert prop names to attribute names if needed
+  attributeMap: {
+    playbackRate: "playback-rate",
+    currentTime: "current-time"
+  },
+  // Event handlers
+  events: [
+    {
+      propName: "onPlay",
+      eventName: "play",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onPause",
+      eventName: "pause",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onEnded",
+      eventName: "ended",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onTimeupdate",
+      eventName: "timeupdate",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onLoadedmetadata",
+      eventName: "loadedmetadata",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    },
+    {
+      propName: "onError",
+      eventName: "error",
+      handler: (callback) => (event) => {
+        callback(event);
+      }
+    }
+  ],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+var FlutterVideoProgress = createWebFComponent({
+  tagName: "flutter-video-progress",
+  displayName: "FlutterVideoProgress",
+  // Map props to attributes
+  attributeProps: [],
+  // Convert prop names to attribute names if needed
+  attributeMap: {},
+  // Event handlers
+  events: [],
+  // Default prop values
+  defaultProps: {
+    // Add default values here
+  }
+});
+export {
+  FlutterVideoPlayer,
+  FlutterVideoProgress
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/src/video_player.tsx"],"sourcesContent":["import React from \"react\";\nimport { createWebFComponent, WebFElementWithMethods } from \"@openwebf/react-core-ui\";\ninterface FlutterVideoPlayerMethods {\n  play(): void;\n  pause(): void;\n  seekTo(positionInSeconds: number): void;\n  setVolume(volume: number): void;\n  setPlaybackSpeed(speed: number): void;\n}\ninterface FlutterVideoProgressMethods {\n}\nexport interface FlutterVideoPlayerProps {\n  /**\n   * src property\n   * @default undefined\n   */\n  src?: string;\n  /**\n   * autoplay property\n   * @default undefined\n   */\n  autoplay?: string;\n  /**\n   * muted property\n   * @default undefined\n   */\n  muted?: string;\n  /**\n   * loop property\n   * @default undefined\n   */\n  loop?: string;\n  /**\n   * volume property\n   * @default undefined\n   */\n  volume?: string;\n  /**\n   * playbackRate property\n   * @default undefined\n   */\n  playbackRate?: string;\n  /**\n   * currentTime property\n   * @default undefined\n   */\n  currentTime?: number;\n  /**\n   * duration property\n   * @default undefined\n   */\n  duration?: number;\n  /**\n   * paused property\n   * @default undefined\n   */\n  paused?: boolean;\n  /**\n   * ended property\n   * @default undefined\n   */\n  ended?: boolean;\n  /**\n   * play event handler\n   */\n  onPlay?: (event: CustomEvent) => void;\n  /**\n   * pause event handler\n   */\n  onPause?: (event: CustomEvent) => void;\n  /**\n   * ended event handler\n   */\n  onEnded?: (event: CustomEvent) => void;\n  /**\n   * timeupdate event handler\n   */\n  onTimeupdate?: (event: CustomEvent) => void;\n  /**\n   * loadedmetadata event handler\n   */\n  onLoadedmetadata?: (event: CustomEvent) => void;\n  /**\n   * error event handler\n   */\n  onError?: (event: CustomEvent) => void;\n  /**\n   * HTML id attribute\n   */\n  id?: string;\n  /**\n   * Additional CSS styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Children elements\n   */\n  children?: React.ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n}\n/**\n * Element interface with methods accessible via ref\n * @example\n * ```tsx\n * const ref = useRef<FlutterVideoPlayerElement>(null);\n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport interface FlutterVideoPlayerElement extends WebFElementWithMethods<{\n  play(): void;\n  pause(): void;\n  seekTo(positionInSeconds: number): void;\n  setVolume(volume: number): void;\n  setPlaybackSpeed(speed: number): void;\n}> {}\n/**\n * FlutterVideoPlayer - WebF FlutterVideoPlayer component\n * \n * @example\n * ```tsx\n * const ref = useRef<FlutterVideoPlayerElement>(null);\n * \n * <FlutterVideoPlayer\n *   ref={ref}\n *   // Add props here\n * >\n *   Content\n * </FlutterVideoPlayer>\n * \n * // Call methods on the element\n * ref.current?.finishRefresh('success');\n * ```\n */\nexport const FlutterVideoPlayer = createWebFComponent<FlutterVideoPlayerElement, FlutterVideoPlayerProps>({\n  tagName: 'flutter-video-player',\n  displayName: 'FlutterVideoPlayer',\n  // Map props to attributes\n  attributeProps: [\n    'src',\n    'autoplay',\n    'muted',\n    'loop',\n    'volume',\n    'playbackRate',\n    'currentTime',\n    'duration',\n    'paused',\n    'ended',\n  ],\n  // Convert prop names to attribute names if needed\n  attributeMap: {\n    playbackRate: 'playback-rate',\n    currentTime: 'current-time',\n  },\n  // Event handlers\n  events: [\n    {\n      propName: 'onPlay',\n      eventName: 'play',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onPause',\n      eventName: 'pause',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onEnded',\n      eventName: 'ended',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onTimeupdate',\n      eventName: 'timeupdate',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onLoadedmetadata',\n      eventName: 'loadedmetadata',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n    {\n      propName: 'onError',\n      eventName: 'error',\n      handler: (callback) => (event) => {\n        callback((event as CustomEvent));\n      },\n    },\n  ],\n  // Default prop values\n  defaultProps: {\n    // Add default values here\n  },\n});\nexport interface FlutterVideoProgressProps {\n  /**\n   * HTML id attribute\n   */\n  id?: string;\n  /**\n   * Additional CSS styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Children elements\n   */\n  children?: React.ReactNode;\n  /**\n   * Additional CSS class names\n   */\n  className?: string;\n}\nexport interface FlutterVideoProgressElement extends WebFElementWithMethods<{\n}> {}\n/**\n * FlutterVideoProgress - WebF FlutterVideoProgress component\n * \n * @example\n * ```tsx\n * \n * <FlutterVideoProgress\n *   // Add props here\n * >\n *   Content\n * </FlutterVideoProgress>\n * ```\n */\nexport const FlutterVideoProgress = createWebFComponent<FlutterVideoProgressElement, FlutterVideoProgressProps>({\n  tagName: 'flutter-video-progress',\n  displayName: 'FlutterVideoProgress',\n  // Map props to attributes\n  attributeProps: [\n  ],\n  // Convert prop names to attribute names if needed\n  attributeMap: {\n  },\n  // Event handlers\n  events: [\n  ],\n  // Default prop values\n  defaultProps: {\n    // Add default values here\n  },\n});"],"mappings":";AACA,SAAS,2BAAmD;AAwIrD,IAAM,qBAAqB,oBAAwE;AAAA,EACxG,SAAS;AAAA,EACT,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA;AAAA,EAEA,cAAc;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AAAA;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,IACA;AAAA,MACE,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS,CAAC,aAAa,CAAC,UAAU;AAChC,iBAAU,KAAqB;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AAAA;AAAA,EAEA,cAAc;AAAA;AAAA,EAEd;AACF,CAAC;AAkCM,IAAM,uBAAuB,oBAA4E;AAAA,EAC9G,SAAS;AAAA,EACT,aAAa;AAAA;AAAA,EAEb,gBAAgB,CAChB;AAAA;AAAA,EAEA,cAAc,CACd;AAAA;AAAA,EAEA,QAAQ,CACR;AAAA;AAAA,EAEA,cAAc;AAAA;AAAA,EAEd;AACF,CAAC;","names":[]}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@openwebf/react-video-player",
+  "version": "0.1.0-beta.0",
+  "description": "WebF Video Player module for handling video playback with Flutter video_player",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "commonjs",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "@openwebf/react-core-ui": "^0.2.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.2",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3"
+  }
+}