@starlightcms/next-sdk 2.0.0 → 2.1.0

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsBpC,eAAO,MAAM,KAAK,qDAMf,UAAU,KAAG,WAyBf,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsBpC,eAAO,MAAM,KAAK,qDAMf,UAAU,KAAG,WAyBf,CAAA"}
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ 'use client';
2
3
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
4
  if (k2 === undefined) k2 = k;
4
5
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -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,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"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,+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":["'use client'\n\nimport 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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsBpC,eAAO,MAAM,KAAK,qDAMf,UAAU,KAAG,WAyBf,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAsBpC,eAAO,MAAM,KAAK,qDAMf,UAAU,KAAG,WAyBf,CAAA"}
@@ -1,3 +1,4 @@
1
+ 'use client';
1
2
  var __rest = (this && this.__rest) || function (s, e) {
2
3
  var t = {};
3
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -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,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"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Image/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;;;;;;;;;;;AAEZ,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":["'use client'\n\nimport 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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@starlightcms/next-sdk",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "description": "The Starlight SDK for Next",
5
5
  "main": "dist/cjs/index.js",
6
6
  "exports": {
@@ -54,7 +54,7 @@
54
54
  ]
55
55
  },
56
56
  "dependencies": {
57
- "@starlightcms/react-sdk": "^2.2.0"
57
+ "@starlightcms/react-sdk": "^2.3.0"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "next": ">=13.0.0",