@liner-fe/illust 0.2.8 → 0.2.9

package/lib/index.d.ts

@@ -0,0 +1,24 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+import { Property } from 'csstype';
+
+interface Source<T extends false | true = true> {
+    name: string;
+    inverse?: T;
+}
+interface IllustProps extends Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'> {
+    width: number;
+    src: {
+        light: Source<false>;
+        dark?: Source;
+    };
+    margin?: Property.Margin<string>;
+}
+declare const Illust: (props: IllustProps) => react_jsx_runtime.JSX.Element;
+
+declare const prefetchIllust: ({ name, isDark, }: {
+    name: string;
+    isDark?: boolean;
+}) => Promise<Response>;
+
+export { Illust, type IllustProps, type Source, prefetchIllust };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@liner-fe/illust",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "type": "module",
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "*"
+    "lib"
   ],
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",

package/.gitignore

@@ -1 +0,0 @@
-/lib

package/.ultra.cache.json

@@ -1 +0,0 @@
-{"files":{"lib":"1760876275317.5342","node_modules":"1761203842576.7976",".gitignore":"dc555529d53e3f2c4f0e55a863459c4b37d735aa","CHANGELOG.md":"f0c3c24b8d2fd6dd50505c9f52e0e4ac3b2fd22d","README.md":"63221bc63a67877867f2e5687df18a8fd094aaeb","config/tsup/tsup.config.ts":"a859643cfe271fbb36f8dcdbddf48e2a50cd3467","package.json":"a4e3e14b66382d159c15c77932c135f9f9ebc62a","src/components/index.tsx":"a76f6fffbe12d6ba35c1514c75cbf25bfa921dca","src/constants/path.ts":"3d830e3cec1911a55b97d4c019ffa64544691f55","src/constants/size.ts":"7b67ec10bd33f292bd8ceeef1b6caa5c7aae8db8","src/index.ts":"c622c42f0af65297761fd53dc4bcdce07f282859","src/utils/illust.ts":"d38b03c111b7f8441af200053469c4b590ce1251","tsconfig.build.json":"c72ec6a3beec74122bb0b83d3881081d33af3ced","tsconfig.json":"81023397af8ff9abb35dce28ed574a745240aec4"},"deps":{}}

package/CHANGELOG.md

@@ -1,43 +0,0 @@
-# @liner-fe/illust
-
-## 0.1.7
-
-### Patch Changes
-
-- 11ff74f: chore: 코치마크 close 아이콘 컬러 변경
-
-## 0.1.6
-
-### Patch Changes
-
-- c95bf49: feat: illust 추가
-
-## 0.1.5
-
-### Patch Changes
-
-- 99448a8: illust design token 의존성 삭제
-
-## 0.1.4
-
-### Patch Changes
-
-- e5cfc5c: ESM으로 전부 마이그레이션
-
-## 0.1.3
-
-### Patch Changes
-
-- 6bf3a85: liner-fe/illust build code 삭제
-
-## 0.1.2
-
-### Patch Changes
-
-- 07ae3a7: fix: illust, prism dual package로 전환
-
-## 0.1.1
-
-### Patch Changes
-
-- d9f0ee4: illust package 분리 및 prism ESM으로 마이그레이션

package/config/tsup/tsup.config.ts

@@ -1,19 +0,0 @@
-import { defineConfig } from 'tsup';
-import { nodeExternalsPlugin } from 'esbuild-node-externals';
-
-export default defineConfig({
-  entry: ['src/index.ts'],
-  outDir: 'lib',
-  // 이거는 무슨 옵션일까?
-  // splitting: false,
-  format: 'esm',
-  bundle: true,
-  minify: false,
-  keepNames: true,
-  jsxFactory: 'React.createElement',
-  jsxFragment: 'Fragment',
-  tsconfig: './tsconfig.build.json',
-  platform: 'neutral',
-  dts: true,
-  esbuildPlugins: [nodeExternalsPlugin()],
-});

package/src/components/index.tsx

