react-native-unified-player 0.2.0

package/lib/module/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { requireNativeComponent, UIManager, Platform, NativeModules, NativeEventEmitter } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LINKING_ERROR = `The package 'react-native-unified-player' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ''
+}) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
+
+/**
+ * Props for the UnifiedPlayerView component
+ */
+
+// Name of the native component
+const ComponentName = 'UnifiedPlayerView';
+
+// Native component import
+const NativeUnifiedPlayerView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
+  throw new Error(LINKING_ERROR);
+};
+
+// Native module for additional control methods
+const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+
+/**
+ * UnifiedPlayerView component for video playback
+ */
+export const UnifiedPlayerView = props => {
+  return /*#__PURE__*/_jsx(NativeUnifiedPlayerView, {
+    ...props
+  });
+};
+
+/**
+ * API methods for controlling playback
+ */
+export const UnifiedPlayer = {
+  // Play the video
+  play: viewTag => {
+    if (UnifiedPlayerModule?.play) {
+      UnifiedPlayerModule.play(viewTag);
+    }
+  },
+  // Pause the video
+  pause: viewTag => {
+    if (UnifiedPlayerModule?.pause) {
+      UnifiedPlayerModule.pause(viewTag);
+    }
+  },
+  // Seek to a specific time
+  seekTo: (viewTag, time) => {
+    if (UnifiedPlayerModule?.seekTo) {
+      UnifiedPlayerModule.seekTo(viewTag, time);
+    }
+  },
+  // Get the current playback time
+  getCurrentTime: viewTag => {
+    if (UnifiedPlayerModule?.getCurrentTime) {
+      return UnifiedPlayerModule.getCurrentTime(viewTag);
+    }
+    return Promise.resolve(0);
+  },
+  // Get the duration of the video
+  getDuration: viewTag => {
+    if (UnifiedPlayerModule?.getDuration) {
+      return UnifiedPlayerModule.getDuration(viewTag);
+    }
+    return Promise.resolve(0);
+  }
+};
+
+// Events emitter for native events
+let eventEmitter = null;
+if (UnifiedPlayerModule) {
+  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
+}
+export const UnifiedPlayerEvents = {
+  addListener: (eventType, listener) => {
+    if (eventEmitter) {
+      return eventEmitter.addListener(eventType, listener);
+    }
+    return {
+      remove: () => {}
+    };
+  }
+};
+
+// Event names
+export const UnifiedPlayerEventTypes = {
+  READY: 'onReadyToPlay',
+  ERROR: 'onError',
+  PROGRESS: 'onProgress',
+  COMPLETE: 'onPlaybackComplete',
+  STALLED: 'onPlaybackStalled',
+  RESUMED: 'onPlaybackResumed'
+};
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requireNativeComponent","UIManager","Platform","NativeModules","NativeEventEmitter","jsx","_jsx","LINKING_ERROR","select","ios","default","ComponentName","NativeUnifiedPlayerView","getViewManagerConfig","Error","UnifiedPlayerModule","UnifiedPlayerView","props","UnifiedPlayer","play","viewTag","pause","seekTo","time","getCurrentTime","Promise","resolve","getDuration","eventEmitter","UnifiedPlayerEvents","addListener","eventType","listener","remove","UnifiedPlayerEventTypes","READY","ERROR","PROGRESS","COMPLETE","STALLED","RESUMED"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,SAAS,EACTC,QAAQ,EAERC,aAAa,EACbC,kBAAkB,QACb,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtB,MAAMC,aAAa,GACjB,sFAAsF,GACtFL,QAAQ,CAACM,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACA;AACA;;AA8BA;AACA,MAAMC,aAAa,GAAG,mBAAmB;;AAEzC;AACA,MAAMC,uBAAuB,GAC3BX,SAAS,CAACY,oBAAoB,CAACF,aAAa,CAAC,IAAI,IAAI,GACjDX,sBAAsB,CAAqBW,aAAa,CAAC,GACzD,MAAM;EACJ,MAAM,IAAIG,KAAK,CAACP,aAAa,CAAC;AAChC,CAAC;;AAEP;AACA,MAAMQ,mBAAmB,GAAGZ,aAAa,CAACY,mBAAmB;;AAE7D;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EAC9D,oBAAOX,IAAA,CAACM,uBAAuB;IAAA,GAAKK;EAAK,CAAG,CAAC;AAC/C,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG;EAC3B;EACAC,IAAI,EAAGC,OAAe,IAAK;IACzB,IAAIL,mBAAmB,EAAEI,IAAI,EAAE;MAC7BJ,mBAAmB,CAACI,IAAI,CAACC,OAAO,CAAC;IACnC;EACF,CAAC;EAED;EACAC,KAAK,EAAGD,OAAe,IAAK;IAC1B,IAAIL,mBAAmB,EAAEM,KAAK,EAAE;MAC9BN,mBAAmB,CAACM,KAAK,CAACD,OAAO,CAAC;IACpC;EACF,CAAC;EAED;EACAE,MAAM,EAAEA,CAACF,OAAe,EAAEG,IAAY,KAAK;IACzC,IAAIR,mBAAmB,EAAEO,MAAM,EAAE;MAC/BP,mBAAmB,CAACO,MAAM,CAACF,OAAO,EAAEG,IAAI,CAAC;IAC3C;EACF,CAAC;EAED;EACAC,cAAc,EAAGJ,OAAe,IAAsB;IACpD,IAAIL,mBAAmB,EAAES,cAAc,EAAE;MACvC,OAAOT,mBAAmB,CAACS,cAAc,CAACJ,OAAO,CAAC;IACpD;IACA,OAAOK,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC3B,CAAC;EAED;EACAC,WAAW,EAAGP,OAAe,IAAsB;IACjD,IAAIL,mBAAmB,EAAEY,WAAW,EAAE;MACpC,OAAOZ,mBAAmB,CAACY,WAAW,CAACP,OAAO,CAAC;IACjD;IACA,OAAOK,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC3B;AACF,CAAC;;AAED;AACA,IAAIE,YAAuC,GAAG,IAAI;AAElD,IAAIb,mBAAmB,EAAE;EACvBa,YAAY,GAAG,IAAIxB,kBAAkB,CAACW,mBAAmB,CAAC;AAC5D;AAEA,OAAO,MAAMc,mBAAmB,GAAG;EACjCC,WAAW,EAAEA,CAACC,SAAiB,EAAEC,QAAiC,KAAK;IACrE,IAAIJ,YAAY,EAAE;MAChB,OAAOA,YAAY,CAACE,WAAW,CAACC,SAAS,EAAEC,QAAQ,CAAC;IACtD;IACA,OAAO;MAAEC,MAAM,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC;EAC7B;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,uBAAuB,GAAG;EACrCC,KAAK,EAAE,eAAe;EACtBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,YAAY;EACtBC,QAAQ,EAAE,oBAAoB;EAC9BC,OAAO,EAAE,mBAAmB;EAC5BC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/index.d.ts

@@ -0,0 +1,46 @@
+import { type ViewStyle } from 'react-native';
+/**
+ * Props for the UnifiedPlayerView component
+ */
+export type UnifiedPlayerProps = {
+    videoUrl: string;
+    style: ViewStyle;
+    autoplay?: boolean;
+    loop?: boolean;
+    authToken?: string;
+    onReadyToPlay?: () => void;
+    onError?: (error: any) => void;
+    onPlaybackComplete?: () => void;
+    onProgress?: (data: {
+        currentTime: number;
+        duration: number;
+    }) => void;
+};
+/**
+ * UnifiedPlayerView component for video playback
+ */
+export declare const UnifiedPlayerView: (props: UnifiedPlayerProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * API methods for controlling playback
+ */
+export declare const UnifiedPlayer: {
+    play: (viewTag: number) => void;
+    pause: (viewTag: number) => void;
+    seekTo: (viewTag: number, time: number) => void;
+    getCurrentTime: (viewTag: number) => Promise<number>;
+    getDuration: (viewTag: number) => Promise<number>;
+};
+export declare const UnifiedPlayerEvents: {
+    addListener: (eventType: string, listener: (...args: any[]) => any) => import("react-native").EmitterSubscription | {
+        remove: () => void;
+    };
+};
+export declare const UnifiedPlayerEventTypes: {
+    READY: string;
+    ERROR: string;
+    PROGRESS: string;
+    COMPLETE: string;
+    STALLED: string;
+    RESUMED: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAQtB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAE/B,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,EAAE,SAAS,CAAC;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAG3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAG/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAGhC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC;AAgBF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,kBAAkB,4CAE1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;oBAER,MAAM;qBAOL,MAAM;sBAOL,MAAM,QAAQ,MAAM;8BAOZ,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;2BAQ3B,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;CAMhD,CAAC;AASF,eAAO,MAAM,mBAAmB;6BACL,MAAM,YAAY,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG;;;CAMnE,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;;;;CAOnC,CAAC"}

package/package.json

@@ -0,0 +1,154 @@
+{
+  "name": "react-native-unified-player",
+  "version": "0.2.0",
+  "description": "Unified Player",
+  "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-unified-player-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/blueromans/react-native-unified-player.git"
+  },
+  "author": "Yaşar Özyurt <blueromans@hotmail.com> (https://github.com/blueromans)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/blueromans/react-native-unified-player/issues"
+  },
+  "homepage": "https://github.com/blueromans/react-native-unified-player#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^8.0.0",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.78.2",
+    "react-native-builder-bob": "^0.40.6",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    },
+    "hooks": {
+      "before:npm:publish": "yarn prepare-publish"
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "legacy-view",
+    "languages": "kotlin-objc",
+    "version": "0.49.8"
+  }
+}

package/src/index.tsx

@@ -0,0 +1,135 @@
+import {
+  requireNativeComponent,
+  UIManager,
+  Platform,
+  type ViewStyle,
+  NativeModules,
+  NativeEventEmitter,
+} from 'react-native';
+
+const LINKING_ERROR =
+  `The package 'react-native-unified-player' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+/**
+ * Props for the UnifiedPlayerView component
+ */
+export type UnifiedPlayerProps = {
+  // Video source URL
+  videoUrl: string;
+
+  // Apply custom styling
+  style: ViewStyle;
+
+  // Autoplay video when loaded
+  autoplay?: boolean;
+
+  // Should video loop when finished
+  loop?: boolean;
+
+  // Optional auth token for protected streams
+  authToken?: string;
+
+  // Callback when video is ready to play
+  onReadyToPlay?: () => void;
+
+  // Callback when an error occurs
+  onError?: (error: any) => void;
+
+  // Callback when video playback finishes
+  onPlaybackComplete?: () => void;
+
+  // Callback for playback progress
+  onProgress?: (data: { currentTime: number; duration: number }) => void;
+};
+
+// Name of the native component
+const ComponentName = 'UnifiedPlayerView';
+
+// Native component import
+const NativeUnifiedPlayerView =
+  UIManager.getViewManagerConfig(ComponentName) != null
+    ? requireNativeComponent<UnifiedPlayerProps>(ComponentName)
+    : () => {
+        throw new Error(LINKING_ERROR);
+      };
+
+// Native module for additional control methods
+const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+
+/**
+ * UnifiedPlayerView component for video playback
+ */
+export const UnifiedPlayerView = (props: UnifiedPlayerProps) => {
+  return <NativeUnifiedPlayerView {...props} />;
+};
+
+/**
+ * API methods for controlling playback
+ */
+export const UnifiedPlayer = {
+  // Play the video
+  play: (viewTag: number) => {
+    if (UnifiedPlayerModule?.play) {
+      UnifiedPlayerModule.play(viewTag);
+    }
+  },
+
+  // Pause the video
+  pause: (viewTag: number) => {
+    if (UnifiedPlayerModule?.pause) {
+      UnifiedPlayerModule.pause(viewTag);
+    }
+  },
+
+  // Seek to a specific time
+  seekTo: (viewTag: number, time: number) => {
+    if (UnifiedPlayerModule?.seekTo) {
+      UnifiedPlayerModule.seekTo(viewTag, time);
+    }
+  },
+
+  // Get the current playback time
+  getCurrentTime: (viewTag: number): Promise<number> => {
+    if (UnifiedPlayerModule?.getCurrentTime) {
+      return UnifiedPlayerModule.getCurrentTime(viewTag);
+    }
+    return Promise.resolve(0);
+  },
+
+  // Get the duration of the video
+  getDuration: (viewTag: number): Promise<number> => {
+    if (UnifiedPlayerModule?.getDuration) {
+      return UnifiedPlayerModule.getDuration(viewTag);
+    }
+    return Promise.resolve(0);
+  },
+};
+
+// Events emitter for native events
+let eventEmitter: NativeEventEmitter | null = null;
+
+if (UnifiedPlayerModule) {
+  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
+}
+
+export const UnifiedPlayerEvents = {
+  addListener: (eventType: string, listener: (...args: any[]) => any) => {
+    if (eventEmitter) {
+      return eventEmitter.addListener(eventType, listener);
+    }
+    return { remove: () => {} };
+  },
+};
+
+// Event names
+export const UnifiedPlayerEventTypes = {
+  READY: 'onReadyToPlay',
+  ERROR: 'onError',
+  PROGRESS: 'onProgress',
+  COMPLETE: 'onPlaybackComplete',
+  STALLED: 'onPlaybackStalled',
+  RESUMED: 'onPlaybackResumed',
+};