@gravity-ui/blog-constructor 5.16.1 → 6.0.0

package/server/data/contentFilter.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.filterContent = exports.filterItems = void 0;
 const tslib_1 = require("tslib");
-const evaluation_1 = tslib_1.__importDefault(require("@doc-tools/transform/lib/liquid/evaluation"));
+// eslint-disable-next-line import/no-extraneous-dependencies
+const evaluation_1 = tslib_1.__importDefault(require("@diplodoc/transform/lib/liquid/evaluation"));
 /**
  * Filters items by expression and removes empty items.
  * @param {Array} items

package/server/data/transformPageContent.d.ts

@@ -1,5 +1,5 @@
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
-import { Lang } from '../models/locale';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
+import { Lang } from '@gravity-ui/uikit';
 type TypographyConfigType = {
     [x: string]: Record<string, unknown>;
 };

package/server/data/transformPost.d.ts

@@ -1,5 +1,10 @@
 import { PostData, TransformPostOptions } from '../models/common';
-import { Lang } from '../models/locale';
+import { Lang } from '@gravity-ui/uikit';
+export type TransformPostType = {
+    postData: PostData;
+    lang: Lang;
+    options: TransformPostOptions;
+};
 /**
  * Func for transform post data
  *
@@ -9,4 +14,4 @@ import { Lang } from '../models/locale';
  * @param plugins - YFM plugins list
  * @returns -prepared post
  */
-export declare const transformPost: (postData: PostData, lang: Lang, { plugins }?: TransformPostOptions) => PostData;
+export declare const transformPost: ({ postData, lang, options: { plugins } }: TransformPostType) => PostData;

package/server/data/transformPost.js

@@ -12,7 +12,7 @@ const server_1 = require("@gravity-ui/page-constructor/server");
  * @param plugins - YFM plugins list
  * @returns -prepared post
  */
