@starlightcms/next-sdk 1.0.0 → 1.0.1
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/dist/cjs/Image/index.js
CHANGED
|
@@ -60,7 +60,7 @@ const Image = (_a) => {
|
|
|
60
60
|
? rgbDataURL(file.background_color)
|
|
61
61
|
: undefined;
|
|
62
62
|
}, [file, placeholder]);
|
|
63
|
-
if (file.variation !== variation) {
|
|
63
|
+
if (variation && file.variation !== variation) {
|
|
64
64
|
console.warn(`Starlight media file ${media.name}.${media.extension} has no "${variation}" variation. The "${file.variation}" variation was used instead.`);
|
|
65
65
|
}
|
|
66
66
|
return (react_1.default.createElement(image_1.default, Object.assign({ src: file.path, width: (_b = file.meta) === null || _b === void 0 ? void 0 : _b.width, height: (_c = file.meta) === null || _c === void 0 ? void 0 : _c.height, alt: (_d = alt !== null && alt !== void 0 ? alt : media.alt) !== null && _d !== void 0 ? _d : '', placeholder: placeholder, blurDataURL: blurDataURL }, props)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,uDAAiD;AACjD,uDAAsD;AAGtD,MAAM,MAAM,GACV,mEAAmE,CAAA;AAErE,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE,CACrD,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;AAExB,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAqB,CAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAChC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAC5B,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9B,OAAO,yCACL,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CACxC,sCAAsC,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAMT,EAAe,EAAE;;QANR,EACpB,KAAK,EACL,SAAS,EACT,GAAG,EACH,WAAW,OAEA,EADR,KAAK,cALY,4CAMrB,CADS;IAER,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wBAAY,EAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB;YACpD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACnC,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,uDAAiD;AACjD,uDAAsD;AAGtD,MAAM,MAAM,GACV,mEAAmE,CAAA;AAErE,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE,CACrD,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;AAExB,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAqB,CAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAChC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAC5B,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9B,OAAO,yCACL,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CACxC,sCAAsC,CAAA;AACxC,CAAC,CAAA;AAEM,MAAM,KAAK,GAAG,CAAC,EAMT,EAAe,EAAE;;QANR,EACpB,KAAK,EACL,SAAS,EACT,GAAG,EACH,WAAW,OAEA,EADR,KAAK,cALY,4CAMrB,CADS;IAER,MAAM,IAAI,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,wBAAY,EAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB;YACpD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACnC,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvB,IAAI,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;QAC7C,OAAO,CAAC,IAAI,CACV,wBAAwB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,YAAY,SAAS,qBAAqB,IAAI,CAAC,SAAS,+BAA+B,CAC7I,CAAA;KACF;IAED,OAAO,CACL,8BAAC,eAAS,kBACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAe,EACjC,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAgB,EACnC,GAAG,EAAE,MAAA,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,CAAC,GAAG,mCAAI,EAAE,EAC3B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACpB,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,KAAK,SA+BjB","sourcesContent":["import React, { useMemo } from 'react'\nimport { default as NextImage } from 'next/image'\nimport { getMediaFile } from '@starlightcms/react-sdk'\nimport { ImageProps } from './types'\n\nconst keyStr =\n 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='\n\nconst triplet = (e1: number, e2: number, e3: number) =>\n keyStr.charAt(e1 >> 2) +\n keyStr.charAt(((e1 & 3) << 4) | (e2 >> 4)) +\n keyStr.charAt(((e2 & 15) << 2) | (e3 >> 6)) +\n keyStr.charAt(e3 & 63)\n\nconst rgbDataURL = (hex: string) => {\n const aRgbHex = hex.match(/.{1,2}/g) as RegExpMatchArray\n const r = parseInt(aRgbHex[0], 16),\n g = parseInt(aRgbHex[1], 16),\n b = parseInt(aRgbHex[2], 16)\n\n return `data:image/gif;base64,R0lGODlhAQABAPAA${\n triplet(0, r, g) + triplet(b, 255, 255)\n }/yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==`\n}\n\nexport const Image = ({\n media,\n variation,\n alt,\n placeholder,\n ...props\n}: ImageProps): JSX.Element => {\n const file = useMemo(() => getMediaFile(media, variation), [media, variation])\n const blurDataURL = useMemo(() => {\n return placeholder === 'blur' && file.background_color\n ? rgbDataURL(file.background_color)\n : undefined\n }, [file, placeholder])\n\n if (variation && file.variation !== variation) {\n console.warn(\n `Starlight media file ${media.name}.${media.extension} has no \"${variation}\" variation. The \"${file.variation}\" variation was used instead.`\n )\n }\n\n return (\n <NextImage\n src={file.path}\n width={file.meta?.width as number}\n height={file.meta?.height as number}\n alt={alt ?? media.alt ?? ''}\n placeholder={placeholder}\n blurDataURL={blurDataURL}\n {...props}\n />\n )\n}\n"]}
|
package/dist/esm/Image/index.js
CHANGED
|
@@ -31,7 +31,7 @@ export const Image = (_a) => {
|
|
|
31
31
|
? rgbDataURL(file.background_color)
|
|
32
32
|
: undefined;
|
|
33
33
|
}, [file, placeholder]);
|
|
34
|
-
if (file.variation !== variation) {
|
|
34
|
+
if (variation && file.variation !== variation) {
|
|
35
35
|
console.warn(`Starlight media file ${media.name}.${media.extension} has no "${variation}" variation. The "${file.variation}" variation was used instead.`);
|
|
36
36
|
}
|
|
37
37
|
return (React.createElement(NextImage, Object.assign({ src: file.path, width: (_b = file.meta) === null || _b === void 0 ? void 0 : _b.width, height: (_c = file.meta) === null || _c === void 0 ? void 0 : _c.height, alt: (_d = alt !== null && alt !== void 0 ? alt : media.alt) !== null && _d !== void 0 ? _d : '', placeholder: placeholder, blurDataURL: blurDataURL }, props)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,MAAM,MAAM,GACV,mEAAmE,CAAA;AAErE,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE,CACrD,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;AAExB,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAqB,CAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAChC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAC5B,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9B,OAAO,yCACL,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CACxC,sCAAsC,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAMT,EAAe,EAAE;;QANR,EACpB,KAAK,EACL,SAAS,EACT,GAAG,EACH,WAAW,OAEA,EADR,KAAK,cALY,4CAMrB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB;YACpD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACnC,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvB,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAGtD,MAAM,MAAM,GACV,mEAAmE,CAAA;AAErE,MAAM,OAAO,GAAG,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE,CACrD,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;IACtB,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC1C,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC,CAAA;AAExB,MAAM,UAAU,GAAG,CAAC,GAAW,EAAE,EAAE;IACjC,MAAM,OAAO,GAAG,GAAG,CAAC,KAAK,CAAC,SAAS,CAAqB,CAAA;IACxD,MAAM,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAChC,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAC5B,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;IAE9B,OAAO,yCACL,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CACxC,sCAAsC,CAAA;AACxC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAMT,EAAe,EAAE;;QANR,EACpB,KAAK,EACL,SAAS,EACT,GAAG,EACH,WAAW,OAEA,EADR,KAAK,cALY,4CAMrB,CADS;IAER,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAA;IAC9E,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,OAAO,WAAW,KAAK,MAAM,IAAI,IAAI,CAAC,gBAAgB;YACpD,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC;YACnC,CAAC,CAAC,SAAS,CAAA;IACf,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvB,IAAI,SAAS,IAAI,IAAI,CAAC,SAAS,KAAK,SAAS,EAAE;QAC7C,OAAO,CAAC,IAAI,CACV,wBAAwB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,YAAY,SAAS,qBAAqB,IAAI,CAAC,SAAS,+BAA+B,CAC7I,CAAA;KACF;IAED,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAe,EACjC,MAAM,EAAE,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAgB,EACnC,GAAG,EAAE,MAAA,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,CAAC,GAAG,mCAAI,EAAE,EAC3B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACpB,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React, { useMemo } from 'react'\nimport { default as NextImage } from 'next/image'\nimport { getMediaFile } from '@starlightcms/react-sdk'\nimport { ImageProps } from './types'\n\nconst keyStr =\n 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/='\n\nconst triplet = (e1: number, e2: number, e3: number) =>\n keyStr.charAt(e1 >> 2) +\n keyStr.charAt(((e1 & 3) << 4) | (e2 >> 4)) +\n keyStr.charAt(((e2 & 15) << 2) | (e3 >> 6)) +\n keyStr.charAt(e3 & 63)\n\nconst rgbDataURL = (hex: string) => {\n const aRgbHex = hex.match(/.{1,2}/g) as RegExpMatchArray\n const r = parseInt(aRgbHex[0], 16),\n g = parseInt(aRgbHex[1], 16),\n b = parseInt(aRgbHex[2], 16)\n\n return `data:image/gif;base64,R0lGODlhAQABAPAA${\n triplet(0, r, g) + triplet(b, 255, 255)\n }/yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==`\n}\n\nexport const Image = ({\n media,\n variation,\n alt,\n placeholder,\n ...props\n}: ImageProps): JSX.Element => {\n const file = useMemo(() => getMediaFile(media, variation), [media, variation])\n const blurDataURL = useMemo(() => {\n return placeholder === 'blur' && file.background_color\n ? rgbDataURL(file.background_color)\n : undefined\n }, [file, placeholder])\n\n if (variation && file.variation !== variation) {\n console.warn(\n `Starlight media file ${media.name}.${media.extension} has no \"${variation}\" variation. The \"${file.variation}\" variation was used instead.`\n )\n }\n\n return (\n <NextImage\n src={file.path}\n width={file.meta?.width as number}\n height={file.meta?.height as number}\n alt={alt ?? media.alt ?? ''}\n placeholder={placeholder}\n blurDataURL={blurDataURL}\n {...props}\n />\n )\n}\n"]}
|