@cntrl-site/sdk-nextjs 0.2.7 → 0.2.9

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,15 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="jsx" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+  </profile>
+</component>

package/lib/components/Head.js

@@ -0,0 +1,33 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CNTRLHead = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
+const head_1 = __importDefault(require("next/head"));
+const sdk_1 = require("@cntrl-site/sdk");
+const CNTRLHead = ({ meta, project }) => {
+    const googleFonts = (0, html_react_parser_1.default)(project.fonts.google);
+    const adobeFonts = (0, html_react_parser_1.default)(project.fonts.adobe);
+    const parsedFonts = {
+        ...(typeof googleFonts === 'object' ? googleFonts : {}),
+        ...(typeof adobeFonts === 'object' ? adobeFonts : {})
+    };
+    const customFonts = project.fonts.custom;
+    const htmlHead = (0, html_react_parser_1.default)(project.html.head);
+    const ffGenerator = new sdk_1.FontFaceGenerator(customFonts);
+    return ((0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: meta.title }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: meta.description }), (0, jsx_runtime_1.jsx)("meta", { name: "keywords", content: meta.keywords }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: meta.opengraphThumbnail }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: meta.favicon }), customFonts.length > 0 && ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+                    __html: ffGenerator.generate()
+                } })), Object.values(parsedFonts).map((value, i) => {
+                if (!value)
+                    return undefined;
+                const rel = value?.rel || value.props?.rel;
+                const href = value?.href || value.props?.href;
+                if (!rel || !href)
+                    return undefined;
+                return ((0, jsx_runtime_1.jsx)("link", { rel: rel, href: href }, i));
+            }), htmlHead] }));
+};
+exports.CNTRLHead = CNTRLHead;

package/lib/components/Page.js

@@ -6,31 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Page = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const html_react_parser_1 = __importDefault(require("html-react-parser"));
-const sdk_1 = require("@cntrl-site/sdk");
-const head_1 = __importDefault(require("next/head"));
 const Article_1 = require("./Article");
+const Head_1 = require("./Head");
 const Page = ({ article, project, meta }) => {
-    const googleFonts = (0, html_react_parser_1.default)(project.fonts.google);
-    const adobeFonts = (0, html_react_parser_1.default)(project.fonts.adobe);
-    const parsedFonts = {
-        ...(typeof googleFonts === 'object' ? googleFonts : {}),
-        ...(typeof adobeFonts === 'object' ? adobeFonts : {})
-    };
-    const customFonts = project.fonts.custom;
-    const htmlHead = (0, html_react_parser_1.default)(project.html.head);
     const afterBodyOpen = (0, html_react_parser_1.default)(project.html.afterBodyOpen);
     const beforeBodyClose = (0, html_react_parser_1.default)(project.html.beforeBodyClose);
-    const ffGenerator = new sdk_1.FontFaceGenerator(customFonts);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(head_1.default, { children: [(0, jsx_runtime_1.jsx)("title", { children: meta.title }), (0, jsx_runtime_1.jsx)("meta", { name: "description", content: meta.description }), (0, jsx_runtime_1.jsx)("meta", { name: "keywords", content: meta.keywords }), (0, jsx_runtime_1.jsx)("meta", { property: "og:image", content: meta.opengraphThumbnail }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: meta.favicon }), customFonts.length > 0 && ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
-                            __html: ffGenerator.generate()
-                        } })), Object.values(parsedFonts).map((value, i) => {
-                        if (!value)
-                            return undefined;
-                        const rel = value?.rel || value.props?.rel;
-                        const href = value?.href || value.props?.href;
-                        if (!rel || !href)
-                            return undefined;
-                        return ((0, jsx_runtime_1.jsx)("link", { rel: rel, href: href }, i));
-                    }), htmlHead] }), afterBodyOpen, (0, jsx_runtime_1.jsx)(Article_1.Article, { article: article, layouts: project.layouts }), beforeBodyClose] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Head_1.CNTRLHead, { project: project, meta: meta }), afterBodyOpen, (0, jsx_runtime_1.jsx)(Article_1.Article, { article: article, layouts: project.layouts }), beforeBodyClose] }));
 };
 exports.Page = Page;

