@cntrl-site/sdk-nextjs 0.0.7 → 0.0.10

package/lib/components/LayoutStyle.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutStyle = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@cntrl-site/core");
+// @ts-ignore
+const style_1 = __importDefault(require("styled-jsx/style"));
+const LayoutStyle = ({ id, layouts, layoutId, children }) => {
+    const layout = layouts.find(l => l.id === layoutId);
+    return ((0, jsx_runtime_1.jsx)(style_1.default, { id: id, children: `
+      ${(0, core_1.getLayoutMediaQuery)(layoutId, layouts)} {
+        ${children?.(layout)}
+      }
+    ` }));
+};
+exports.LayoutStyle = LayoutStyle;

package/lib/components/Page.js

@@ -19,7 +19,7 @@ const Page = ({ article, project, meta }) => {
     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);
-    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:url", content: meta.opengraphThumbnail }), (0, jsx_runtime_1.jsx)("link", { rel: "icon", href: meta.favicon }), customFonts.length > 0 && ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: {
+    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: customFonts.map((font) => (`
                 @font-face {
                   font-family: ${font.name};

package/lib/index.js

@@ -1,6 +1,22 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
+exports.LayoutStyle = exports.VideoItem = exports.RichTextItem = exports.RectangleItem = exports.ImageItem = exports.Item = exports.Section = exports.Article = exports.Page = exports.RichTextConverter = void 0;
+__exportStar(require("@cntrl-site/core"), exports);
+__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");
@@ -19,3 +35,5 @@ var RichTextItem_1 = require("./components/items/RichTextItem");
 Object.defineProperty(exports, "RichTextItem", { enumerable: true, get: function () { return RichTextItem_1.RichTextItem; } });
 var VideoItem_1 = require("./components/items/VideoItem");
 Object.defineProperty(exports, "VideoItem", { enumerable: true, get: function () { return VideoItem_1.VideoItem; } });
+var LayoutStyle_1 = require("./components/LayoutStyle");
+Object.defineProperty(exports, "LayoutStyle", { enumerable: true, get: function () { return LayoutStyle_1.LayoutStyle; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cntrl-site/sdk-nextjs",
-  "version": "0.0.7",
+  "version": "0.0.10",
   "description": "SDK for Next.js",
   "main": "lib/index.js",
   "types": "src/index.js",
@@ -21,8 +21,8 @@
   },
   "homepage": "https://github.com/cntrl-site/sdk-nextjs#readme",
   "dependencies": {
-    "@cntrl-site/core": "^1.0.6",
-    "@cntrl-site/sdk": "^0.0.2",
+    "@cntrl-site/core": "^1.0.7",
+    "@cntrl-site/sdk": "^0.0.3",
     "html-react-parser": "^3.0.1",
     "styled-jsx": "^5.0.2"
   },

package/src/components/LayoutStyle.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import { getLayoutMediaQuery, TLayout } from '@cntrl-site/core';
+// @ts-ignore
+import JSXStyle from 'styled-jsx/style';
+
+export interface LayoutStyleProps {
+  id: string;
+  layouts: TLayout[];
+  layoutId: string;
+  children?: (layout: TLayout) => string;
+}
+
+export const LayoutStyle: FC<LayoutStyleProps> = ({ id, layouts, layoutId, children }) => {
+  const layout = layouts.find(l => l.id === layoutId)!;
+  return (
+    <JSXStyle id={id}>{`
+      ${getLayoutMediaQuery(layoutId, layouts)} {
+        ${children?.(layout)}
+      }
+    `}</JSXStyle>
+  );
+};

package/src/components/Page.tsx

@@ -27,7 +27,7 @@ export const Page: FC<Props> = ({ article, project, meta }) => {
         <title>{meta.title}</title>
         <meta name="description" content={meta.description} />
         <meta name="keywords" content={meta.keywords} />
-        <meta property="og:url" content={meta.opengraphThumbnail} />
+        <meta property="og:image" content={meta.opengraphThumbnail} />
         <link rel="icon" href={meta.favicon} />
         {customFonts.length > 0 && (
           <style

package/src/index.ts

@@ -1,5 +1,7 @@
-export { RichTextConverter } from './utils/RichTextConverter';
+export * from '@cntrl-site/core';
+export * from '@cntrl-site/sdk';
 
+export { RichTextConverter } from './utils/RichTextConverter';
 export { Page } from './components/Page';
 export { Article } from './components/Article';
 export { Section } from './components/Section';
@@ -8,3 +10,4 @@ export { ImageItem } from './components/items/ImageItem';
 export { RectangleItem } from './components/items/RectangleItem';
 export { RichTextItem } from './components/items/RichTextItem';
 export { VideoItem } from './components/items/VideoItem';
+export { LayoutStyle } from './components/LayoutStyle';

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,15 +0,0 @@
-<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>