@gxpl/sdk 0.0.1 → 0.0.2

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 (182) hide show
  1. package/dist/cli.js +1 -1
  2. package/dist/index.d.ts +32 -22
  3. package/dist/index.js +5086 -52
  4. package/dist/index.mjs +5088 -54
  5. package/dist/{Components → sdk/Components}/ControlSlider/ControlSlider.d.ts +1 -2
  6. package/dist/{Components → sdk/Components}/ImageRevealSlider/ImageRevealSlider.d.ts +1 -2
  7. package/dist/sdk/FontFaceGenerator/FontFaceGenerator.test.d.ts +1 -0
  8. package/dist/{schemas → sdk/schemas}/article/Article.schema.d.ts +12 -12
  9. package/dist/{schemas → sdk/schemas}/article/RichTextItem.schema.d.ts +30 -30
  10. package/dist/{schemas → sdk/schemas}/article/Section.schema.d.ts +3 -3
  11. package/dist/sdk-nextjs/common/useCurrentLayout.d.ts +6 -0
  12. package/dist/sdk-nextjs/common/useExemplary.d.ts +1 -0
  13. package/dist/sdk-nextjs/common/useItemFXData.d.ts +8 -0
  14. package/dist/sdk-nextjs/common/useKeyframeValue.d.ts +8 -0
  15. package/dist/sdk-nextjs/common/useRegisterResize.d.ts +1 -0
  16. package/dist/sdk-nextjs/components/Article.d.ts +9 -0
  17. package/dist/sdk-nextjs/components/ArticleWrapper.d.ts +2 -0
  18. package/dist/sdk-nextjs/components/Head.d.ts +9 -0
  19. package/dist/sdk-nextjs/components/LayoutStyle.d.ts +9 -0
  20. package/dist/sdk-nextjs/components/Page.d.ts +15 -0
  21. package/dist/sdk-nextjs/components/ScrollPlaybackVideo.d.ts +14 -0
  22. package/dist/sdk-nextjs/components/Section/Section.d.ts +11 -0
  23. package/dist/sdk-nextjs/components/Section/SectionImage.d.ts +14 -0
  24. package/dist/sdk-nextjs/components/Section/SectionVideo.d.ts +17 -0
  25. package/dist/sdk-nextjs/components/Section/useSectionColor.d.ts +4 -0
  26. package/dist/sdk-nextjs/components/Section/useSectionHeightMap.d.ts +3 -0
  27. package/dist/sdk-nextjs/components/items/CodeEmbedItem/CodeEmbedItem.d.ts +5 -0
  28. package/dist/sdk-nextjs/components/items/CodeEmbedItem/useCodeEmbedItem.d.ts +7 -0
  29. package/dist/sdk-nextjs/components/items/ComponentItem/ComponentItem.d.ts +4 -0
  30. package/dist/sdk-nextjs/components/items/ComponentItem/useComponentItem.d.ts +5 -0
  31. package/dist/sdk-nextjs/components/items/CompoundItem/CompoundChild.d.ts +9 -0
  32. package/dist/sdk-nextjs/components/items/CompoundItem/CompoundItem.d.ts +4 -0
  33. package/dist/sdk-nextjs/components/items/CompoundItem/useCompoundItem.d.ts +4 -0
  34. package/dist/sdk-nextjs/components/items/CustomItem/CustomItem.d.ts +4 -0
  35. package/dist/sdk-nextjs/components/items/EmbedVideoItem/VimeoEmbed.d.ts +4 -0
  36. package/dist/sdk-nextjs/components/items/EmbedVideoItem/YoutubeEmbed.d.ts +4 -0
  37. package/dist/sdk-nextjs/components/items/EmbedVideoItem/useEmbedVideoItem.d.ts +6 -0
  38. package/dist/sdk-nextjs/components/items/FileItem/ImageItem.d.ts +4 -0
  39. package/dist/sdk-nextjs/components/items/FileItem/VideoItem.d.ts +4 -0
  40. package/dist/sdk-nextjs/components/items/FileItem/useFileItem.d.ts +8 -0
  41. package/dist/sdk-nextjs/components/items/GroupItem/GroupItem.d.ts +4 -0
  42. package/dist/sdk-nextjs/components/items/GroupItem/useGroupItem.d.ts +5 -0
  43. package/dist/sdk-nextjs/components/items/Item.d.ts +20 -0
  44. package/dist/sdk-nextjs/components/items/LinkWrapper.d.ts +8 -0
  45. package/dist/sdk-nextjs/components/items/RectangleItem/RectangleItem.d.ts +4 -0
  46. package/dist/sdk-nextjs/components/items/RectangleItem/useRectangleItem.d.ts +9 -0
  47. package/dist/sdk-nextjs/components/items/RichTextItem/RichTextItem.d.ts +4 -0
  48. package/dist/sdk-nextjs/components/items/RichTextItem/useRichTextItem.d.ts +3 -0
  49. package/dist/sdk-nextjs/components/items/RichTextWrapper.d.ts +7 -0
  50. package/dist/sdk-nextjs/components/items/itemsMap.d.ts +4 -0
  51. package/dist/sdk-nextjs/components/items/useDraggable.d.ts +17 -0
  52. package/dist/sdk-nextjs/components/items/useItemAngle.d.ts +2 -0
  53. package/dist/sdk-nextjs/components/items/useItemArea.d.ts +12 -0
  54. package/dist/sdk-nextjs/components/items/useItemPointerEvents.d.ts +4 -0
  55. package/dist/sdk-nextjs/components/items/useItemScale.d.ts +2 -0
  56. package/dist/sdk-nextjs/components/items/useItemTriggers.d.ts +6 -0
  57. package/dist/sdk-nextjs/components/items/useRichTextItemValues.d.ts +9 -0
  58. package/dist/sdk-nextjs/components/items/useSizing.d.ts +8 -0
  59. package/dist/sdk-nextjs/components/items/useStickyItemTop.d.ts +2 -0
  60. package/dist/sdk-nextjs/components/useLayoutContext.d.ts +1 -0
  61. package/dist/sdk-nextjs/interactions/CSSPropertyNameMap.d.ts +4 -0
  62. package/dist/sdk-nextjs/interactions/InteractionsRegistry.d.ts +39 -0
  63. package/dist/sdk-nextjs/interactions/ItemInteractionCtrl.d.ts +21 -0
  64. package/dist/sdk-nextjs/interactions/getTransition.d.ts +9 -0
  65. package/dist/sdk-nextjs/interactions/types.d.ts +34 -0
  66. package/dist/sdk-nextjs/interactions/useItemInteractionCtrl.d.ts +2 -0
  67. package/dist/sdk-nextjs/provider/ArticleRectContext.d.ts +2 -0
  68. package/dist/sdk-nextjs/provider/CntrlContext.d.ts +2 -0
  69. package/dist/sdk-nextjs/provider/CntrlProvider.d.ts +2 -0
  70. package/dist/sdk-nextjs/provider/CntrlSdkContext.d.ts +31 -0
  71. package/dist/sdk-nextjs/provider/CustomItemRegistry.d.ts +6 -0
  72. package/dist/sdk-nextjs/provider/CustomItemTypes.d.ts +2 -0
  73. package/dist/sdk-nextjs/provider/CustomSectionRegistry.d.ts +15 -0
  74. package/dist/sdk-nextjs/provider/InteractionsContext.d.ts +10 -0
  75. package/dist/sdk-nextjs/provider/Keyframes.d.ts +6 -0
  76. package/dist/sdk-nextjs/provider/KeyframesContext.d.ts +2 -0
  77. package/dist/sdk-nextjs/provider/LayoutContext.d.ts +1 -0
  78. package/dist/sdk-nextjs/provider/WebGLContextManagerContext.d.ts +2 -0
  79. package/dist/sdk-nextjs/provider/defaultContext.d.ts +2 -0
  80. package/dist/sdk-nextjs/provider/useCntrlContext.d.ts +2 -0
  81. package/dist/sdk-nextjs/utils/Animator/Animator.d.ts +43 -0
  82. package/dist/sdk-nextjs/utils/ArticleRectManager/ArticleRectObserver.d.ts +25 -0
  83. package/dist/sdk-nextjs/utils/ArticleRectManager/useArticleRectObserver.d.ts +2 -0
  84. package/dist/sdk-nextjs/utils/ArticleRectManager/useSectionRegistry.d.ts +1 -0
  85. package/dist/sdk-nextjs/utils/EventEmitter.d.ts +11 -0
  86. package/dist/sdk-nextjs/utils/RichTextConverter/RichTextConverter.d.ts +11 -0
  87. package/dist/sdk-nextjs/utils/ScaleAnchorMap.d.ts +11 -0
  88. package/dist/sdk-nextjs/utils/StickyManager/StickyManager.d.ts +10 -0
  89. package/dist/sdk-nextjs/utils/Youtube/YouTubeIframeApiLoader.d.ts +10 -0
  90. package/dist/sdk-nextjs/utils/Youtube/YoutubeIframeApi.d.ts +89 -0
  91. package/dist/sdk-nextjs/utils/Youtube/useYouTubeIframeApi.d.ts +2 -0
  92. package/dist/sdk-nextjs/utils/areFillsVisible/areFillsVisible.d.ts +23 -0
  93. package/dist/sdk-nextjs/utils/binSearchInsertAt.d.ts +5 -0
  94. package/dist/sdk-nextjs/utils/castObject.d.ts +5 -0
  95. package/dist/sdk-nextjs/utils/checkOverflowClipSupport.d.ts +1 -0
  96. package/dist/sdk-nextjs/utils/effects/useImageFx.d.ts +7 -0
  97. package/dist/sdk-nextjs/utils/effects/useVideoFx.d.ts +7 -0
  98. package/dist/sdk-nextjs/utils/getAnchoredItemTop.d.ts +2 -0
  99. package/dist/sdk-nextjs/utils/getCompoundBoundaryStyles.d.ts +12 -0
  100. package/dist/sdk-nextjs/utils/getFill.d.ts +2 -0
  101. package/dist/sdk-nextjs/utils/getFontFamilyValue.d.ts +1 -0
  102. package/dist/sdk-nextjs/utils/getInvertedRanges.d.ts +10 -0
  103. package/dist/sdk-nextjs/utils/getItemTopStyle.d.ts +2 -0
  104. package/dist/sdk-nextjs/utils/getStyleFromItemStateAndParams.d.ts +1 -0
  105. package/dist/sdk-nextjs/utils/getValidYoutubeUrl.d.ts +1 -0
  106. package/dist/sdk-nextjs/utils/isItemType.d.ts +3 -0
  107. package/dist/sdk-nextjs/utils/rangeMap.d.ts +1 -0
  108. package/dist/sdk-nextjs/utils/useElementRect.d.ts +1 -0
  109. package/dist/sdk.css +1 -1
  110. package/dist/utils.d.ts +1 -1
  111. package/package.json +23 -5
  112. /package/dist/{Client → sdk/Client}/Client.d.ts +0 -0
  113. /package/dist/{Client → sdk/Client}/Client.js +0 -0
  114. /package/dist/{FontFaceGenerator/FontFaceGenerator.test.d.ts → sdk/Client/Client.test.d.ts} +0 -0
  115. /package/dist/{Client → sdk/Client}/__mock__/articleMock.d.ts +0 -0
  116. /package/dist/{Client → sdk/Client}/__mock__/keyframesMock.d.ts +0 -0
  117. /package/dist/{Client → sdk/Client}/__mock__/projectMock.d.ts +0 -0
  118. /package/dist/{Components → sdk/Components}/ControlSlider/ControlSliderComponent.d.ts +0 -0
  119. /package/dist/{Components → sdk/Components}/ImageRevealSlider/ControlImageRevealSliderComponent.d.ts +0 -0
  120. /package/dist/{Components → sdk/Components}/components.d.ts +0 -0
  121. /package/dist/{Components → sdk/Components}/helpers/RichTextRenderer/RichTextRenderer.d.ts +0 -0
  122. /package/dist/{Components → sdk/Components}/helpers/SvgImage/SvgImage.d.ts +0 -0
  123. /package/dist/{Components → sdk/Components}/utils/scalingValue.d.ts +0 -0
  124. /package/dist/{FontFaceGenerator → sdk/FontFaceGenerator}/FontFaceGenerator.d.ts +0 -0
  125. /package/dist/{ScrollPlaybackVideoManager → sdk/ScrollPlaybackVideoManager}/ScrollPlaybackVideoManager.d.ts +0 -0
  126. /package/dist/{VideoDecoder → sdk/VideoDecoder}/VideoDecoder.d.ts +0 -0
  127. /package/dist/{schemas → sdk/schemas}/article/Article.schema.js +0 -0
  128. /package/dist/{schemas → sdk/schemas}/article/FillLayer.schema.d.ts +0 -0
  129. /package/dist/{schemas → sdk/schemas}/article/FillLayer.schema.js +0 -0
  130. /package/dist/{schemas → sdk/schemas}/article/Interaction.schema.d.ts +0 -0
  131. /package/dist/{schemas → sdk/schemas}/article/Interaction.schema.js +0 -0
  132. /package/dist/{schemas → sdk/schemas}/article/Item.schema.d.ts +0 -0
  133. /package/dist/{schemas → sdk/schemas}/article/Item.schema.js +0 -0
  134. /package/dist/{schemas → sdk/schemas}/article/ItemArea.schema.d.ts +0 -0
  135. /package/dist/{schemas → sdk/schemas}/article/ItemArea.schema.js +0 -0
  136. /package/dist/{schemas → sdk/schemas}/article/ItemBase.schema.d.ts +0 -0
  137. /package/dist/{schemas → sdk/schemas}/article/ItemBase.schema.js +0 -0
  138. /package/dist/{schemas → sdk/schemas}/article/ItemState.schema.d.ts +0 -0
  139. /package/dist/{schemas → sdk/schemas}/article/ItemState.schema.js +0 -0
  140. /package/dist/{schemas → sdk/schemas}/article/RichTextItem.schema.js +0 -0
  141. /package/dist/{schemas → sdk/schemas}/article/Section.schema.js +0 -0
  142. /package/dist/{schemas → sdk/schemas}/keyframe/Keyframes.schema.d.ts +0 -0
  143. /package/dist/{schemas → sdk/schemas}/keyframe/Keyframes.schema.js +0 -0
  144. /package/dist/{schemas → sdk/schemas}/project/Layout.schema.d.ts +0 -0
  145. /package/dist/{schemas → sdk/schemas}/project/Layout.schema.js +0 -0
  146. /package/dist/{schemas → sdk/schemas}/project/Project.schema.d.ts +0 -0
  147. /package/dist/{schemas → sdk/schemas}/project/Project.schema.js +0 -0
  148. /package/dist/{schemas → sdk/schemas}/shared/FillLayer.schema.d.ts +0 -0
  149. /package/dist/{types → sdk/types}/article/Article.d.ts +0 -0
  150. /package/dist/{types → sdk/types}/article/Article.js +0 -0
  151. /package/dist/{types → sdk/types}/article/ArticleItemType.d.ts +0 -0
  152. /package/dist/{types → sdk/types}/article/ArticleItemType.js +0 -0
  153. /package/dist/{types → sdk/types}/article/CompoundSettings.d.ts +0 -0
  154. /package/dist/{types → sdk/types}/article/CompoundSettings.js +0 -0
  155. /package/dist/{types → sdk/types}/article/FX.d.ts +0 -0
  156. /package/dist/{types → sdk/types}/article/FX.js +0 -0
  157. /package/dist/{types → sdk/types}/article/Interaction.d.ts +0 -0
  158. /package/dist/{types → sdk/types}/article/Interaction.js +0 -0
  159. /package/dist/{types → sdk/types}/article/Item.d.ts +0 -0
  160. /package/dist/{types → sdk/types}/article/Item.js +0 -0
  161. /package/dist/{types → sdk/types}/article/ItemArea.d.ts +0 -0
  162. /package/dist/{types → sdk/types}/article/ItemArea.js +0 -0
  163. /package/dist/{types → sdk/types}/article/ItemState.d.ts +0 -0
  164. /package/dist/{types → sdk/types}/article/ItemState.js +0 -0
  165. /package/dist/{types → sdk/types}/article/RichText.d.ts +0 -0
  166. /package/dist/{types → sdk/types}/article/RichText.js +0 -0
  167. /package/dist/{types → sdk/types}/article/Section.d.ts +0 -0
  168. /package/dist/{types → sdk/types}/article/Section.js +0 -0
  169. /package/dist/{types → sdk/types}/component/Component.d.ts +0 -0
  170. /package/dist/{types → sdk/types}/keyframe/Keyframe.d.ts +0 -0
  171. /package/dist/{types → sdk/types}/keyframe/Keyframe.js +0 -0
  172. /package/dist/{types → sdk/types}/project/Fonts.d.ts +0 -0
  173. /package/dist/{types → sdk/types}/project/Fonts.js +0 -0
  174. /package/dist/{types → sdk/types}/project/Layout.d.ts +0 -0
  175. /package/dist/{types → sdk/types}/project/Layout.js +0 -0
  176. /package/dist/{types → sdk/types}/project/Meta.d.ts +0 -0
  177. /package/dist/{types → sdk/types}/project/Meta.js +0 -0
  178. /package/dist/{types → sdk/types}/project/Page.d.ts +0 -0
  179. /package/dist/{types → sdk/types}/project/Page.js +0 -0
  180. /package/dist/{types → sdk/types}/project/Project.d.ts +0 -0
  181. /package/dist/{types → sdk/types}/project/Project.js +0 -0
  182. /package/dist/{Client/Client.test.d.ts → sdk-nextjs/utils/areFillsVisible/areFillsVisible.test.d.ts} +0 -0
