@redneckz/wildless-cms-uni-blocks 0.1.9 → 0.1.10

package/dist/Blocks.d.ts

@@ -1,9 +1,11 @@
 import type { PlaceholderContent } from './Placeholder';
 import type { RichTextContent } from './RichText';
 import type { TextContent } from './Text';
-export declare type BlockContent = PlaceholderContent | TextContent | RichTextContent;
+import type { TextWithImageContent } from './TextWithImage';
+export declare type BlockContent = TextContent | TextWithImageContent | RichTextContent | PlaceholderContent;
 export declare const Blocks: {
     Text: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Text").TextProps, any>, context?: any) => any;
+    TextWithImage: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextWithImage").TextWithImageProps, any>, context?: any) => any;
     RichText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./RichText").RichTextProps, any>, context?: any) => any;
     Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
 };

package/dist/Blocks.js

@@ -3,8 +3,10 @@ exports.Blocks = void 0;
 const Placeholder_1 = require("./Placeholder");
 const RichText_1 = require("./RichText");
 const Text_1 = require("./Text");
+const TextWithImage_1 = require("./TextWithImage");
 exports.Blocks = {
     Text: Text_1.Text,
+    TextWithImage: TextWithImage_1.TextWithImage,
     RichText: RichText_1.RichText,
     Placeholder: Placeholder_1.Placeholder,
 };

package/dist/Blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AACA,+CAA4C;AAE5C,yCAAsC;AAEtC,iCAA8B;AAIjB,QAAA,MAAM,GAAG;IACpB,IAAI,EAAJ,WAAI;IACJ,QAAQ,EAAR,mBAAQ;IACR,WAAW,EAAX,yBAAW;CACZ,CAAC"}
+{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":";;AACA,+CAA4C;AAE5C,yCAAsC;AAEtC,iCAA8B;AAE9B,mDAAgD;AAQnC,QAAA,MAAM,GAAG;IACpB,IAAI,EAAJ,WAAI;IACJ,aAAa,EAAb,6BAAa;IACb,QAAQ,EAAR,mBAAQ;IACR,WAAW,EAAX,yBAAW;CACZ,CAAC"}

package/dist/Img.d.ts

@@ -0,0 +1,7 @@
+import type { Picture, ImgSource } from './types';
+export interface TextWithImageProps {
+    className?: string;
+    image: Picture;
+}
+export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextWithImageProps, any>, context?: any) => any;
+export declare function formatToMimeType(format: ImgSource['format']): string | undefined;

package/dist/Img.js

@@ -0,0 +1,11 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatToMimeType = exports.Img = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+exports.Img = (0, uni_jsx_1.JSX)(({ className, image }) => ((0, jsx_runtime_1.jsxs)("picture", { className: className || '', children: [image.sources &&
+            image.sources.map(({ src, format }) => ((0, jsx_runtime_1.jsx)("source", { srcSet: src, type: formatToMimeType(format) }, src))), (0, jsx_runtime_1.jsx)("img", { src: image.src, alt: image.alt, title: image.title })] })));
+function formatToMimeType(format) {
+    return format && `image/${format}`;
+}
+exports.formatToMimeType = formatToMimeType;
+//# sourceMappingURL=Img.js.map

package/dist/Img.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAQ3B,QAAA,GAAG,GAAG,IAAA,aAAG,EAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,qCAAS,SAAS,EAAE,SAAS,IAAI,EAAE,aAChC,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACrC,mCAAkB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAAhD,GAAG,CAAiD,CAClE,CAAC,EACJ,gCAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,IACnD,CACX,CAAC,CAAC;AAEH,SAAgB,gBAAgB,CAC9B,MAA2B;IAE3B,OAAO,MAAM,IAAI,SAAS,MAAM,EAAE,CAAC;AACrC,CAAC;AAJD,4CAIC"}

package/dist/TextWithImage.d.ts

@@ -0,0 +1,9 @@
+import type { Picture } from './types';
+export interface TextWithImageContent {
+    primary?: string;
+    image?: Picture;
+}
+export interface TextWithImageProps extends TextWithImageContent {
+    className?: string;
+}
+export declare const TextWithImage: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextWithImageProps, any>, context?: any) => any;

package/dist/TextWithImage.js