@@ -1,61 +0,0 @@
-import { CSSProperties, DetailedHTMLProps, ImgHTMLAttributes } from 'react';
-import { Property } from 'csstype';
-import { DARK_MODE_ILLUST_PREFIX, LIGHT_MODE_ILLUST_PREFIX } from '@/constants/path';
-import { getIllustAspectRatio } from '@/constants/size';
-
-export interface Source<T extends false | true = true> {
-  name: string;
-  inverse?: T;
-}
-
-export interface IllustProps
-  extends Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'> {
-  width: number;
-  src: { light: Source<false>; dark?: Source };
-  margin?: Property.Margin<string>;
-}
-
-export const Illust = (props: IllustProps) => {
-  const { src, width, margin } = props;
-
-  const darkSource = src.dark?.name || src.light.name;
-  const lightSource = src.light.name;
-
-  const darkAspectRatio = getIllustAspectRatio(darkSource);
-  const lightAspectRatio = getIllustAspectRatio(lightSource);
-
-  const aspectRatioDark = darkAspectRatio
-    ? darkAspectRatio.width / darkAspectRatio.height
-    : undefined;
-
-  const aspectRatio = lightAspectRatio
-    ? lightAspectRatio.width / lightAspectRatio.height
-    : undefined;
-
-  const css: CSSProperties = {
-    width,
-    margin,
-  };
-
-  return (
-    <div style={css}>
-      <img
-        {...props}
-        alt={lightSource}
-        src={`${src.light.inverse === false ? DARK_MODE_ILLUST_PREFIX : LIGHT_MODE_ILLUST_PREFIX}${lightSource}.webp`}
-        width={width}
-        height={aspectRatio ? width / aspectRatio : width}
-        data-hide-on-theme={'dark'}
-      />
-      {/* dark */}
-      <img
-        {...props}
-        alt={darkSource}
-        src={`${src.dark?.inverse ? LIGHT_MODE_ILLUST_PREFIX : DARK_MODE_ILLUST_PREFIX}${darkSource}.webp`}
-        width={width}
-        height={aspectRatioDark ? width / aspectRatioDark : width}
-        data-hide-on-theme={'light'}
-      />
-    </div>
-  );
-};

package/src/constants/path.ts

@@ -1,4 +0,0 @@
-export const ILLUST = 'https://assets.getliner.com/common/illust';
-
-export const DARK_MODE_ILLUST_PREFIX = `${ILLUST}/dark/`;
-export const LIGHT_MODE_ILLUST_PREFIX = `${ILLUST}/light/`;

package/src/constants/size.ts

@@ -1,12 +0,0 @@
-const ratio = {
-  '4:3': { width: 180, height: 135 },
-  '1:1': { width: 250, height: 250 },
-};
-
-export const getIllustAspectRatio = (name: string) => {
-  if (name.startsWith('spot-')) {
-    return ratio['4:3'];
-  }
-
-  return ratio['1:1'];
-};

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components/index';
-export * from './utils/illust';

package/src/utils/illust.ts

@@ -1,9 +0,0 @@
-import { ILLUST } from '../constants/path';
-
-export const prefetchIllust = async ({
-  name,
-  isDark = false,
-}: {
-  name: string;
-  isDark?: boolean;
-}) => await fetch(`${ILLUST}${isDark ? '/dark/' : '/light/'}${name}.webp`);

package/tsconfig.build.json

@@ -1,35 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "target": "ESNext",
-    "emitDeclarationOnly": true,
-    "skipLibCheck": true,
-    "allowJs": true,
-    "incremental": false,
-    "jsx": "react-jsx",
-    "rootDir": "src",
-    "outDir": "lib",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "declaration": true,
-    "strict": true,
-    "noImplicitAny": true,
-    "resolveJsonModule": true,
-    "baseUrl": ".",
-    "plugins": [
-      {
-        "name": "next"
-      }
-      // {
-      //   "name": "typescript-plugin-css-modules"
-      // }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "src/**/*.ts", "src/**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules", "**/*.stories.ts", "**/*.stories.tsx"]
-}

package/tsconfig.json

@@ -1,29 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "noEmit": false,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "baseUrl": ".",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "plugins": [
-      {
-        "name": "next"
-      }
-      // {
-      //   "name": "typescript-plugin-css-modules"
-      // }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "../illust/src/utils/illust.ts", "../illust/src/types/illust.ts"],
-  "exclude": ["node_modules"]
-}