package/lib/index.js

@@ -14,13 +14,15 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomItems = exports.CntrlProvider = exports.YoutubeEmbedItem = exports.VimeoEmbedItem = exports.LayoutStyle = exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
+exports.CustomItems = exports.CntrlProvider = exports.YoutubeEmbedItem = exports.VimeoEmbedItem = exports.LayoutStyle = exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Head = exports.Page = exports.RichTextConverter = void 0;
 const defaultContext_1 = require("./provider/defaultContext");
 __exportStar(require("@cntrl-site/sdk"), exports);
 var RichTextConverter_1 = require("./utils/RichTextConverter");
 Object.defineProperty(exports, "RichTextConverter", { enumerable: true, get: function () { return RichTextConverter_1.RichTextConverter; } });
 var Page_1 = require("./components/Page");
 Object.defineProperty(exports, "Page", { enumerable: true, get: function () { return Page_1.Page; } });
+var Head_1 = require("./components/Head");
+Object.defineProperty(exports, "Head", { enumerable: true, get: function () { return Head_1.CNTRLHead; } });
 var Article_1 = require("./components/Article");
 Object.defineProperty(exports, "Article", { enumerable: true, get: function () { return Article_1.Article; } });
 var Section_1 = require("./components/Section");

package/lib/utils/RichTextConverter.js