@@ -0,0 +1,3 @@
1
+ import { ItemAny, Item as TItem } from '../../sdk/types/article/Item';
2
+ import { ArticleItemType } from '../../sdk/types/article/ArticleItemType';
3
+ export declare function isItemType<T extends ArticleItemType>(item: ItemAny, itemType: T): item is TItem<T>;
@@ -0,0 +1 @@
1
+ export declare function rangeMap(n: number, start1: number, stop1: number, start2: number, stop2: number, withinBounds?: boolean): number;
@@ -0,0 +1 @@
1
+ export declare function useElementRect(element: HTMLElement | null): DOMRect | undefined;
package/dist/sdk.css CHANGED
@@ -1 +1 @@
1
- .ControlSlider-module__wrapper___sHEkd{position:relative;width:100%;height:100%}.ControlSlider-module__slider___R3i9-{width:100%;height:100%}.ControlSlider-module__sliderItems___1MgPL{display:flex;overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out}.ControlSlider-module__sliderItem___QQSkR{width:100%;height:100%;display:flex;position:relative}.ControlSlider-module__sliderImage___9hRl-{width:100%;height:100%;object-fit:cover}.ControlSlider-module__arrow___05ghY{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;top:50%;left:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);z-index:1;transform:translate(-50%,-50%);padding:0;width:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw);height:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw)}.ControlSlider-module__arrow___05ghY.ControlSlider-module__arrowVertical___tBfVN{left:50%;top:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___-30Yc{left:unset;right:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___-30Yc.ControlSlider-module__arrowVertical___tBfVN{left:50%;right:unset;top:unset;bottom:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,50%)}.ControlSlider-module__arrowInner___aEra3{all:unset;cursor:pointer;width:100%;height:100%}.ControlSlider-module__arrowInner___aEra3:hover .ControlSlider-module__arrowIcon___S4ztF path{fill:var(--arrow-hover-color)!important}.ControlSlider-module__arrowImg___2dwJW{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ControlSlider-module__arrowIcon___S4ztF{width:100%;height:100%}.ControlSlider-module__arrowIcon___S4ztF path{transition:fill .15s ease-in-out}.ControlSlider-module__mirror___brd6U{transform:translate(-50%,-50%) scaleX(-1)!important}.ControlSlider-module__arrowVertical___tBfVN.ControlSlider-module__mirror___brd6U{transform:translate(-50%,-50%) scaleY(-1)!important}.ControlSlider-module__pagination___bicLF{position:absolute;z-index:1;border-radius:50%}.ControlSlider-module__paginationInner___bT-P-{display:flex;gap:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);padding-top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-left:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);padding-right:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);border-radius:calc(var(--is-editor, 0) * 2.3611111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.3611111111vw)}.ControlSlider-module__paginationVertical___zYqKw{flex-direction:column}.ControlSlider-module__paginationItem___nTRbk{all:unset;flex-shrink:0;position:relative;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);cursor:pointer}.ControlSlider-module__paginationItem___nTRbk:hover .ControlSlider-module__dot___p1Qun{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___p1Qun{border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw)}.ControlSlider-module__activeDot___LHFaj{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___R3FWn{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___V-qb-{left:50%;transform:translate(-50%);top:0}.ControlSlider-module__paginationOutsideBottom___14w8D{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideTop___SCLqB{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideLeft___yOBRZ{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideRight___Rtt3o{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideLeft___lahaw{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__paginationOutsideRight___EtuQa{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__imgWrapper___UjEgB,.ControlSlider-module__wrapperInner___DLAWV{width:100%;height:100%}.ControlSlider-module__captionBlock___dJ6-j{pointer-events:none;position:absolute;top:0;z-index:1;left:0;right:0;bottom:0}.ControlSlider-module__captionTextWrapper___HFlpf{position:relative;width:100%;height:100%}.ControlSlider-module__captionText___uGBVc{pointer-events:none;max-width:100%;transition-property:opacity;transition-timing-function:ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word;opacity:0}.ControlSlider-module__captionText___uGBVc.ControlSlider-module__active___WZK4G{opacity:1}.ControlSlider-module__withPointerEvents___t-18M{pointer-events:auto}.ControlSlider-module__absolute___KxmYB{position:absolute}.ControlSlider-module__topLeftAlignment___zjnGM{top:0;left:0}.ControlSlider-module__topCenterAlignment___gD1xW{top:0;left:50%;transform:translate(-50%)}.ControlSlider-module__topRightAlignment___NMapS{top:0;right:0}.ControlSlider-module__middleLeftAlignment___OnUrY{top:50%;transform:translateY(-50%);left:0}.ControlSlider-module__middleCenterAlignment___Tdkl0{top:50%;transform:translate(-50%,-50%);left:50%}.ControlSlider-module__middleRightAlignment___wEbfX{top:50%;transform:translateY(-50%);right:0}.ControlSlider-module__bottomLeftAlignment___cTP2-{bottom:0;left:0}.ControlSlider-module__bottomCenterAlignment___c54fB{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__bottomRightAlignment___kEwrz{bottom:0;right:0}.ControlSlider-module__clickOverlay___DZA28{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ControlSlider-module__contain___pLyq7{object-fit:contain}.ControlSlider-module__cover___KdDat{object-fit:cover}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.RichTextRenderer-module__link___BWeZ2{color:inherit;cursor:pointer;pointer-events:auto;transition:color .2s ease}.RichTextRenderer-module__link___BWeZ2:hover{color:var(--link-hover-color)}.SvgImage-module__svg___q3xE-{width:100%;height:100%;color:transparent;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___q3xE-:hover{background-color:var(--hover-fill)}.SvgImage-module__img___VsTm-{width:100%;height:100%;object-fit:contain}.ImageRevealSlider-module__imageRevealSlider___UE5Ob{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ImageRevealSlider-module__image___Qjt-e{width:100%;height:100%;object-fit:cover;position:relative;-webkit-user-select:none;user-select:none;pointer-events:none}.ImageRevealSlider-module__link___N-iLG{width:100%;height:100%;display:block}
1
+ .ControlSlider-module__wrapper___3UUy-{position:relative;width:100%;height:100%}.ControlSlider-module__slider___3UqOu{width:100%;height:100%}.ControlSlider-module__sliderItems___81r9P{display:flex;overflow:hidden;width:100%;height:100%;transition:transform .3s ease-in-out}.ControlSlider-module__sliderItem___n3voG{width:100%;height:100%;display:flex;position:relative}.ControlSlider-module__sliderImage___INhyC{width:100%;height:100%;object-fit:cover}.ControlSlider-module__arrow___4tHOS{position:absolute;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;top:50%;left:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);z-index:1;transform:translate(-50%,-50%);padding:0;width:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw);height:calc(var(--is-editor, 0) * 2.0833333333vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.0833333333vw)}.ControlSlider-module__arrow___4tHOS.ControlSlider-module__arrowVertical___X6mzJ{left:50%;top:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,-50%)}.ControlSlider-module__nextArrow___czypB{left:unset;right:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(50%,-50%)}.ControlSlider-module__nextArrow___czypB.ControlSlider-module__arrowVertical___X6mzJ{left:50%;right:unset;top:unset;bottom:calc(var(--is-editor, 0) * -1.3888888889vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -1.3888888889vw);transform:translate(-50%,50%)}.ControlSlider-module__arrowInner___C6p8D{all:unset;cursor:pointer;width:100%;height:100%}.ControlSlider-module__arrowInner___C6p8D:hover .ControlSlider-module__arrowIcon___fa6Xj path{fill:var(--arrow-hover-color)!important}.ControlSlider-module__arrowImg___Y--5F{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ControlSlider-module__arrowIcon___fa6Xj{width:100%;height:100%}.ControlSlider-module__arrowIcon___fa6Xj path{transition:fill .15s ease-in-out}.ControlSlider-module__mirror___O00Rh{transform:translate(-50%,-50%) scaleX(-1)!important}.ControlSlider-module__arrowVertical___X6mzJ.ControlSlider-module__mirror___O00Rh{transform:translate(-50%,-50%) scaleY(-1)!important}.ControlSlider-module__pagination___hYTb9{position:absolute;z-index:1;border-radius:50%}.ControlSlider-module__paginationInner___jhQ1l{display:flex;gap:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);padding-top:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-bottom:calc(var(--is-editor, 0) * .6944444444vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * .6944444444vw);padding-left:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);padding-right:calc(var(--is-editor, 0) * 1.25vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.25vw);border-radius:calc(var(--is-editor, 0) * 2.3611111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 2.3611111111vw)}.ControlSlider-module__paginationVertical___rU0HW{flex-direction:column}.ControlSlider-module__paginationItem___KhTki{all:unset;flex-shrink:0;position:relative;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);cursor:pointer}.ControlSlider-module__paginationItem___KhTki:hover .ControlSlider-module__dot___JJKxG{background-color:var(--pagination-hover-color)!important}.ControlSlider-module__dot___JJKxG{border-radius:50%;scale:.5;transition:background-color .3s ease-in-out,transform .3s ease-in-out;width:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw);height:calc(var(--is-editor, 0) * 1.1111111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * 1.1111111111vw)}.ControlSlider-module__activeDot___0zlf9{transform:scale(2)}.ControlSlider-module__paginationInsideBottom___6yqFs{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__paginationInsideTop___7G04n{left:50%;transform:translate(-50%);top:0}.ControlSlider-module__paginationOutsideBottom___mwJ9c{left:50%;transform:translate(-50%);bottom:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideTop___gzOjr{left:50%;transform:translate(-50%);top:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideLeft___pcj8M{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationInsideRight___D4PzV{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -2.4305555556vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -2.4305555556vw)}.ControlSlider-module__paginationOutsideLeft___Iqle5{top:50%;transform:translateY(-50%);left:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__paginationOutsideRight___qM0qz{top:50%;transform:translateY(-50%);right:calc(var(--is-editor, 0) * -5.4861111111vw / var(--cntrl-reverse-layout-deviation, 1) + (1 - var(--is-editor, 0)) * -5.4861111111vw)}.ControlSlider-module__imgWrapper___9Pyxu,.ControlSlider-module__wrapperInner___jny8b{width:100%;height:100%}.ControlSlider-module__captionBlock___PBu-N{pointer-events:none;position:absolute;top:0;z-index:1;left:0;right:0;bottom:0}.ControlSlider-module__captionTextWrapper___CmSBw{position:relative;width:100%;height:100%}.ControlSlider-module__captionText___w-orK{pointer-events:none;max-width:100%;transition-property:opacity;transition-timing-function:ease-in-out;position:absolute;display:inline-block;white-space:pre-wrap;overflow-wrap:break-word;opacity:0}.ControlSlider-module__captionText___w-orK.ControlSlider-module__active___rdBWP{opacity:1}.ControlSlider-module__withPointerEvents___qBwDl{pointer-events:auto}.ControlSlider-module__absolute___BMR5P{position:absolute}.ControlSlider-module__topLeftAlignment___lbaRc{top:0;left:0}.ControlSlider-module__topCenterAlignment___P1cmE{top:0;left:50%;transform:translate(-50%)}.ControlSlider-module__topRightAlignment___LTw9J{top:0;right:0}.ControlSlider-module__middleLeftAlignment___Yo5Qo{top:50%;transform:translateY(-50%);left:0}.ControlSlider-module__middleCenterAlignment___nwP7H{top:50%;transform:translate(-50%,-50%);left:50%}.ControlSlider-module__middleRightAlignment___fSZHh{top:50%;transform:translateY(-50%);right:0}.ControlSlider-module__bottomLeftAlignment___NaInP{bottom:0;left:0}.ControlSlider-module__bottomCenterAlignment___I4OWH{bottom:0;left:50%;transform:translate(-50%)}.ControlSlider-module__bottomRightAlignment___RtlgM{bottom:0;right:0}.ControlSlider-module__clickOverlay___X4JHl{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}.ControlSlider-module__contain___UiZYO{object-fit:contain}.ControlSlider-module__cover___z-6Uf{object-fit:cover}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.RichTextRenderer-module__link___4U02e{color:inherit;cursor:pointer;pointer-events:auto;transition:color .2s ease}.RichTextRenderer-module__link___4U02e:hover{color:var(--link-hover-color)}.SvgImage-module__svg___S3ATR{width:100%;height:100%;color:transparent;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--fill);transition:background-color .2s;-webkit-mask:var(--svg) no-repeat center/contain;mask:var(--svg) no-repeat center/contain}.SvgImage-module__svg___S3ATR:hover{background-color:var(--hover-fill)}.SvgImage-module__img___Wv34S{width:100%;height:100%;object-fit:contain}.ImageRevealSlider-module__imageRevealSlider___GElxD{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ImageRevealSlider-module__image___HhPub{width:100%;height:100%;object-fit:cover;position:relative;-webkit-user-select:none;user-select:none;pointer-events:none}.ImageRevealSlider-module__link___PF06b{width:100%;height:100%;display:block}
package/dist/utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import { Layout } from './types/project/Layout';
1
+ import { Layout } from './sdk/types/project/Layout';
2
2
  export declare function getLayoutStyles<V, M>(layouts: Layout[], layoutValues: Record<string, V>[], mapToStyles: (values: V[], exemplary: number) => M): string;
3
3
  export declare function getLayoutMediaQuery(layoutId: string, layouts: Layout[]): string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gxpl/sdk",
3
- "version": "0.0.1",
3
+ "version": "0.0.2",
4
4
  "description": "Generic SDK for use in public websites.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -46,18 +46,34 @@
46
46
  "directories": {
47
47
  "lib": "dist"
48
48
  },
49
+ "peerDependencies": {
50
+ "@types/lodash.isequal": "^4.5.6",
51
+ "lodash.isequal": "^4.5.0",
52
+ "next": "^14.2.3",
53
+ "react": "^18.2.0",
54
+ "react-dom": "^18.2.0"
55
+ },
49
56
  "dependencies": {
57
+ "@antfu/eslint-config": "^3.16.0",
58
+ "@cntrl-site/color": "^1.0.0",
59
+ "@cntrl-site/effects": "^1.4.0",
50
60
  "@splidejs/react-splide": "^0.7.12",
61
+ "@testing-library/jest-dom": "^6.4.8",
62
+ "@testing-library/react": "^16.0.0",
51
63
  "@types/ejs": "^3.1.2",
52
64
  "@types/isomorphic-fetch": "^0.0.36",
53
65
  "@types/ua-parser-js": "^0.7.39",
66
+ "@types/vimeo__player": "^2.18.3",
67
+ "@vimeo/player": "^2.25.0",
54
68
  "classnames": "^2.5.1",
55
69
  "commander": "^10.0.1",
56
70
  "dotenv": "^16.1.3",
57
71
  "ejs": "^3.1.9",
72
+ "html-react-parser": "^3.0.1",
58
73
  "isomorphic-fetch": "^3.0.0",
59
74
  "mp4box": "^0.5.2",
60
- "styled-jsx": "^5.1.6",
75
+ "resize-observer-polyfill": "^1.5.1",
76
+ "styled-jsx": "^5.0.2",
61
77
  "ts-node": "^10.9.1",
62
78
  "ua-parser-js": "^1.0.37",
63
79
  "url": "^0.11.0",
@@ -66,17 +82,19 @@
66
82
  "devDependencies": {
67
83
  "@tsconfig/node16": "^1.0.3",
68
84
  "@tsconfig/recommended": "^1.0.1",
69
- "@types/jest": "^29.0.0",
85
+ "@types/jest": "^29.5.12",
70
86
  "@types/node": "^18.11.7",
71
87
  "@types/react": "^18.2.0",
72
88
  "@types/react-dom": "^18.2.0",
73
89
  "@vitejs/plugin-react": "^4.3.4",
74
90
  "cross-env": "^10.1.0",
75
- "jest": "^28.1.3",
91
+ "jest": "^29.7.0",
92
+ "jest-environment-jsdom": "^29.7.0",
76
93
  "react": "^18.2.0",
77
94
  "react-dom": "^18.2.0",
95
+ "rimraf": "^6.0.1",
78
96
  "sass": "^1.86.3",
79
- "ts-jest": "^28.0.8",
97
+ "ts-jest": "^29.0.3",
80
98
  "typescript": "^5.2.2",
81
99
  "vite": "^6.2.5",
82
100
  "vite-plugin-dts": "^4.5.3"
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes