@starlightcms/next-sdk 2.0.0 → 3.0.0-beta.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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ImageProps } from './types';
3
2
  export declare const Image: ({ media, variation, alt, placeholder, ...props }: ImageProps) => JSX.Element;
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,GAAI,kDAMnB,UAAU,KAAG,GAAG,CAAC,OAyBnB,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);
@@ -15,13 +16,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
15
16
  }) : function(o, v) {
16
17
  o["default"] = v;
17
18
  });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
19
+ var __importStar = (this && this.__importStar) || (function () {
20
+ var ownKeys = function(o) {
21
+ ownKeys = Object.getOwnPropertyNames || function (o) {
22
+ var ar = [];
23
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
+ return ar;
25
+ };
26
+ return ownKeys(o);
27
+ };
28
+ return function (mod) {
29
+ if (mod && mod.__esModule) return mod;
30
+ var result = {};
31
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
+ __setModuleDefault(result, mod);
33
+ return result;
34
+ };
35
+ })();
25
36
  var __rest = (this && this.__rest) || function (s, e) {
26
37
  var t = {};
27
38
  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,+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,CAAC;QAC9C,OAAO,CAAC,IAAI,CACV,wBAAwB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,YAAY,SAAS,qBAAqB,IAAI,CAAC,SAAS,+BAA+B,CAC7I,CAAA;IACH,CAAC;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,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ImageProps } from './types';
3
2
  export declare const Image: ({ media, variation, alt, placeholder, ...props }: ImageProps) => JSX.Element;
4
3
  //# sourceMappingURL=index.d.ts.map
@@ -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,GAAI,kDAMnB,UAAU,KAAG,GAAG,CAAC,OAyBnB,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,CAAC;QAC9C,OAAO,CAAC,IAAI,CACV,wBAAwB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,SAAS,YAAY,SAAS,qBAAqB,IAAI,CAAC,SAAS,+BAA+B,CAC7I,CAAA;IACH,CAAC;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": "3.0.0-beta.0",
4
4
  "description": "The Starlight SDK for Next",
5
5
  "main": "dist/cjs/index.js",
6
6
  "exports": {
@@ -35,17 +35,17 @@
35
35
  },
36
36
  "homepage": "https://github.com/starlightcms/next-sdk#readme",
37
37
  "devDependencies": {
38
- "@types/node": "^16.10.1",
39
- "@types/react": "^18.0.0",
40
- "@typescript-eslint/eslint-plugin": "^4.31.2",
41
- "@typescript-eslint/parser": "^4.31.2",
42
- "eslint": "^7.32.0",
43
- "eslint-config-prettier": "^8.3.0",
38
+ "@types/node": "^24.10.3",
39
+ "@types/react": "^18.3.27",
40
+ "@typescript-eslint/eslint-plugin": "^8.49.0",
41
+ "@typescript-eslint/parser": "^8.49.0",
42
+ "eslint": "^9.39.1",
43
+ "eslint-config-prettier": "^10.1.8",
44
44
  "husky": "^7.0.2",
45
45
  "lint-staged": "^11.1.2",
46
46
  "prettier": "2.4.1",
47
47
  "rimraf": "^3.0.2",
48
- "typescript": "^4.4.3"
48
+ "typescript": "^5.9.3"
49
49
  },
50
50
  "lint-staged": {
51
51
  "*.{ts,tsx}": [
@@ -54,7 +54,7 @@
54
54
  ]
55
55
  },
56
56
  "dependencies": {
57
- "@starlightcms/react-sdk": "^2.2.0"
57
+ "@starlightcms/react-sdk": "^3.0.0-beta.1"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "next": ">=13.0.0",