@wereform/pkgm-video 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/layout/VideoViewLayout.js +1 -1
  2. package/package.json +37 -36
  3. package/src/layout/VideoViewLayout.jsx +16 -9
package/dist/layout/VideoViewLayout.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperty(exports,"__esModule",{value:true});exports.VideoViewLayout=VideoViewLayout;var _reactNative=require("react-native");var _VideoPlayer=require("../components/VideoPlayer");var _pkgmShared=require("@wereform/pkgm-shared");var _vectorIcons=require("@expo/vector-icons");var _VideoCardLayout=require("./VideoCardLayout");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-video\\src\\layout\\VideoViewLayout.jsx";function VideoViewLayout(_ref){var _this=this;var videoSource=_ref.videoSource,CustomizedTitleText=_ref.CustomizedTitleText,MenuChannelMetaTimeAgo=_ref.MenuChannelMetaTimeAgo,MenuChannelMetaViews=_ref.MenuChannelMetaViews,MenuChannelMetaUserName=_ref.MenuChannelMetaUserName,MenuChannelMetaSubCount=_ref.MenuChannelMetaSubCount,MenuChannelMetaChannelLogo=_ref.MenuChannelMetaChannelLogo,suggestedVideos=_ref.suggestedVideos,CLOUDFRONTURL=_ref.CLOUDFRONTURL;console.log("SUGGESTED VIDEOS FROM VIDEO VIEWS LAYOUT: =>\n"+JSON.stringify(suggestedVideos[0].videos,null,2));return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_jsxRuntime.jsx)(_VideoPlayer.VideoPlayer,{videoSource:videoSource},videoSource)}),(0,_jsxRuntime.jsx)(_pkgmShared.CustomizedTitle,{title:CustomizedTitleText,fontSize:22,fontFamily:"Inter",textColor:"white",style:{paddingTop:18,paddingLeft:22,paddingRight:22,paddingBottom:18,alignSelf:"start"},textStyle:{lineHeight:28}}),(0,_jsxRuntime.jsx)(_pkgmShared.MenuInteraction,{likeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-up-outline",size:24,color:"white"}),dislikeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"thumbs-down-outline",size:24,color:"white"}),shareIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"arrow-redo-outline",size:24,color:"white"}),containerStyles:{marginLeft:12}}),(0,_jsxRuntime.jsx)(_pkgmShared.MenuChannelMeta,{calendarIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:18,color:"white"}),timeAgo:MenuChannelMetaTimeAgo,eyeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:18,color:"white"}),viewsText:MenuChannelMetaViews,userName:MenuChannelMetaUserName,subscribersCount:MenuChannelMetaSubCount,channelLogo:MenuChannelMetaChannelLogo,containerStyles:{marginTop:12}}),suggestedVideos[0].videos.map(function(video){var _video$channel;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:24},children:(0,_jsxRuntime.jsx)(_VideoCardLayout.VideoCardLayout,{titleText:video.title,contentThumbUrl:`${CLOUDFRONTURL}/${video.thumbUrl}`,userNameText:((_video$channel=video.channel)==null?void 0:_video$channel.name)||"Unknown",channelLogo:video.channelLogo,timeAgo:video.videoTimeAgo,viewsText:String(video.views),calendarIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:18,color:"white"}),eyeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:18,color:"white"})},video._id)},video._id);})]});}
1
+ Object.defineProperty(exports,"__esModule",{value:true});exports.VideoViewLayout=VideoViewLayout;var _reactNative=require("react-native");var _VideoPlayer=require("../components/VideoPlayer");var _pkgmShared=require("@wereform/pkgm-shared");var _vectorIcons=require("@expo/vector-icons");var _VideoCardLayout=require("./VideoCardLayout");var _jsxRuntime=require("react/jsx-runtime");var _jsxFileName="F:\\WeReform Corporation\\Products\\BEGENONE\\App\\Mobile\\packages\\begenone-pkgm-video\\src\\layout\\VideoViewLayout.jsx";function VideoViewLayout(_ref){var _this=this;var videoSource=_ref.videoSource,CustomizedTitleText=_ref.CustomizedTitleText,MenuChannelMetaTimeAgo=_ref.MenuChannelMetaTimeAgo,MenuChannelMetaViews=_ref.MenuChannelMetaViews,MenuChannelMetaUserName=_ref.MenuChannelMetaUserName,MenuChannelMetaSubCount=_ref.MenuChannelMetaSubCount,MenuChannelMetaChannelLogo=_ref.MenuChannelMetaChannelLogo,suggestedVideos=_ref.suggestedVideos,CLOUDFRONTURL=_ref.CLOUDFRONTURL,canDelete=_ref.canDelete,onDelete=_ref.onDelete;console.log("SUGGESTED VIDEOS FROM VIDEO VIEWS LAYOUT: =>\n"+JSON.stringify(suggestedVideos[0].videos,null,2));return(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:{position:"relative"},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{children:(0,_jsxRuntime.jsx)(_VideoPlayer.VideoPlayer,{videoSource:videoSource},videoSource)}),(0,_jsxRuntime.jsx)(_pkgmShared.CustomizedTitle,{title:CustomizedTitleText,fontSize:22,fontFamily:"Inter",textColor:"white",style:{paddingTop:18,paddingLeft:22,paddingRight:22,paddingBottom:18,alignSelf:"start"},textStyle:{lineHeight:28}}),(0,_jsxRuntime.jsx)(_pkgmShared.MenuInteraction,{pressed:function pressed(){},canDelete:canDelete,onDelete:onDelete,containerStyles:{marginLeft:12}}),(0,_jsxRuntime.jsx)(_pkgmShared.MenuChannelMeta,{calendarIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:18,color:"white"}),timeAgo:MenuChannelMetaTimeAgo,eyeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:18,color:"white"}),viewsText:MenuChannelMetaViews,userName:MenuChannelMetaUserName,subscribersCount:MenuChannelMetaSubCount,channelLogo:MenuChannelMetaChannelLogo,containerStyles:{marginTop:12}}),suggestedVideos[0].videos.map(function(video){var _video$channel;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:24},children:(0,_jsxRuntime.jsx)(_VideoCardLayout.VideoCardLayout,{titleText:video.title,contentThumbUrl:`${CLOUDFRONTURL}/${video.thumbnail}`,userNameText:((_video$channel=video.channel)==null?void 0:_video$channel.name)||"Unknown",channelLogo:video.channelLogo,timeAgo:video.videoTimeAgo,viewsText:String(video.views),calendarIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"calendar-clear-outline",size:18,color:"white"}),eyeIcon:(0,_jsxRuntime.jsx)(_vectorIcons.Ionicons,{name:"eye-outline",size:18,color:"white"})},video._id)},video._id);})]});}
package/package.json CHANGED
@@ -1,36 +1,37 @@
1
- {
2
- "name": "@wereform/pkgm-video",
3
- "version": "1.0.6",
4
- "source": "dist/index.js",
5
- "main": "dist/index.js",
6
- "react-native": "dist/index.js",
7
- "files": [
8
- "dist",
9
- "src",
10
- "README.md"
11
- ],
12
- "publishConfig": {
13
- "access": "public"
14
- },
15
- "peerDependencies": {
16
- "@expo/vector-icons": "*",
17
- "expo": "*",
18
- "expo-video": "*",
19
- "react": "*",
20
- "react-native": "*"
21
- },
22
- "dependencies": {
23
- "@wereform/pkgm-api": "^1.0.4",
24
- "@wereform/pkgm-shared": "^1.0.4",
25
- "@expo/vector-icons": "^15.0.3"
26
- },
27
- "devDependencies": {
28
- "@babel/cli": "^7.28.3",
29
- "@babel/core": "^7.28.5",
30
- "@babel/preset-env": "^7.28.5",
31
- "metro-react-native-babel-preset": "^0.77.0"
32
- },
33
- "scripts": {
34
- "build": "babel src --out-dir dist --extensions .js,.jsx"
35
- }
36
- }
1
+ {
2
+ "name": "@wereform/pkgm-video",
3
+ "version": "1.0.8",
4
+ "source": "dist/index.js",
5
+ "main": "dist/index.js",
6
+ "react-native": "dist/index.js",
7
+ "files": [
8
+ "dist",
9
+ "src",
10
+ "README.md"
11
+ ],
12
+ "scripts": {
13
+ "build": "babel src --out-dir dist --extensions .js,.jsx",
14
+ "prepublishOnly": "pnpm run build"
15
+ },
16
+ "publishConfig": {
17
+ "access": "public"
18
+ },
19
+ "peerDependencies": {
20
+ "@expo/vector-icons": "*",
21
+ "expo": "*",
22
+ "expo-video": "*",
23
+ "react": "*",
24
+ "react-native": "*"
25
+ },
26
+ "dependencies": {
27
+ "@wereform/pkgm-api": "^1.0.11",
28
+ "@wereform/pkgm-shared": "^1.0.6",
29
+ "@expo/vector-icons": "^15.0.3"
30
+ },
31
+ "devDependencies": {
32
+ "@babel/cli": "^7.28.3",
33
+ "@babel/core": "^7.28.5",
34
+ "@babel/preset-env": "^7.28.5",
35
+ "metro-react-native-babel-preset": "^0.77.0"
36
+ }
37
+ }
package/src/layout/VideoViewLayout.jsx CHANGED
@@ -41,6 +41,9 @@ export function VideoViewLayout({
41
41
  MenuChannelMetaChannelLogo,
42
42
  suggestedVideos,
43
43
  CLOUDFRONTURL,
44
+
45
+ canDelete,
46
+ onDelete,
44
47
  }) {
45
48
  console.log(
46
49
  "SUGGESTED VIDEOS FROM VIDEO VIEWS LAYOUT: =>\n" +
@@ -48,7 +51,7 @@ export function VideoViewLayout({
48
51
  );
49
52
 
50
53
  return (
51
- <ScrollView>
54
+ <ScrollView style={{ position: "relative" }}>
52
55
  <View>
53
56
  <VideoPlayer key={videoSource} videoSource={videoSource} />
54
57
  </View>
@@ -70,13 +73,13 @@ export function VideoViewLayout({
70
73
  />
71
74
 
72
75
  <MenuInteraction
73
- likeIcon={<Ionicons name="thumbs-up-outline" size={24} color="white" />}
74
- dislikeIcon={
75
- <Ionicons name="thumbs-down-outline" size={24} color="white" />
76
- }
77
- shareIcon={
78
- <Ionicons name="arrow-redo-outline" size={24} color="white" />
79
- }
76
+ // likeIcon={<Ionicons name="thumbs-up-outline" size={24} color="white" />}
77
+ // dislikeIcon={
78
+ // <Ionicons name="thumbs-down-outline" size={24} color="white" />
79
+ // }
80
+ // shareIcon={
81
+ // <Ionicons name="arrow-redo-outline" size={24} color="white" />
82
+ // }
80
83
  // commentIcon={
81
84
  // <Ionicons
82
85
  // name="chatbubble-ellipses-outline"
@@ -84,6 +87,10 @@ export function VideoViewLayout({
84
87
  // color="white"
85
88
  // />
86
89
  // }
90
+
91
+ pressed={() => {}}
92
+ canDelete={canDelete}
93
+ onDelete={onDelete}
87
94
  containerStyles={{
88
95
  marginLeft: 12,
89
96
  }}
@@ -110,7 +117,7 @@ export function VideoViewLayout({
110
117
  <VideoCardLayout
111
118
  key={video._id}
112
119
  titleText={video.title}
113
- contentThumbUrl={`${CLOUDFRONTURL}/${video.thumbUrl}`}
120
+ contentThumbUrl={`${CLOUDFRONTURL}/${video.thumbnail}`}
114
121
  userNameText={video.channel?.name || "Unknown"}
115
122
  channelLogo={video.channelLogo}
116
123
  timeAgo={video.videoTimeAgo}