@@ -0,0 +1,9 @@
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextWithImage = void 0;
+const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
+const uni_jsx_1 = require("@redneckz/uni-jsx");
+const Img_1 = require("./Img");
+exports.TextWithImage = (0, uni_jsx_1.JSX)(({ className, primary, image }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className || '', children: [primary && ((0, jsx_runtime_1.jsx)("p", { className: "font-bold text-slate-700 leading-snug", children: primary })), image && (0, jsx_runtime_1.jsx)(Img_1.Img, { image: image })] }));
+});
+//# sourceMappingURL=TextWithImage.js.map

package/dist/TextWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithImage.js","sourceRoot":"","sources":["../src/TextWithImage.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,+BAA4B;AAYf,QAAA,aAAa,GAAG,IAAA,aAAG,EAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAChC,OAAO,CACL,iCAAK,SAAS,EAAE,SAAS,IAAI,EAAE,aAC5B,OAAO,IAAI,CACV,8BAAG,SAAS,EAAC,uCAAuC,YAAE,OAAO,GAAK,CACnE,EACA,KAAK,IAAI,uBAAC,SAAG,IAAC,KAAK,EAAE,KAAK,GAAI,IAC3B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export type { BlockDef, ContentPageDef } from './types';
+export type { BlockDef, ContentPageDef, Img, ImgSource, Picture } from './types';
 export type { BlockContent } from './Blocks';
 export { Blocks } from './Blocks';
 export { ContentPage } from './ContentPage';

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { AvifOptions, FormatEnum, GifOptions, HeifOptions, JpegOptions, PngOptions, ResizeOptions, TiffOptions, WebpOptions } from 'sharp';
 export interface BlockDef<BlockContent> {
     type: string;
     style?: string[];
@@ -10,6 +11,20 @@ export interface ContentPageDef<BlockContent> {
     style?: string[];
     blocks?: BlockDef<BlockContent>[];
 }
+export interface Img {
+    src: string;
+    alt?: string;
+    title?: string;
+}
+export interface ImgSource {
+    src: string;
+    format?: keyof FormatEnum;
+    options?: JpegOptions | PngOptions | WebpOptions | AvifOptions | HeifOptions | GifOptions | TiffOptions;
+    size?: ResizeOptions;
+}
+export interface Picture extends Img, ImgSource {
+    sources: ImgSource[];
+}
 export declare const GraphQL: {
     Block: string;
     Page: string;

package/dist/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;AAca,QAAA,OAAO,GAAG;IACrB,KAAK,EAAE;;;;;;;;;;;;;GAaN;IACD,IAAI,EAAE;;;;;;GAML;CACF,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;AAkDa,QAAA,OAAO,GAAG;IACrB,KAAK,EAAE;;;;;;;;;;;;;GAaN;IACD,IAAI,EAAE;;;;;;GAML;CACF,CAAC"}

package/lib/Blocks.d.ts

@@ -1,9 +1,11 @@
 import type { PlaceholderContent } from './Placeholder';
 import type { RichTextContent } from './RichText';
 import type { TextContent } from './Text';
-export declare type BlockContent = PlaceholderContent | TextContent | RichTextContent;
+import type { TextWithImageContent } from './TextWithImage';
+export declare type BlockContent = TextContent | TextWithImageContent | RichTextContent | PlaceholderContent;
 export declare const Blocks: {
     Text: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Text").TextProps, any>, context?: any) => any;
+    TextWithImage: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./TextWithImage").TextWithImageProps, any>, context?: any) => any;
     RichText: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./RichText").RichTextProps, any>, context?: any) => any;
     Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<import("./Placeholder").PlaceholderProps, any>, context?: any) => any;
 };

package/lib/Blocks.js

@@ -1,8 +1,10 @@
 import { Placeholder } from './Placeholder';
 import { RichText } from './RichText';
 import { Text } from './Text';
+import { TextWithImage } from './TextWithImage';
 export const Blocks = {
     Text,
+    TextWithImage,
     RichText,
     Placeholder,
 };

package/lib/Blocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAI9B,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI;IACJ,QAAQ;IACR,WAAW;CACZ,CAAC"}
+{"version":3,"file":"Blocks.js","sourceRoot":"","sources":["../src/Blocks.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQhD,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI;IACJ,aAAa;IACb,QAAQ;IACR,WAAW;CACZ,CAAC"}

package/lib/Img.d.ts

@@ -0,0 +1,7 @@
+import type { Picture, ImgSource } from './types';
+export interface TextWithImageProps {
+    className?: string;
+    image: Picture;
+}
+export declare const Img: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextWithImageProps, any>, context?: any) => any;
+export declare function formatToMimeType(format: ImgSource['format']): string | undefined;

package/lib/Img.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+export const Img = JSX(({ className, image }) => (_jsxs("picture", { className: className || '', children: [image.sources &&
+            image.sources.map(({ src, format }) => (_jsx("source", { srcSet: src, type: formatToMimeType(format) }, src))), _jsx("img", { src: image.src, alt: image.alt, title: image.title })] })));
+export function formatToMimeType(format) {
+    return format && `image/${format}`;
+}
+//# sourceMappingURL=Img.js.map

package/lib/Img.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Img.js","sourceRoot":"","sources":["../src/Img.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQxC,MAAM,CAAC,MAAM,GAAG,GAAG,GAAG,CAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACnE,mBAAS,SAAS,EAAE,SAAS,IAAI,EAAE,aAChC,KAAK,CAAC,OAAO;YACZ,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACrC,iBAAkB,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,gBAAgB,CAAC,MAAM,CAAC,IAAhD,GAAG,CAAiD,CAClE,CAAC,EACJ,cAAK,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,IACnD,CACX,CAAC,CAAC;AAEH,MAAM,UAAU,gBAAgB,CAC9B,MAA2B;IAE3B,OAAO,MAAM,IAAI,SAAS,MAAM,EAAE,CAAC;AACrC,CAAC"}

package/lib/TextWithImage.d.ts

@@ -0,0 +1,9 @@
+import type { Picture } from './types';
+export interface TextWithImageContent {
+    primary?: string;
+    image?: Picture;
+}
+export interface TextWithImageProps extends TextWithImageContent {
+    className?: string;
+}
+export declare const TextWithImage: (props: import("@redneckz/uni-jsx").PropsWithChildren<TextWithImageProps, any>, context?: any) => any;

package/lib/TextWithImage.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { Img } from './Img';
+export const TextWithImage = JSX(({ className, primary, image }) => {
+    return (_jsxs("div", { className: className || '', children: [primary && (_jsx("p", { className: "font-bold text-slate-700 leading-snug", children: primary })), image && _jsx(Img, { image: image })] }));
+});
+//# sourceMappingURL=TextWithImage.js.map

package/lib/TextWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithImage.js","sourceRoot":"","sources":["../src/TextWithImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAY5B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAChC,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,IAAI,EAAE,aAC5B,OAAO,IAAI,CACV,YAAG,SAAS,EAAC,uCAAuC,YAAE,OAAO,GAAK,CACnE,EACA,KAAK,IAAI,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,GAAI,IAC3B,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export type { BlockDef, ContentPageDef } from './types';
+export type { BlockDef, ContentPageDef, Img, ImgSource, Picture } from './types';
 export type { BlockContent } from './Blocks';
 export { Blocks } from './Blocks';
 export { ContentPage } from './ContentPage';

package/lib/types.d.ts

@@ -1,3 +1,4 @@
+import type { AvifOptions, FormatEnum, GifOptions, HeifOptions, JpegOptions, PngOptions, ResizeOptions, TiffOptions, WebpOptions } from 'sharp';
 export interface BlockDef<BlockContent> {
     type: string;
     style?: string[];
@@ -10,6 +11,20 @@ export interface ContentPageDef<BlockContent> {
     style?: string[];
     blocks?: BlockDef<BlockContent>[];
 }
+export interface Img {
+    src: string;
+    alt?: string;
+    title?: string;
+}
+export interface ImgSource {
+    src: string;
+    format?: keyof FormatEnum;
+    options?: JpegOptions | PngOptions | WebpOptions | AvifOptions | HeifOptions | GifOptions | TiffOptions;
+    size?: ResizeOptions;
+}
+export interface Picture extends Img, ImgSource {
+    sources: ImgSource[];
+}
 export declare const GraphQL: {
     Block: string;
     Page: string;

package/lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAcA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE;;;;;;;;;;;;;GAaN;IACD,IAAI,EAAE;;;;;;GAML;CACF,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAkDA,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE;;;;;;;;;;;;;GAaN;IACD,IAAI,EAAE;;;;;;GAML;CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "license": "MIT",
   "main": "./dist/index.js",
   "style": "./dist/common.css",
@@ -29,11 +29,15 @@
     "@redneckz/uni-jsx": "^0.1.3"
   },
   "peerDependencies": {
-    "gatsby": "^4.11.3"
+    "gatsby": "^4.11.3",
+    "sharp": "^0.30.4"
   },
   "peerDependenciesMeta": {
     "gatsby": {
       "optional": true
+    },
+    "sharp": {
+      "optional": true
     }
   },
   "devDependencies": {