@@ -61,6 +61,7 @@ class RichTextConverter {
               text-align: ${ta};
               line-height: 0;
               white-space: ${whiteSpace};
+              overflow-wrap: break-word;
             }
           `);
                 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",

package/src/components/Head.tsx

@@ -0,0 +1,48 @@
+import React, { FC } from 'react';
+import HTMLReactParser, { domToReact } from 'html-react-parser';
+import Head from 'next/head';
+import { FontFaceGenerator, TMeta, TProject } from '@cntrl-site/sdk';
+
+interface Props {
+  project: TProject;
+  meta: TMeta;
+}
+
+export const CNTRLHead: FC<Props> = ({ meta, project }) => {
+  const googleFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.google);
+  const adobeFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.adobe);
+  const parsedFonts = {
+    ...(typeof googleFonts === 'object' ? googleFonts : {}),
+    ...(typeof adobeFonts === 'object' ? adobeFonts : {})
+  };
+  const customFonts = project.fonts.custom;
+  const htmlHead = HTMLReactParser(project.html.head);
+  const ffGenerator = new FontFaceGenerator(customFonts);
+  return (
+    <Head>
+      <title>{meta.title}</title>
+      <meta name="description" content={meta.description} />
+      <meta name="keywords" content={meta.keywords} />
+      <meta property="og:image" content={meta.opengraphThumbnail} />
+      <link rel="icon" href={meta.favicon} />
+      {customFonts.length > 0 && (
+        <style
+          dangerouslySetInnerHTML={{
+            __html: ffGenerator.generate()
+          }}
+        />
+      )}
+      {Object.values(parsedFonts as ReturnType<typeof domToReact>).map((value, i) => {
+        if (!value) return undefined;
+        const rel = value?.rel || value.props?.rel;
+        const href = value?.href || value.props?.href;
+        if (!rel || !href) return undefined;
+        return (
+          <link key={i} rel={rel} href={href} />
+        );
+      })}
+      {htmlHead}
+
+    </Head>
+  );
+};

package/src/components/Page.tsx

@@ -1,8 +1,8 @@
 import React, { FC } from 'react';
-import HTMLReactParser, { domToReact } from 'html-react-parser';
-import { TArticle, TProject, TMeta, FontFaceGenerator } from '@cntrl-site/sdk';
-import Head from 'next/head';
+import HTMLReactParser from 'html-react-parser';
+import { TArticle, TProject, TMeta } from '@cntrl-site/sdk';
 import { Article } from './Article';
+import { CNTRLHead } from './Head';
 
 interface Props {
   article: TArticle;
@@ -11,44 +11,11 @@ interface Props {
 }
 
 export const Page: FC<Props> = ({ article, project, meta }) => {
-  const googleFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.google);
-  const adobeFonts: ReturnType<typeof domToReact> = HTMLReactParser(project.fonts.adobe);
-  const parsedFonts = {
-    ...(typeof googleFonts === 'object' ? googleFonts : {}),
-    ...(typeof adobeFonts === 'object' ? adobeFonts : {})
-  };
-  const customFonts = project.fonts.custom;
-  const htmlHead = HTMLReactParser(project.html.head);
   const afterBodyOpen = HTMLReactParser(project.html.afterBodyOpen);
   const beforeBodyClose = HTMLReactParser(project.html.beforeBodyClose);
-  const ffGenerator = new FontFaceGenerator(customFonts);
   return (
     <>
-      <Head>
-        <title>{meta.title}</title>
-        <meta name="description" content={meta.description} />
-        <meta name="keywords" content={meta.keywords} />
-        <meta property="og:image" content={meta.opengraphThumbnail} />
-        <link rel="icon" href={meta.favicon} />
-        {customFonts.length > 0 && (
-          <style
-            dangerouslySetInnerHTML={{
-              __html: ffGenerator.generate()
-            }}
-          />
-        )}
-        {Object.values(parsedFonts as ReturnType<typeof domToReact>).map((value, i) => {
-          if (!value) return undefined;
-          const rel = value?.rel || value.props?.rel;
-          const href = value?.href || value.props?.href;
-          if (!rel || !href) return undefined;
-          return (
-            <link key={i} rel={rel} href={href} />
-          );
-        })}
-        {htmlHead}
-
-      </Head>
+      <CNTRLHead project={project} meta={meta} />
       {afterBodyOpen}
       <Article article={article} layouts={project.layouts} />
       {beforeBodyClose}

package/src/index.ts

@@ -4,6 +4,7 @@ export * from '@cntrl-site/sdk';
 
 export { RichTextConverter } from './utils/RichTextConverter';
 export { Page } from './components/Page';
+export { CNTRLHead as Head } from './components/Head';
 export { Article } from './components/Article';
 export { Section } from './components/Section';
 export { Item } from './components/Item';

package/src/utils/RichTextConverter.tsx

@@ -90,6 +90,7 @@ export class RichTextConverter {
               text-align: ${ta};
               line-height: 0;
               white-space: ${whiteSpace};
+              overflow-wrap: break-word;
             }
           `);
         });

package/.idea/workspace.xml