-const transformPost = (postData, lang, { plugins } = {}) => {
+const transformPost = ({ postData, lang, options: { plugins } = {} }) => {
     if (!postData) {
         // eslint-disable-next-line no-console
         console.error('Post not found');

package/server/index.d.ts

@@ -1,4 +1,4 @@
 export { transformPageContent } from "./data/transformPageContent";
 export { createReadableContent } from "./data/createReadableContent";
 export { sanitizeMeta } from "./data/sanitizeMeta";
-export { transformPost } from "./data/transformPost";
+export { transformPost, TransformPostType } from "./data/transformPost";

package/server/models/common.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { MarkdownItPluginCb } from '@doc-tools/transform/lib/plugins/typings';
+import { MarkdownItPluginCb } from '@diplodoc/transform/lib/plugins/typings';
 import { HeaderBlockProps as PageConstructorHeaderBlockProps } from '@gravity-ui/page-constructor';
 import { IBrowser, IDevice } from 'ua-parser-js';
 import { Locale } from '../models/locale';

package/server/models/locale.d.ts

@@ -1,7 +1,4 @@
-export declare enum Lang {
-    Ru = "ru",
-    En = "en"
-}
+import { Lang } from '@gravity-ui/uikit';
 export declare enum Currency {
     RUB = "RUB",
     USD = "USD",

package/server/models/locale.js

@@ -1,11 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Currency = exports.Lang = void 0;
-var Lang;
-(function (Lang) {
-    Lang["Ru"] = "ru";
-    Lang["En"] = "en";
-})(Lang = exports.Lang || (exports.Lang = {}));
+exports.Currency = void 0;
 var Currency;
 (function (Currency) {
     Currency["RUB"] = "RUB";

package/styles/storybook/common.scss

@@ -1,3 +1,5 @@
+@import '../mixins.scss';
+
 .demo-container {
     min-height: calc(100vh - 1px);
     padding: 50px;
@@ -33,3 +35,9 @@
     --pc-first-block-indent: 64px;
     margin-bottom: 120px;
 }
+
+.pc-layout {
+    @include add-specificity(&) {
+        min-height: auto;
+    }
+}

package/styles/storybook/index.scss

@@ -3,7 +3,7 @@
 @import './common';
 @import './palette';
 @import './typography';
-@import '~@doc-tools/transform/dist/css/yfm.css';
+@import '~@diplodoc/transform/dist/css/yfm.css';
 /**
  * storybook-host container style overrides
  * @see {@link https://github.com/philcockfield/storybook-host/issues/43}

package/styles/styles.css

@@ -1,4 +1,119 @@
 @import '~@gravity-ui/uikit/styles/styles.css';
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.yfm_blog {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-primary);
+}
+.yfm_blog h1:first-child,
+.yfm_blog h2:first-child,
+.yfm_blog h3:first-child,
+.yfm_blog h4:first-child {
+  padding: 0;
+  margin-top: 0;
+  padding-top: 0;
+}
+.yfm_blog h2 {
+  font-size: var(--g-text-display-2-font-size);
+  line-height: var(--g-text-display-2-line-height);
+}
+.yfm_blog h3 {
+  font-size: var(--g-text-header-2-font-size);
+  line-height: var(--g-text-header-2-line-height);
+}
+.yfm_blog h4 {
+  font-size: var(--g-text-header-1-font-size);
+  line-height: var(--g-text-header-1-line-height);
+}
+.yfm_blog.yfm_blog h1,
+.yfm_blog.yfm_blog h2,
+.yfm_blog.yfm_blog h3,
+.yfm_blog.yfm_blog h4,
+.yfm_blog.yfm_blog h5,
+.yfm_blog.yfm_blog h6 {
+  margin-bottom: 16px;
+  margin-top: 32px;
+  padding-top: 0;
+  font-weight: var(--g-text-header-font-weight);
+}
+
+.yfm_blog blockquote,
+.yfm_blog dl,
+.yfm_blog ol,
+.yfm_blog p,
+.yfm_blog pre,
+.yfm_blog table,
+.yfm_blog ul {
+  margin: 0 0 16px;
+}
+.yfm_blog img {
+  margin-bottom: 32px;
+  margin-top: 16px;
+  border-radius: 24px;
+}
+.yfm_blog hr {
+  height: 1px;
+}
+.yfm_blog ol,
+.yfm_blog ul {
+  padding-left: 1.4em;
+}
+.yfm_blog code {
+  color: var(--g-color-text-misc);
+}
+.yfm_blog pre > code {
+  color: var(--g-color-text-primary);
+}
+.yfm_blog table {
+  color: var(--g-color-text-primary);
+  border: 1px solid var(--g-color-line-generic);
+  background: var(--g-color-base-background);
+}
+.yfm_blog thead tr,
+.yfm_blog table tr:nth-child(2n) {
+  background-color: var(--g-color-base-generic);
+}
+.yfm_blog_media {
+  font-size: var(--g-text-body-3-font-size);
+  line-height: var(--g-text-body-3-line-height);
+  color: var(--g-color-text-secondary);
+}
+.yfm_blog_breadcrumbs {
+  font-size: var(--g-text-body-2-font-size);
+  line-height: var(--g-text-body-2-line-height);
+  color: var(--g-text-color-base);
+}
+.yfm_blog a {
+  color: var(--g-color-text-link);
+  border-radius: var(--g-focus-border-radius);
+}
+.yfm_blog a:hover {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog a:focus {
+  box-shadow: 0 0 0 2px var(--g-color-line-focus);
+}
+.yfm_blog a:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+.yfm_blog a:focus {
+  outline: 0;
+}
+.yfm_blog .yfm-tab:hover, .yfm_blog .yfm-tab:active {
+  color: var(--g-color-text-link-hover);
+}
+.yfm_blog .yfm-tab.active {
+  border-bottom-color: var(--g-color-text-link);
+}
+.yfm_blog .yfm-clipboard {
+  margin: 32px 0;
+}
+
+.yfm_blog_card p {
+  color: var(--pc-text-header-color);
+}
+
 @font-face {
   font-family: "YS Display";
   src: url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff2") format("woff2"), url("https://yastatic.net/s3/home/fonts/ys/1/display-thin.woff") format("woff");

package/styles/styles.scss

@@ -1,2 +1,3 @@
 @import '~@gravity-ui/uikit/styles/styles.css';
+@import './yfm.scss';
 @import './fonts.scss';

package/build/cjs/configure.d.ts

@@ -1,5 +0,0 @@
-import { Lang } from './models/locale';
-export interface ProjectConfigParams {
-    lang: Lang;
-}
-export declare const configure: ({ lang }: ProjectConfigParams) => void;

package/build/cjs/configure.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configure = void 0;
-const i18n_1 = require("./i18n");
-const configure = ({ lang }) => {
-    i18n_1.i18n.setLang(lang);
-};
-exports.configure = configure;

package/build/esm/configure.d.ts

@@ -1,5 +0,0 @@
-import { Lang } from './models/locale';
-export interface ProjectConfigParams {
-    lang: Lang;
-}
-export declare const configure: ({ lang }: ProjectConfigParams) => void;

package/build/esm/configure.js

@@ -1,4 +0,0 @@
-import { i18n } from './i18n';
-export const configure = ({ lang }) => {
-    i18n.setLang(lang);
-};