@gravity-ui/page-constructor 5.28.0 → 5.28.2

package/README.md

@@ -109,6 +109,42 @@ interface NavigationLogo {
 }
 ```
 
+### Server utils
+
+The package provides a set of server utilities for transforming your content.
+
+```ts
+const {fullTransform} = require('@gravity-ui/page-constructor/server');
+
+const {html} = fullTransform(content, {
+  lang,
+  extractTitle: true,
+  allowHTML: true,
+  path: __dirname,
+  plugins,
+});
+```
+
+Under the hood, a package is used to transform Yandex Flavored Markdown into HTML - `diplodoc/transfrom`, so it is also in peer dependencies
+
+You can also use useful utilities in the places you need, for example in your custom components
+
+```ts
+const {
+  typografToText,
+  typografToHTML,
+  yfmTransformer,
+} = require('@gravity-ui/page-constructor/server');
+
+const post = {
+  title: typografToText(title, lang),
+  content: typografToHTML(content, lang),
+  description: yfmTransformer(lang, description, {plugins}),
+};
+```
+
+You can find more utilities in this [section](https://github.com/gravity-ui/page-constructor/tree/main/src/text-transform)
+
 ### Custom blocks
 
 The page constructor lets you use blocks that are user-defined in their app. Blocks are regular React components.
@@ -316,6 +352,24 @@ npm ci
 npm run dev
 ```
 
+#### Note about Vite
+
+```ts
+import react from '@vitejs/plugin-react-swc';
+import dynamicImport from 'vite-plugin-dynamic-import';
+
+export default defineConfig({
+  plugins: [
+    react(),
+    dynamicImport({
+      filter: (id) => id.includes('/node_modules/@gravity-ui/page-constructor'),
+    }),
+  ],
+});
+```
+
+For Vite, you need to install the `vite-plugin-dynamic-import` plugin and configure the config so that dynamic imports work
+
 ## Release flow
 
 In usual cases we use two types of commits:

package/build/cjs/blocks/SliderNew/Slider.js

@@ -45,7 +45,7 @@ const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows =
             react_1.default.createElement(react_2.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
                     slideLabelMessage: '',
                     paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
+                } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
             arrows && !isLocked && (react_1.default.createElement(react_1.Fragment, null,
                 react_1.default.createElement("div", { "aria-hidden": isA11yControlHidden },
                     react_1.default.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),

package/build/esm/blocks/SliderNew/Slider.js

@@ -42,7 +42,7 @@ export const SliderNewBlock = ({ animated, title, description, type, anchorId, a
             React.createElement(Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
                     slideLabelMessage: '',
                     paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
+                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
             arrows && !isLocked && (React.createElement(Fragment, null,
                 React.createElement("div", { "aria-hidden": isA11yControlHidden },
                     React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.28.0",
+  "version": "5.28.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/styles/mixins.scss

@@ -1,4 +1,4 @@
-@import 'node_modules/@gravity-ui/uikit/styles/mixins.scss';
+@import '@gravity-ui/uikit/styles/mixins.scss';
 @import './variables.scss';
 
 //common