@cntrl-site/sdk-nextjs 0.2.6 → 0.2.7

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 (6) hide show
  1. package/.idea/workspace.xml +30 -9
  2. package/lib/components/items/VimeoEmbed.js +12 -11
  3. package/lib/components/items/YoutubeEmbed.js +2 -4
  4. package/package.json +1 -1
  5. package/src/components/items/VimeoEmbed.tsx +13 -13
  6. package/src/components/items/YoutubeEmbed.tsx +2 -4
package/.idea/workspace.xml CHANGED
@@ -1,10 +1,7 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <project version="4">
3
3
  <component name="ChangeListManager">
4
- <list default="true" id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="CNTRL-486 - fixes">
5
- <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
6
- <change beforePath="$PROJECT_DIR$/src/index.ts" beforeDir="false" afterPath="$PROJECT_DIR$/src/index.ts" afterDir="false" />
7
- </list>
4
+ <list default="true" id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="CNTRL-617 Version bump" />
8
5
  <option name="SHOW_DIALOG" value="false" />
9
6
  <option name="HIGHLIGHT_CONFLICTS" value="true" />
10
7
  <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
@@ -13,7 +10,7 @@
13
10
  <component name="Git.Settings">
14
11
  <option name="RECENT_BRANCH_BY_REPOSITORY">
15
12
  <map>
16
- <entry key="$PROJECT_DIR$" value="CNTRL-486_ability_to_add_youtube_videos" />
13
+ <entry key="$PROJECT_DIR$" value="main" />
17
14
  </map>
18
15
  </option>
19
16
  <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -49,7 +46,8 @@
49
46
  <workItem from="1667577252000" duration="8061000" />
50
47
  <workItem from="1667926766782" duration="2182000" />
51
48
  <workItem from="1668162212487" duration="28710000" />
52
- <workItem from="1669397663981" duration="7439000" />
49
+ <workItem from="1669397663981" duration="8121000" />
50
+ <workItem from="1669630429786" duration="4858000" />
53
51
  </task>
54
52
  <task id="LOCAL-00001" summary="CNTRL-484 - added embed vimeo video">
55
53
  <created>1667586762678</created>
@@ -163,7 +161,28 @@
163
161
  <option name="project" value="LOCAL" />
164
162
  <updated>1669405966077</updated>
165
163
  </task>
166
- <option name="localTasksCounter" value="17" />
164
+ <task id="LOCAL-00017" summary="CNTRL-486 - version bump">
165
+ <created>1669408571358</created>
166
+ <option name="number" value="00017" />
167
+ <option name="presentableId" value="LOCAL-00017" />
168
+ <option name="project" value="LOCAL" />
169
+ <updated>1669408571358</updated>
170
+ </task>
171
+ <task id="LOCAL-00018" summary="CNTRL-617 Youtube anf vimeo videos Url update">
172
+ <created>1669635492235</created>
173
+ <option name="number" value="00018" />
174
+ <option name="presentableId" value="LOCAL-00018" />
175
+ <option name="project" value="LOCAL" />
176
+ <updated>1669635492235</updated>
177
+ </task>
178
+ <task id="LOCAL-00019" summary="CNTRL-617 Version bump">
179
+ <created>1669635593460</created>
180
+ <option name="number" value="00019" />
181
+ <option name="presentableId" value="LOCAL-00019" />
182
+ <option name="project" value="LOCAL" />
183
+ <updated>1669635593460</updated>
184
+ </task>
185
+ <option name="localTasksCounter" value="20" />
167
186
  <servers />
168
187
  </component>
169
188
  <component name="TypeScriptGeneratedFilesManager">
@@ -190,8 +209,10 @@
190
209
  <MESSAGE value="CNTRL-486 - added mute to video when autoplay On" />
191
210
  <MESSAGE value="CNTRL-486 - added search params to Url" />
192
211
  <MESSAGE value="CNTRL-486 - version update" />
193
- <MESSAGE value="CNTRL-486 - version bump" />
194
212
  <MESSAGE value="CNTRL-486 - fixes" />
