@cntrl-site/sdk-nextjs 1.9.95 → 1.9.96
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.
package/lib/components/Head.js
CHANGED
|
@@ -8,14 +8,14 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const html_react_parser_1 = __importDefault(require("html-react-parser"));
|
|
9
9
|
const head_1 = __importDefault(require("next/head"));
|
|
10
10
|
const sdk_1 = require("@cntrl-site/sdk");
|
|
11
|
-
const CNTRLHead = ({ meta, project, slug, siteUrl
|
|
11
|
+
const CNTRLHead = ({ meta, project, slug, siteUrl }) => {
|
|
12
12
|
const canonicalUrl = buildCanonicalUrl(siteUrl !== null && siteUrl !== void 0 ? siteUrl : project.primaryDomain, slug);
|
|
13
13
|
const googleFonts = (0, html_react_parser_1.default)(project.fonts.google);
|
|
14
14
|
const adobeFonts = (0, html_react_parser_1.default)(project.fonts.adobe);
|
|
15
15
|
const parsedFonts = Object.assign(Object.assign({}, (typeof googleFonts === 'object' ? googleFonts : {})), (typeof adobeFonts === 'object' ? adobeFonts : {}));
|
|
16
16
|
const customFonts = project.fonts.custom;
|
|
17
17
|
const htmlHead = (0, html_react_parser_1.default)(project.html.head);
|
|
18
|
-
const ffGenerator = new sdk_1.FontFaceGenerator(
|
|
18
|
+
const ffGenerator = new sdk_1.FontFaceGenerator(customFonts);
|
|
19
19
|
const links = Object.values(parsedFonts).map((value) => {
|
|
20
20
|
var _a, _b;
|
|
21
21
|
if (!value)
|
package/lib/components/Page.js
CHANGED
|
@@ -13,13 +13,13 @@ const Head_1 = require("./Head");
|
|
|
13
13
|
const Keyframes_1 = require("../provider/Keyframes");
|
|
14
14
|
const ItemGeometryContext_1 = require("../ItemGeometry/ItemGeometryContext");
|
|
15
15
|
const ItemGeometryService_1 = require("../ItemGeometry/ItemGeometryService");
|
|
16
|
-
const Page = ({ article, project, meta, keyframes, sectionData, siteUrl
|
|
16
|
+
const Page = ({ article, project, meta, keyframes, sectionData, siteUrl }) => {
|
|
17
17
|
var _a;
|
|
18
18
|
const afterBodyOpen = (0, html_react_parser_1.default)(project.html.afterBodyOpen);
|
|
19
19
|
const beforeBodyClose = (0, html_react_parser_1.default)(project.html.beforeBodyClose);
|
|
20
20
|
const keyframesRepo = (0, react_1.useMemo)(() => new Keyframes_1.Keyframes(keyframes), [keyframes]);
|
|
21
21
|
const itemGeometryService = (0, react_1.useMemo)(() => new ItemGeometryService_1.ItemGeometryService(), []);
|
|
22
22
|
const currentSlug = (_a = project.pages.find(p => p.articleId === article.id)) === null || _a === void 0 ? void 0 : _a.slug;
|
|
23
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Head_1.CNTRLHead, { project: project, meta: meta, slug: currentSlug, siteUrl: siteUrl
|
|
23
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Head_1.CNTRLHead, { project: project, meta: meta, slug: currentSlug, siteUrl: siteUrl }), afterBodyOpen, (0, jsx_runtime_1.jsx)(ItemGeometryContext_1.ItemGeometryContext.Provider, { value: itemGeometryService, children: (0, jsx_runtime_1.jsx)(KeyframesContext_1.KeyframesContext.Provider, { value: keyframesRepo, children: (0, jsx_runtime_1.jsx)(Article_1.Article, { article: article, sectionData: sectionData }) }) }), beforeBodyClose] }));
|
|
24
24
|
};
|
|
25
25
|
exports.Page = Page;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cntrl-site/sdk-nextjs",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.96",
|
|
4
4
|
"description": "SDK for Next.js",
|
|
5
5
|
"author": "arsen@momdesign.nyc",
|
|
6
6
|
"license": "MIT",
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@antfu/eslint-config": "^3.8.0",
|
|
33
33
|
"@cntrl-site/color": "^1.0.0",
|
|
34
|
-
"@cntrl-site/components": "^1.0.
|
|
34
|
+
"@cntrl-site/components": "^1.0.46",
|
|
35
35
|
"@cntrl-site/effects": "^1.4.2",
|
|
36
|
-
"@cntrl-site/sdk": "1.28.
|
|
36
|
+
"@cntrl-site/sdk": "^1.28.0",
|
|
37
37
|
"@types/vimeo__player": "^2.18.0",
|
|
38
38
|
"@vimeo/player": "^2.25.0",
|
|
39
39
|
"html-react-parser": "^3.0.1",
|
package/src/components/Head.tsx
CHANGED
|
@@ -1,17 +1,16 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
2
|
import HTMLReactParser, { domToReact } from 'html-react-parser';
|
|
3
3
|
import Head from 'next/head';
|
|
4
|
-
import { FontFaceGenerator, Meta, Project
|
|
4
|
+
import { FontFaceGenerator, Meta, Project } from '@cntrl-site/sdk';
|
|
5
5
|
|
|
6
6
|
interface Props {
|
|
7
7
|
project: Project;
|
|
8
8
|
meta: Meta;
|
|
9
9
|
slug?: string;
|
|
10
10
|
siteUrl?: string;
|
|
11
|
-
fontsVault: FontVault[];
|
|
12
11
|
}
|
|
13
12
|
|
|
14
|
-
export const CNTRLHead: FC<Props> = ({ meta, project, slug, siteUrl
|
|
13
|
+
export const CNTRLHead: FC<Props> = ({ meta, project, slug, siteUrl }) => {
|
|
15
14
|
const canonicalUrl = buildCanonicalUrl(siteUrl ?? project.primaryDomain, slug);
|
|
16
15
|
const googleFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.google);
|
|
17
16
|
const adobeFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.adobe);
|
|
@@ -21,7 +20,7 @@ export const CNTRLHead: FC<Props> = ({ meta, project, slug, siteUrl, fontsVault
|
|
|
21
20
|
};
|
|
22
21
|
const customFonts = project.fonts.custom;
|
|
23
22
|
const htmlHead = HTMLReactParser(project.html.head);
|
|
24
|
-
const ffGenerator = new FontFaceGenerator(
|
|
23
|
+
const ffGenerator = new FontFaceGenerator(customFonts);
|
|
25
24
|
const links = Object.values(parsedFonts as ReturnType<typeof domToReact>).map((value) => {
|
|
26
25
|
if (!value) return null;
|
|
27
26
|
const rel = value?.rel || value.props?.rel;
|
package/src/components/Page.tsx
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC, useMemo } from 'react';
|
|
2
2
|
import HTMLReactParser from 'html-react-parser';
|
|
3
|
-
import { Article as TArticle, Project, Meta, KeyframeAny
|
|
3
|
+
import { Article as TArticle, Project, Meta, KeyframeAny } from '@cntrl-site/sdk';
|
|
4
4
|
import { Article } from './Article';
|
|
5
5
|
import { KeyframesContext } from '../provider/KeyframesContext';
|
|
6
6
|
import { CNTRLHead } from './Head';
|
|
@@ -17,7 +17,6 @@ export interface PageProps {
|
|
|
17
17
|
article: TArticle;
|
|
18
18
|
project: Project;
|
|
19
19
|
meta: Meta;
|
|
20
|
-
fontsVault: FontVault[];
|
|
21
20
|
keyframes: KeyframeAny[];
|
|
22
21
|
sectionData: Record<SectionName, any>;
|
|
23
22
|
publicApiBase?: string;
|
|
@@ -25,7 +24,7 @@ export interface PageProps {
|
|
|
25
24
|
siteUrl?: string;
|
|
26
25
|
}
|
|
27
26
|
|
|
28
|
-
export const Page: FC<PageProps> = ({ article, project, meta, keyframes, sectionData, siteUrl
|
|
27
|
+
export const Page: FC<PageProps> = ({ article, project, meta, keyframes, sectionData, siteUrl }) => {
|
|
29
28
|
const afterBodyOpen = HTMLReactParser(project.html.afterBodyOpen);
|
|
30
29
|
const beforeBodyClose = HTMLReactParser(project.html.beforeBodyClose);
|
|
31
30
|
const keyframesRepo = useMemo(() => new Keyframes(keyframes), [keyframes]);
|
|
@@ -33,7 +32,7 @@ export const Page: FC<PageProps> = ({ article, project, meta, keyframes, section
|
|
|
33
32
|
const currentSlug = project.pages.find(p => p.articleId === article.id)?.slug;
|
|
34
33
|
return (
|
|
35
34
|
<>
|
|
36
|
-
<CNTRLHead project={project} meta={meta} slug={currentSlug} siteUrl={siteUrl}
|
|
35
|
+
<CNTRLHead project={project} meta={meta} slug={currentSlug} siteUrl={siteUrl} />
|
|
37
36
|
{afterBodyOpen}
|
|
38
37
|
<ItemGeometryContext.Provider value={itemGeometryService}>
|
|
39
38
|
<KeyframesContext.Provider value={keyframesRepo}>
|