@alpaca-headless/alpaca-headless-nextjs 1.0.2701 → 1.0.2703

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.
Files changed (5) hide show
  1. package/dist/cjs/components/Picture.js +44 -1
  2. package/dist/esm/components/Picture.js +44 -1
  3. package/package.json +1 -1
  4. package/types/components/Picture.d.ts +3 -0
  5. package/types/fieldTypes.d.ts +12 -3
package/dist/cjs/components/Picture.js CHANGED
@@ -40,7 +40,50 @@ const Picture = (_a) => {
40
40
  else {
41
41
  return ((0, jsx_runtime_1.jsxs)("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
42
42
  const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
43
- return ((0, jsx_runtime_1.jsx)("source", { srcSet: variant === null || variant === void 0 ? void 0 : variant.src, media: source.media }, source.variant + source.media));
43
+ if (!variant)
44
+ return;
45
+ let srcSet = variant.src;
46
+ if (source.widths && source.widths.length) {
47
+ const getScaledImage = (variant, width) => {
48
+ if (width > variant.width)
49
+ return { src: variant.src, width: 0 };
50
+ else
51
+ return { src: variant.src + "&mw=" + width, width: width };
52
+ };
53
+ let scaledImages = source.widths.map((x) => getScaledImage(variant, x));
54
+ srcSet = "";
55
+ for (let w = 0; w < scaledImages.length; w++) {
56
+ if (srcSet.length)
57
+ srcSet = srcSet + ", ";
58
+ srcSet += scaledImages[w].src + " " + source.widths[w] + "w";
59
+ if (scaledImages[w].width === 0)
60
+ break;
61
+ }
62
+ }
63
+ else {
64
+ if (source.width) {
65
+ const getScaledImage = (variant, width) => {
66
+ if (width > variant.width)
67
+ return { src: variant.src, width: 0 };
68
+ else
69
+ return { src: variant.src + "&mw=" + width, width: width };
70
+ };
71
+ srcSet = getScaledImage(variant, source.width).src;
72
+ console.log("WIDTH: " + source.width + " -> " + srcSet);
73
+ if (source.scales) {
74
+ let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
75
+ srcSet = "";
76
+ for (let w = 0; w < scaledImages.length; w++) {
77
+ if (srcSet.length)
78
+ srcSet = srcSet + ", ";
79
+ srcSet += scaledImages[w].src + " " + source.scales[w] + "x";
80
+ if (scaledImages[w].width === 0)
81
+ break;
82
+ }
83
+ }
84
+ }
85
+ }
86
+ return ((0, jsx_runtime_1.jsx)("source", { srcSet: srcSet, media: source.media }, source.variant + source.media));
44
87
  }), (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: "" }))] }));
45
88
  }
46
89
  };
package/dist/esm/components/Picture.js CHANGED
@@ -37,7 +37,50 @@ export const Picture = (_a) => {
37
37
  else {
38
38
  return (_jsxs("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
39
39
  const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
40
- return (_jsx("source", { srcSet: variant === null || variant === void 0 ? void 0 : variant.src, media: source.media }, source.variant + source.media));
40
+ if (!variant)
41
+ return;
42
+ let srcSet = variant.src;
43
+ if (source.widths && source.widths.length) {
44
+ const getScaledImage = (variant, width) => {
45
+ if (width > variant.width)
46
+ return { src: variant.src, width: 0 };
47
+ else
48
+ return { src: variant.src + "&mw=" + width, width: width };
49
+ };
50
+ let scaledImages = source.widths.map((x) => getScaledImage(variant, x));
51
+ srcSet = "";
52
+ for (let w = 0; w < scaledImages.length; w++) {
53
+ if (srcSet.length)
54
+ srcSet = srcSet + ", ";
55
+ srcSet += scaledImages[w].src + " " + source.widths[w] + "w";
56
+ if (scaledImages[w].width === 0)
57
+ break;
58
+ }
59
+ }
60
+ else {
61
+ if (source.width) {
62
+ const getScaledImage = (variant, width) => {
63
+ if (width > variant.width)
64
+ return { src: variant.src, width: 0 };
65
+ else
66
+ return { src: variant.src + "&mw=" + width, width: width };
67
+ };
68
+ srcSet = getScaledImage(variant, source.width).src;
69
+ console.log("WIDTH: " + source.width + " -> " + srcSet);
70
+ if (source.scales) {
71
+ let scaledImages = source.scales.map((x) => { var _a; return getScaledImage(variant, ((_a = source.width) !== null && _a !== void 0 ? _a : 0) * x); });
72
+ srcSet = "";
73
+ for (let w = 0; w < scaledImages.length; w++) {
74
+ if (srcSet.length)
75
+ srcSet = srcSet + ", ";
76
+ srcSet += scaledImages[w].src + " " + source.scales[w] + "x";
77
+ if (scaledImages[w].width === 0)
78
+ break;
79
+ }
80
+ }
81
+ }
82
+ }
83
+ return (_jsx("source", { srcSet: srcSet, media: source.media }, source.variant + source.media));
41
84
  }), _jsx("img", Object.assign({}, attrs, { alt: "" }))] }));
42
85
  }
43
86
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpaca-headless/alpaca-headless-nextjs",
3
- "version": "1.0.2701",
3
+ "version": "1.0.2703",
4
4
  "description": "Alpaca Headless NextJs Integration",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
package/types/components/Picture.d.ts CHANGED
@@ -3,6 +3,9 @@ import { PictureField } from "../fieldTypes";
3
3
  export interface PictureSource {
4
4
  media: string;
5
5
  variant: string;
6
+ widths?: number[];
7
+ width?: number;
8
+ scales?: number[];
6
9
  }
7
10
  export interface PictureProps {
8
11
  [attributeName: string]: unknown;
package/types/fieldTypes.d.ts CHANGED
@@ -17,6 +17,7 @@ export interface PictureVariant {
17
17
  name: string;
18
18
  src: string;
19
19
  videoId: string;
20
+ width: number;
20
21
  }
21
22
  export interface ImageField {
22
23
  value: ImageValue | null;
@@ -28,11 +29,19 @@ export interface ImageValue {
28
29
  export interface LinkValue {
29
30
  url: string;
30
31
  }
31
- type KeyValuePair = {
32
+ export interface KeyValuePair {
32
33
  key: string;
33
34
  value: string;
34
- };
35
+ }
35
36
  export type EnhancedNameValueListField = {
36
37
  value: KeyValuePair[];
37
38
  };
38
- export {};
39
+ export interface MediaItemImageFields {
40
+ alt: string;
41
+ width: string;
42
+ height: string;
43
+ }
44
+ export type EnhancedTreeListField = {
45
+ src: string;
46
+ fields: MediaItemImageFields | null;
47
+ };