195
- <option name="LAST_COMMIT_MESSAGE" value="CNTRL-486 - fixes" />
213
+ <MESSAGE value="CNTRL-486 - version bump" />
214
+ <MESSAGE value="CNTRL-617 Youtube anf vimeo videos Url update" />
215
+ <MESSAGE value="CNTRL-617 Version bump" />
216
+ <option name="LAST_COMMIT_MESSAGE" value="CNTRL-617 Version bump" />
196
217
  </component>
197
218
  </project>
package/lib/components/items/VimeoEmbed.js CHANGED
@@ -8,29 +8,30 @@ const VimeoEmbedItem = ({ item, layouts }) => {
8
8
  const { autoplay, controls, loop, muted, pictureInPicture, url } = item.commonParams;
9
9
  const getValidVimeoUrl = (url) => {
10
10
  const validURL = new URL(url);
11
- validURL.searchParams.append('autoplay', String(autoplay));
12
11
  validURL.searchParams.append('controls', String(controls));
12
+ validURL.searchParams.append('autoplay', !controls ? 'true' : String(autoplay));
13
13
  validURL.searchParams.append('muted', String(muted));
14
14
  validURL.searchParams.append('loop', String(loop));
15
15
  validURL.searchParams.append('pip', String(pictureInPicture));
16
16
  validURL.searchParams.append('title', '0');
17
17
  validURL.searchParams.append('byline', '0');
18
18
  validURL.searchParams.append('portrait', '0');
19
+ validURL.searchParams.append('autopause', 'false');
19
20
  return validURL.href;
20
21
  };
21
22
  const validUrl = getValidVimeoUrl(url);
22
23
  return ((0, jsx_runtime_1.jsxs)(LinkWrapper_1.LinkWrapper, { url: item.link?.url, children: [(0, jsx_runtime_1.jsx)("div", { className: `embed-video-wrapper-${item.id}`, children: (0, jsx_runtime_1.jsx)("iframe", { className: "embedVideo", src: validUrl || '', allow: "autoplay; fullscreen; picture-in-picture;", allowFullScreen: true }) }), (0, jsx_runtime_1.jsx)("style", { jsx: true, children: `
23
24
  ${(0, sdk_1.getLayoutStyles)(layouts, [item.layoutParams], ([{ radius }]) => (`
24
- .embed-video-wrapper-${item.id} {
25
- position: absolute;
26
- overflow: hidden;
27
- width: 100%;
28
- height: 100%;
29
- top: 50%;
30
- left: 50%;
31
- transform: translate(-50%, -50%);
32
- border-radius: ${radius * 100}vw;
33
- }`))}
25
+ .embed-video-wrapper-${item.id} {
26
+ position: absolute;
27
+ overflow: hidden;
28
+ width: 100%;
29
+ height: 100%;
30
+ top: 50%;
31
+ left: 50%;
32
+ transform: translate(-50%, -50%);
33
+ border-radius: ${radius * 100}vw;
34
+ }`))}
34
35
  .embedVideo {
35
36
  width: 100%;
36
37
  height: 100%;
package/lib/components/items/YoutubeEmbed.js CHANGED
@@ -6,15 +6,13 @@ const sdk_1 = require("@cntrl-site/sdk");
6
6
  const LinkWrapper_1 = require("../LinkWrapper");
7
7
  const getValidYoutubeUrl_1 = require("../../utils/getValidYoutubeUrl");
8
8
  const YoutubeEmbedItem = ({ item, layouts }) => {
9
- const { autoplay, controls, loop, url } = item.commonParams;
9
+ const { autoplay, controls, url } = item.commonParams;
10
10
  const getValidYoutubeUrl = (url) => {
11
11
  const newUrl = new URL(url);
12
12
  const id = (0, getValidYoutubeUrl_1.getYoutubeId)(newUrl);
13
13
  const validUrl = new URL(`https://www.youtube.com/embed/${id}`);
14
14
  validUrl.searchParams.append('controls', `${Number(controls)}`);
15
- validUrl.searchParams.append('playlist', String(id));
16
- validUrl.searchParams.append('loop', `${Number(loop)}`);
17
- validUrl.searchParams.append('autoplay', `${Number(autoplay)}`);
15
+ validUrl.searchParams.append('autoplay', !controls ? 'true' : `${Number(autoplay)}`);
18
16
  validUrl.searchParams.append('mute', `${Number(autoplay)}`);
19
17
  return validUrl.href;
20
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cntrl-site/sdk-nextjs",
3
- "version": "0.2.6",
3
+ "version": "0.2.7",
4
4
  "description": "SDK for Next.js",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/index.js",
package/src/components/items/VimeoEmbed.tsx CHANGED
@@ -8,14 +8,15 @@ export const VimeoEmbedItem: FC<ItemProps<TVimeoEmbedItem>> = ({ item, layouts }
8
8
  const { autoplay, controls, loop, muted, pictureInPicture, url } = item.commonParams;
9
9
  const getValidVimeoUrl = (url: string): string => {
10
10
  const validURL = new URL(url);
11
- validURL.searchParams.append('autoplay', String(autoplay));
12
11
  validURL.searchParams.append('controls', String(controls));
12
+ validURL.searchParams.append('autoplay', !controls ? 'true' : String(autoplay));
13
13
  validURL.searchParams.append('muted', String(muted));
14
14
  validURL.searchParams.append('loop', String(loop));
15
15
  validURL.searchParams.append('pip', String(pictureInPicture));
16
16
  validURL.searchParams.append('title', '0');
17
17
  validURL.searchParams.append('byline', '0');
18
18
  validURL.searchParams.append('portrait', '0');
19
+ validURL.searchParams.append('autopause', 'false');
19
20
 
20
21
  return validURL.href;
21
22
  }
@@ -33,18 +34,17 @@ export const VimeoEmbedItem: FC<ItemProps<TVimeoEmbedItem>> = ({ item, layouts }
33
34
  </div>
34
35
  <style jsx>{`
35
36
  ${getLayoutStyles(layouts, [item.layoutParams], ([{ radius }]) => (`
36
- .embed-video-wrapper-${item.id} {
37
- position: absolute;
38
- overflow: hidden;
39
- width: 100%;
40
- height: 100%;
41
- top: 50%;
42
- left: 50%;
43
- transform: translate(-50%, -50%);
44
- border-radius: ${radius * 100}vw;
45
- }`
46
- ))
47
- }
37
+ .embed-video-wrapper-${item.id} {
38
+ position: absolute;
39
+ overflow: hidden;
40
+ width: 100%;
41
+ height: 100%;
42
+ top: 50%;
43
+ left: 50%;
44
+ transform: translate(-50%, -50%);
45
+ border-radius: ${radius * 100}vw;
46
+ }`
47
+ ))}
48
48
  .embedVideo {
49
49
  width: 100%;
50
50
  height: 100%;
package/src/components/items/YoutubeEmbed.tsx CHANGED
@@ -6,16 +6,14 @@ import { LinkWrapper } from '../LinkWrapper';
6
6
  import { getYoutubeId } from '../../utils/getValidYoutubeUrl';
7
7
 
8
8
  export const YoutubeEmbedItem: FC<ItemProps<TYoutubeEmbedItem>> = ({ item, layouts }) => {
9
- const { autoplay, controls, loop, url } = item.commonParams;
9
+ const { autoplay, controls, url } = item.commonParams;
10
10
 
11
11
  const getValidYoutubeUrl = (url: string): string => {
12
12
  const newUrl = new URL(url);
13
13
  const id = getYoutubeId(newUrl);
14
14
  const validUrl = new URL(`https://www.youtube.com/embed/${id}`);
15
15
  validUrl.searchParams.append('controls', `${ Number(controls) }`);
16
- validUrl.searchParams.append('playlist', String(id));
17
- validUrl.searchParams.append('loop', `${ Number(loop) }`);
18
- validUrl.searchParams.append('autoplay', `${ Number(autoplay) }`);
16
+ validUrl.searchParams.append('autoplay', !controls ? 'true' : `${ Number(autoplay) }`);
19
17
  validUrl.searchParams.append('mute', `${ Number(autoplay) }`);
20
18
 
21
19
  return validUrl.href;