@liner-fe/prism 2.3.9 → 2.3.10

package/lib/illust.js

@@ -37,29 +37,31 @@ __export(illust_exports, {
 module.exports = __toCommonJS(illust_exports);
 
 // src/constants/illust/size.ts
-var ratio = { "16:9": { width: 1344, height: 756 }, "4:3": { width: 1008, height: 756 } };
+var ratio = { "4:3": { width: 180, height: 135 }, "1:1": { width: 250, height: 250 } };
 var illustSize = {
-  "object-pencil_paper-16_9": ratio["16:9"],
-  "object-smoke-16_9": ratio["16:9"],
-  "person-standing_with_a_star-16_9": ratio["16:9"],
-  "person-searching-16_9": ratio["16:9"],
-  "person-cheerup-16_9": ratio["16:9"],
-  "object-graduation_cap_pencil-4_3": ratio["4:3"],
-  "object-book_pencil-4_3": ratio["4:3"],
-  "object-puzzle-4_3": ratio["4:3"],
-  "object-magnifying_glass-4_3": ratio["4:3"],
-  "object-lock-4_3": ratio["4:3"],
-  "object-empty_box-4_3": ratio["4:3"],
-  "person-working_01-4_3": ratio["4:3"],
-  "person-searching_01-4_3": ratio["4:3"],
-  "person-worried_01-4_3": ratio["4:3"],
-  "person-worried_02-4_3": ratio["4:3"],
-  "person-worried_03-4_3": ratio["4:3"],
-  "person-worried_04-4_3": ratio["4:3"],
-  "person-working_02-4_3": ratio["4:3"],
-  "person-bye-4_3": ratio["4:3"],
-  "person-space_in_work-4_3": ratio["4:3"],
-  "person-cheerup-4_3": ratio["4:3"]
+  "hero-gift": ratio["1:1"],
+  "hero-search": ratio["1:1"],
+  "mini-documents-2": ratio["1:1"],
+  "mini-documents-3": ratio["1:1"],
+  "mini-documents-4": ratio["1:1"],
+  "mini-documents-5": ratio["1:1"],
+  "mini-documents": ratio["1:1"],
+  "mini-egg": ratio["1:1"],
+  "mini-gift": ratio["1:1"],
+  "mini-graduation_hat": ratio["1:1"],
+  "mini-search": ratio["1:1"],
+  "mini-ticket": ratio["1:1"],
+  "mini-window": ratio["1:1"],
+  "spot-catch_star": ratio["4:3"],
+  "spot-clap": ratio["4:3"],
+  "spot-empty": ratio["4:3"],
+  "spot-no_search": ratio["4:3"],
+  "spot-search-2": ratio["4:3"],
+  "spot-search-3": ratio["4:3"],
+  "spot-search-4": ratio["4:3"],
+  "spot-search-5": ratio["4:3"],
+  "spot-search": ratio["4:3"],
+  "spot-write": ratio["4:3"]
 };
 
 // src/components/Illust/index.tsx

package/lib/illust.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/illust.ts","../src/constants/illust/size.ts","../src/components/Illust/index.tsx","../src/constants/illust/path.ts","../src/hooks/useIllust.ts","../src/utils/illust.ts"],"sourcesContent":["export * from './components/Illust';\nexport * from './utils/illust';\n","import { IllustType } from '@/types/illust';\n\nconst ratio = { '16:9': { width: 1344, height: 756 }, '4:3': { width: 1008, height: 756 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n  'object-pencil_paper-16_9': ratio['16:9'],\n  'object-smoke-16_9': ratio['16:9'],\n  'person-standing_with_a_star-16_9': ratio['16:9'],\n  'person-searching-16_9': ratio['16:9'],\n  'person-cheerup-16_9': ratio['16:9'],\n  'object-graduation_cap_pencil-4_3': ratio['4:3'],\n  'object-book_pencil-4_3': ratio['4:3'],\n  'object-puzzle-4_3': ratio['4:3'],\n  'object-magnifying_glass-4_3': ratio['4:3'],\n  'object-lock-4_3': ratio['4:3'],\n  'object-empty_box-4_3': ratio['4:3'],\n  'person-working_01-4_3': ratio['4:3'],\n  'person-searching_01-4_3': ratio['4:3'],\n  'person-worried_01-4_3': ratio['4:3'],\n  'person-worried_02-4_3': ratio['4:3'],\n  'person-worried_03-4_3': ratio['4:3'],\n  'person-worried_04-4_3': ratio['4:3'],\n  'person-working_02-4_3': ratio['4:3'],\n  'person-bye-4_3': ratio['4:3'],\n  'person-space_in_work-4_3': ratio['4:3'],\n  'person-cheerup-4_3': ratio['4:3'],\n};\n","import { illustSize } from '@/constants/illust/size';\nimport Image, { ImageProps } from 'next/image';\nimport { CSSProperties } from 'react';\nimport { useIllust } from '@/hooks/useIllust';\nimport { IllustType } from '@/types/illust';\nimport { Property } from 'csstype';\n\nexport interface Source<T extends false | true = true> {\n  name: IllustType;\n  inverse?: T;\n}\n\ninterface IProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {\n  width: number;\n  src: { light: Source<false>; dark?: Source };\n  margin?: Property.Margin<string>;\n}\n\nexport const Illust = (props: IProps) => {\n  const { src, width, margin } = props;\n  const { sourcePrefix, currentSourceByColorTheme } = useIllust({\n    darkSrc: src.dark,\n    src: src.light,\n  });\n\n  const aspectRatio = illustSize[currentSourceByColorTheme]\n    ? illustSize[currentSourceByColorTheme].width / illustSize[currentSourceByColorTheme].height\n    : undefined;\n\n  const css: CSSProperties = {\n    width,\n    margin,\n  };\n\n  const source = `${sourcePrefix}${currentSourceByColorTheme}.webp`;\n\n  return (\n    <div style={css}>\n      <Image\n        {...props}\n        alt={currentSourceByColorTheme}\n        src={source}\n        width={width}\n        height={aspectRatio ? width / aspectRatio : width}\n      />\n    </div>\n  );\n};\n","export const ILLUST = '/illust';\n\nexport const DARK_MODE_ILLUST_PREFIX = `${ILLUST}/dark/`;\nexport const LIGHT_MODE_ILLUST_PREFIX = `${ILLUST}/light/`;\n","import { Source } from '@/components/Illust';\nimport { DARK_MODE_ILLUST_PREFIX, LIGHT_MODE_ILLUST_PREFIX } from '@/constants/illust/path';\nimport { useDarkTheme } from '@liner-fe/design-token';\n\nexport const useIllust = ({ darkSrc, src }: { darkSrc?: Source; src: Source<false> }) => {\n  const { isDarkMode } = useDarkTheme();\n\n  const sourcePrefix = (() => {\n    if (isDarkMode) {\n      if (darkSrc?.inverse) {\n        return LIGHT_MODE_ILLUST_PREFIX;\n      }\n\n      return DARK_MODE_ILLUST_PREFIX;\n    }\n\n    if (src.inverse === false) {\n      return DARK_MODE_ILLUST_PREFIX;\n    }\n\n    return LIGHT_MODE_ILLUST_PREFIX;\n  })();\n\n  const currentSourceByColorTheme = isDarkMode ? darkSrc?.name || src.name : src.name;\n\n  return { sourcePrefix, currentSourceByColorTheme, isDarkMode };\n};\n","import { ILLUST } from '@/constants/illust/path';\nimport { IllustType } from '@/types/illust';\n\nexport const prefetchIllust = async ({ name, isDark = false }: { name: IllustType; isDark?: boolean }) =>\n  await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,IAAM,QAAQ,EAAE,QAAQ,EAAE,OAAO,MAAM,QAAQ,IAAI,GAAG,OAAO,EAAE,OAAO,MAAM,QAAQ,IAAI,EAAE;AAEnF,IAAM,aAA6E;AAAA,EACxF,4BAA4B,MAAM,MAAM;AAAA,EACxC,qBAAqB,MAAM,MAAM;AAAA,EACjC,oCAAoC,MAAM,MAAM;AAAA,EAChD,yBAAyB,MAAM,MAAM;AAAA,EACrC,uBAAuB,MAAM,MAAM;AAAA,EACnC,oCAAoC,MAAM,KAAK;AAAA,EAC/C,0BAA0B,MAAM,KAAK;AAAA,EACrC,qBAAqB,MAAM,KAAK;AAAA,EAChC,+BAA+B,MAAM,KAAK;AAAA,EAC1C,mBAAmB,MAAM,KAAK;AAAA,EAC9B,wBAAwB,MAAM,KAAK;AAAA,EACnC,yBAAyB,MAAM,KAAK;AAAA,EACpC,2BAA2B,MAAM,KAAK;AAAA,EACtC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,yBAAyB,MAAM,KAAK;AAAA,EACpC,kBAAkB,MAAM,KAAK;AAAA,EAC7B,4BAA4B,MAAM,KAAK;AAAA,EACvC,sBAAsB,MAAM,KAAK;AACnC;;;ACzBA,mBAAkC;;;ACD3B,IAAM,SAAS;AAEf,IAAM,0BAA0B,GAAG,MAAM;AACzC,IAAM,2BAA2B,GAAG,MAAM;;;ACDjD,0BAA6B;AAEtB,IAAM,YAAY,wBAAC,EAAE,SAAS,IAAI,MAAgD;AACvF,QAAM,EAAE,WAAW,QAAI,kCAAa;AAEpC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,YAAY;AACd,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAEA,QAAI,IAAI,YAAY,OAAO;AACzB,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,4BAA4B,aAAa,SAAS,QAAQ,IAAI,OAAO,IAAI;AAE/E,SAAO,EAAE,cAAc,2BAA2B,WAAW;AAC/D,GAtByB;;;AFkCnB;AApBC,IAAM,SAAS,wBAAC,UAAkB;AACvC,QAAM,EAAE,KAAK,OAAO,OAAO,IAAI;AAC/B,QAAM,EAAE,cAAc,0BAA0B,IAAI,UAAU;AAAA,IAC5D,SAAS,IAAI;AAAA,IACb,KAAK,IAAI;AAAA,EACX,CAAC;AAED,QAAM,cAAc,WAAW,yBAAyB,IACpD,WAAW,yBAAyB,EAAE,QAAQ,WAAW,yBAAyB,EAAE,SACpF;AAEJ,QAAM,MAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,GAAG,yBAAyB;AAE1D,SACE,4CAAC,SAAI,OAAO,KACV;AAAA,IAAC,aAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA,QAAQ,cAAc,QAAQ,cAAc;AAAA;AAAA,EAC9C,GACF;AAEJ,GA7BsB;;;AGff,IAAM,iBAAiB,8BAAO,EAAE,MAAM,SAAS,MAAM,MAC1D,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,WAAW,SAAS,GAAG,IAAI,OAAO,GADvC;","names":["Image"]}
+{"version":3,"sources":["../src/illust.ts","../src/constants/illust/size.ts","../src/components/Illust/index.tsx","../src/constants/illust/path.ts","../src/hooks/useIllust.ts","../src/utils/illust.ts"],"sourcesContent":["export * from './components/Illust';\nexport * from './utils/illust';\n","import { IllustType } from '@/types/illust';\n\nconst ratio = { '4:3': { width: 180, height: 135 }, '1:1': { width: 250, height: 250 } };\n\nexport const illustSize: Partial<Record<IllustType, { width: number; height: number }>> = {\n  'hero-gift': ratio['1:1'],\n  'hero-search': ratio['1:1'],\n  'mini-documents-2': ratio['1:1'],\n  'mini-documents-3': ratio['1:1'],\n  'mini-documents-4': ratio['1:1'],\n  'mini-documents-5': ratio['1:1'],\n  'mini-documents': ratio['1:1'],\n  'mini-egg': ratio['1:1'],\n  'mini-gift': ratio['1:1'],\n  'mini-graduation_hat': ratio['1:1'],\n  'mini-search': ratio['1:1'],\n  'mini-ticket': ratio['1:1'],\n  'mini-window': ratio['1:1'],\n  'spot-catch_star': ratio['4:3'],\n  'spot-clap': ratio['4:3'],\n  'spot-empty': ratio['4:3'],\n  'spot-no_search': ratio['4:3'],\n  'spot-search-2': ratio['4:3'],\n  'spot-search-3': ratio['4:3'],\n  'spot-search-4': ratio['4:3'],\n  'spot-search-5': ratio['4:3'],\n  'spot-search': ratio['4:3'],\n  'spot-write': ratio['4:3'],\n};\n","import { illustSize } from '@/constants/illust/size';\nimport Image, { ImageProps } from 'next/image';\nimport { CSSProperties } from 'react';\nimport { useIllust } from '@/hooks/useIllust';\nimport { IllustType } from '@/types/illust';\nimport { Property } from 'csstype';\n\nexport interface Source<T extends false | true = true> {\n  name: IllustType;\n  inverse?: T;\n}\n\ninterface IProps extends Omit<ImageProps, 'alt' | 'width' | 'height' | 'fill' | 'src'> {\n  width: number;\n  src: { light: Source<false>; dark?: Source };\n  margin?: Property.Margin<string>;\n}\n\nexport const Illust = (props: IProps) => {\n  const { src, width, margin } = props;\n  const { sourcePrefix, currentSourceByColorTheme } = useIllust({\n    darkSrc: src.dark,\n    src: src.light,\n  });\n\n  const aspectRatio = illustSize[currentSourceByColorTheme]\n    ? illustSize[currentSourceByColorTheme].width / illustSize[currentSourceByColorTheme].height\n    : undefined;\n\n  const css: CSSProperties = {\n    width,\n    margin,\n  };\n\n  const source = `${sourcePrefix}${currentSourceByColorTheme}.webp`;\n\n  return (\n    <div style={css}>\n      <Image\n        {...props}\n        alt={currentSourceByColorTheme}\n        src={source}\n        width={width}\n        height={aspectRatio ? width / aspectRatio : width}\n      />\n    </div>\n  );\n};\n","export const ILLUST = '/illust';\n\nexport const DARK_MODE_ILLUST_PREFIX = `${ILLUST}/dark/`;\nexport const LIGHT_MODE_ILLUST_PREFIX = `${ILLUST}/light/`;\n","import { Source } from '@/components/Illust';\nimport { DARK_MODE_ILLUST_PREFIX, LIGHT_MODE_ILLUST_PREFIX } from '@/constants/illust/path';\nimport { useDarkTheme } from '@liner-fe/design-token';\n\nexport const useIllust = ({ darkSrc, src }: { darkSrc?: Source; src: Source<false> }) => {\n  const { isDarkMode } = useDarkTheme();\n\n  const sourcePrefix = (() => {\n    if (isDarkMode) {\n      if (darkSrc?.inverse) {\n        return LIGHT_MODE_ILLUST_PREFIX;\n      }\n\n      return DARK_MODE_ILLUST_PREFIX;\n    }\n\n    if (src.inverse === false) {\n      return DARK_MODE_ILLUST_PREFIX;\n    }\n\n    return LIGHT_MODE_ILLUST_PREFIX;\n  })();\n\n  const currentSourceByColorTheme = isDarkMode ? darkSrc?.name || src.name : src.name;\n\n  return { sourcePrefix, currentSourceByColorTheme, isDarkMode };\n};\n","import { ILLUST } from '@/constants/illust/path';\nimport { IllustType } from '@/types/illust';\n\nexport const prefetchIllust = async ({ name, isDark = false }: { name: IllustType; isDark?: boolean }) =>\n  await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,IAAM,QAAQ,EAAE,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,GAAG,OAAO,EAAE,OAAO,KAAK,QAAQ,IAAI,EAAE;AAEhF,IAAM,aAA6E;AAAA,EACxF,aAAa,MAAM,KAAK;AAAA,EACxB,eAAe,MAAM,KAAK;AAAA,EAC1B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,oBAAoB,MAAM,KAAK;AAAA,EAC/B,kBAAkB,MAAM,KAAK;AAAA,EAC7B,YAAY,MAAM,KAAK;AAAA,EACvB,aAAa,MAAM,KAAK;AAAA,EACxB,uBAAuB,MAAM,KAAK;AAAA,EAClC,eAAe,MAAM,KAAK;AAAA,EAC1B,eAAe,MAAM,KAAK;AAAA,EAC1B,eAAe,MAAM,KAAK;AAAA,EAC1B,mBAAmB,MAAM,KAAK;AAAA,EAC9B,aAAa,MAAM,KAAK;AAAA,EACxB,cAAc,MAAM,KAAK;AAAA,EACzB,kBAAkB,MAAM,KAAK;AAAA,EAC7B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,iBAAiB,MAAM,KAAK;AAAA,EAC5B,eAAe,MAAM,KAAK;AAAA,EAC1B,cAAc,MAAM,KAAK;AAC3B;;;AC3BA,mBAAkC;;;ACD3B,IAAM,SAAS;AAEf,IAAM,0BAA0B,GAAG,MAAM;AACzC,IAAM,2BAA2B,GAAG,MAAM;;;ACDjD,0BAA6B;AAEtB,IAAM,YAAY,wBAAC,EAAE,SAAS,IAAI,MAAgD;AACvF,QAAM,EAAE,WAAW,QAAI,kCAAa;AAEpC,QAAM,gBAAgB,MAAM;AAC1B,QAAI,YAAY;AACd,UAAI,SAAS,SAAS;AACpB,eAAO;AAAA,MACT;AAEA,aAAO;AAAA,IACT;AAEA,QAAI,IAAI,YAAY,OAAO;AACzB,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAAG;AAEH,QAAM,4BAA4B,aAAa,SAAS,QAAQ,IAAI,OAAO,IAAI;AAE/E,SAAO,EAAE,cAAc,2BAA2B,WAAW;AAC/D,GAtByB;;;AFkCnB;AApBC,IAAM,SAAS,wBAAC,UAAkB;AACvC,QAAM,EAAE,KAAK,OAAO,OAAO,IAAI;AAC/B,QAAM,EAAE,cAAc,0BAA0B,IAAI,UAAU;AAAA,IAC5D,SAAS,IAAI;AAAA,IACb,KAAK,IAAI;AAAA,EACX,CAAC;AAED,QAAM,cAAc,WAAW,yBAAyB,IACpD,WAAW,yBAAyB,EAAE,QAAQ,WAAW,yBAAyB,EAAE,SACpF;AAEJ,QAAM,MAAqB;AAAA,IACzB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,GAAG,yBAAyB;AAE1D,SACE,4CAAC,SAAI,OAAO,KACV;AAAA,IAAC,aAAAA;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL;AAAA,MACA,QAAQ,cAAc,QAAQ,cAAc;AAAA;AAAA,EAC9C,GACF;AAEJ,GA7BsB;;;AGff,IAAM,iBAAiB,8BAAO,EAAE,MAAM,SAAS,MAAM,MAC1D,MAAM,MAAM,GAAG,MAAM,GAAG,SAAS,WAAW,SAAS,GAAG,IAAI,OAAO,GADvC;","names":["Image"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liner-fe/prism",
-  "version": "2.3.9",
+  "version": "2.3.10",
   "packageManager": "yarn@3.6.0",
   "scripts": {
     "dev": "next dev",