@@ -1,218 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ChangeListManager">
-    <list default="true" id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="CNTRL-617 Version bump" />
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_BRANCH_BY_REPOSITORY">
-      <map>
-        <entry key="$PROJECT_DIR$" value="main" />
-      </map>
-    </option>
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
-  </component>
-  <component name="MarkdownSettingsMigration">
-    <option name="stateVersion" value="1" />
-  </component>
-  <component name="ProjectId" id="2H4nx2LrD2TTrbJMopYKifu02PK" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent">{
-  &quot;keyToString&quot;: {
-    &quot;RunOnceActivity.OpenProjectViewOnStart&quot;: &quot;true&quot;,
-    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
-    &quot;WebServerToolWindowFactoryState&quot;: &quot;false&quot;,
-    &quot;last_opened_file_path&quot;: &quot;/Users/admin/Documents/CNTRL/sdk-nextjs&quot;,
-    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
-    &quot;ts.external.directory.path&quot;: &quot;/Users/admin/Documents/CNTRL/sdk-nextjs/node_modules/typescript/lib&quot;,
-    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
-  }
-}</component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="daade3cc-2214-4d1b-a6ad-012b8ae407bf" name="Changes" comment="" />
-      <created>1667553465933</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1667553465933</updated>
-      <workItem from="1667553467855" duration="59000" />
-      <workItem from="1667577252000" duration="8061000" />
-      <workItem from="1667926766782" duration="2182000" />
-      <workItem from="1668162212487" duration="28710000" />
-      <workItem from="1669397663981" duration="8121000" />
-      <workItem from="1669630429786" duration="4858000" />
-    </task>
-    <task id="LOCAL-00001" summary="CNTRL-484 - added embed vimeo video">
-      <created>1667586762678</created>
-      <option name="number" value="00001" />
-      <option name="presentableId" value="LOCAL-00001" />
-      <option name="project" value="LOCAL" />
-      <updated>1667586762678</updated>
-    </task>
-    <task id="LOCAL-00002" summary="CNTRL-484 - problem fix">
-      <created>1667587045426</created>
-      <option name="number" value="00002" />
-      <option name="presentableId" value="LOCAL-00002" />
-      <option name="project" value="LOCAL" />
-      <updated>1667587045426</updated>
-    </task>
-    <task id="LOCAL-00003" summary="CNTRL-484 - version bump">
-      <created>1667587257510</created>
-      <option name="number" value="00003" />
-      <option name="presentableId" value="LOCAL-00003" />
-      <option name="project" value="LOCAL" />
-      <updated>1667587257510</updated>
-    </task>
-    <task id="LOCAL-00004" summary="CNTRL-486 - added youtube item">
-      <created>1668184730139</created>
-      <option name="number" value="00004" />
-      <option name="presentableId" value="LOCAL-00004" />
-      <option name="project" value="LOCAL" />
-      <updated>1668184730139</updated>
-    </task>
-    <task id="LOCAL-00005" summary="CNTRL-486 - added youtube type">
-      <created>1668185842201</created>
-      <option name="number" value="00005" />
-      <option name="presentableId" value="LOCAL-00005" />
-      <option name="project" value="LOCAL" />
-      <updated>1668185842201</updated>
-    </task>
-    <task id="LOCAL-00006" summary="CNTRL-486 - youtube fixes">
-      <created>1668193338566</created>
-      <option name="number" value="00006" />
-      <option name="presentableId" value="LOCAL-00006" />
-      <option name="project" value="LOCAL" />
-      <updated>1668193338566</updated>
-    </task>
-    <task id="LOCAL-00007" summary="CNTRL-486 - added mute to video when autoplay On">
-      <created>1668504184323</created>
-      <option name="number" value="00007" />
-      <option name="presentableId" value="LOCAL-00007" />
-      <option name="project" value="LOCAL" />
-      <updated>1668504184323</updated>
-    </task>
-    <task id="LOCAL-00008" summary="CNTRL-486 - added search params to Url">
-      <created>1668506131079</created>
-      <option name="number" value="00008" />
-      <option name="presentableId" value="LOCAL-00008" />
-      <option name="project" value="LOCAL" />
-      <updated>1668506131079</updated>
-    </task>
-    <task id="LOCAL-00009" summary="CNTRL-486 - version update">
-      <created>1668508864371</created>
-      <option name="number" value="00009" />
-      <option name="presentableId" value="LOCAL-00009" />
-      <option name="project" value="LOCAL" />
-      <updated>1668508864371</updated>
-    </task>
-    <task id="LOCAL-00010" summary="CNTRL-486 - version bump">
-      <created>1668509275485</created>
-      <option name="number" value="00010" />
-      <option name="presentableId" value="LOCAL-00010" />
-      <option name="project" value="LOCAL" />
-      <updated>1668509275485</updated>
-    </task>
-    <task id="LOCAL-00011" summary="CNTRL-486 - version bump">
-      <created>1668509525445</created>
-      <option name="number" value="00011" />
-      <option name="presentableId" value="LOCAL-00011" />
-      <option name="project" value="LOCAL" />
-      <updated>1668509525445</updated>
-    </task>
-    <task id="LOCAL-00012" summary="CNTRL-486 - fixes">
-      <created>1669397733023</created>
-      <option name="number" value="00012" />
-      <option name="presentableId" value="LOCAL-00012" />
-      <option name="project" value="LOCAL" />
-      <updated>1669397733023</updated>
-    </task>
-    <task id="LOCAL-00013" summary="CNTRL-486 - fixes">
-      <created>1669402876183</created>
-      <option name="number" value="00013" />
-      <option name="presentableId" value="LOCAL-00013" />
-      <option name="project" value="LOCAL" />
-      <updated>1669402876183</updated>
-    </task>
-    <task id="LOCAL-00014" summary="CNTRL-486 - fixes">
-      <created>1669402893251</created>
-      <option name="number" value="00014" />
-      <option name="presentableId" value="LOCAL-00014" />
-      <option name="project" value="LOCAL" />
-      <updated>1669402893251</updated>
-    </task>
-    <task id="LOCAL-00015" summary="CNTRL-486 - fixes">
-      <created>1669405389296</created>
-      <option name="number" value="00015" />
-      <option name="presentableId" value="LOCAL-00015" />
-      <option name="project" value="LOCAL" />
-      <updated>1669405389296</updated>
-    </task>
-    <task id="LOCAL-00016" summary="CNTRL-486 - fixes">
-      <created>1669405966077</created>
-      <option name="number" value="00016" />
-      <option name="presentableId" value="LOCAL-00016" />
-      <option name="project" value="LOCAL" />
-      <updated>1669405966077</updated>
-    </task>
-    <task id="LOCAL-00017" summary="CNTRL-486 - version bump">
-      <created>1669408571358</created>
-      <option name="number" value="00017" />
-      <option name="presentableId" value="LOCAL-00017" />
-      <option name="project" value="LOCAL" />
-      <updated>1669408571358</updated>
-    </task>
-    <task id="LOCAL-00018" summary="CNTRL-617 Youtube anf vimeo videos Url update">
-      <created>1669635492235</created>
-      <option name="number" value="00018" />
-      <option name="presentableId" value="LOCAL-00018" />
-      <option name="project" value="LOCAL" />
-      <updated>1669635492235</updated>
-    </task>
-    <task id="LOCAL-00019" summary="CNTRL-617 Version bump">
-      <created>1669635593460</created>
-      <option name="number" value="00019" />
-      <option name="presentableId" value="LOCAL-00019" />
-      <option name="project" value="LOCAL" />
-      <updated>1669635593460</updated>
-    </task>
-    <option name="localTasksCounter" value="20" />
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="Vcs.Log.Tabs.Properties">
-    <option name="TAB_STATES">
-      <map>
-        <entry key="MAIN">
-          <value>
-            <State />
-          </value>
-        </entry>
-      </map>
-    </option>
-  </component>
-  <component name="VcsManagerConfiguration">
-    <MESSAGE value="CNTRL-484 - added embed vimeo video" />
-    <MESSAGE value="CNTRL-484 - problem fix" />
-    <MESSAGE value="CNTRL-484 - version bump" />
-    <MESSAGE value="CNTRL-486 - added youtube item" />
-    <MESSAGE value="CNTRL-486 - added youtube type" />
-    <MESSAGE value="CNTRL-486 - youtube fixes" />
-    <MESSAGE value="CNTRL-486 - added mute to video when autoplay On" />
-    <MESSAGE value="CNTRL-486 - added search params to Url" />
-    <MESSAGE value="CNTRL-486 - version update" />
-    <MESSAGE value="CNTRL-486 - fixes" />
-    <MESSAGE value="CNTRL-486 - version bump" />
-    <MESSAGE value="CNTRL-617 Youtube anf vimeo videos Url update" />
-    <MESSAGE value="CNTRL-617 Version bump" />
-    <option name="LAST_COMMIT_MESSAGE" value="CNTRL-617 Version bump" />
-  </component>
-</project>