@basiln/utils 0.1.0

package/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../.eslintrc.cjs",
+  "ignorePatterns": ["tsup.config.ts"]
+}

package/.stylelintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["../../.stylelintrc"]
+}

package/CHANGELOG.md

@@ -0,0 +1,17 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 0.1.0 (2024-11-21)
+
+
+### Bug Fixes
+
+* **util:** build error fix ([cbb6bba](https://github.com/seedn-corp/basiln-packages-fe/commit/cbb6bbaf34ecfa267109961dd9d6853c93a0631f))
+
+
+### Features
+
+* tsup 세팅 ([c6e1aaf](https://github.com/seedn-corp/basiln-packages-fe/commit/c6e1aaf2f9b0ba6ef2090531bdcbe466581723d4))
+* 컴포넌트 추가 ([3656d2f](https://github.com/seedn-corp/basiln-packages-fe/commit/3656d2f8c58a14a3fd7931c6349c34b49fce676c))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 SeedN
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@basiln/utils",
+  "version": "0.1.0",
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "main": "./src/index.ts",
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "require": "./dist/index.js",
+        "import": "./dist/index.mjs"
+      },
+      "./package.json": "./package.json"
+    },
+    "main": "./dist/index.js"
+  },
+  "license": "ISC",
+  "scripts": {
+    "build": "tsup",
+    "dev": "yarn run build --watch",
+    "typecheck": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^22.9.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@typescript-eslint/eslint-plugin": "^5.49.0",
+    "@typescript-eslint/parser": "^5.49.0",
+    "eslint": "^8.33.0",
+    "eslint-config-prettier": "^8.6.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-no-relative-import-paths": "^1.5.5",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "tsup": "^6.5.0",
+    "typescript": "^4.9.5"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "gitHead": "dfa7ad216f0cd4359b92e63301de82980780f765"
+}

package/src/Choose.tsx

@@ -0,0 +1,37 @@
+import React, { isValidElement, type FC } from 'react';
+import type {
+  ChooseOtherwiseProps,
+  ChooseProps,
+  ChooseWhenProps,
+} from './types';
+
+export function Choose({ children }: ChooseProps) {
+  const validChildren = React.Children.toArray(children);
+
+  const matchingChild = validChildren.find(
+    child =>
+      isValidElement<ChooseWhenProps>(child) &&
+      child.type === Choose.When &&
+      child.props.condition,
+  );
+
+  if (matchingChild) {
+    return matchingChild;
+  }
+
+  const otherwiseChild = validChildren.find(
+    child => React.isValidElement(child) && child.type === Choose.Otherwise,
+  );
+
+  return otherwiseChild || <></>;
+}
+
+const ChooseWhen: FC<ChooseWhenProps> = ({ children }) => <>{children}</>;
+ChooseWhen.displayName = 'Choose.When';
+
+const ChooseOtherwise: FC<ChooseOtherwiseProps> = ({ children }) => (
+  <>{children}</>
+);
+
+Choose.When = ChooseWhen;
+Choose.Otherwise = ChooseOtherwise;

package/src/If.tsx

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IfProps } from './types';
+
+export function If(props: IfProps) {
+  const { condition, children } = props;
+
+  return condition ? <>{children}</> : null;
+}

package/src/composeEventHandlers.ts

@@ -0,0 +1,18 @@
+// @see https://github.com/radix-ui/primitives/blob/main/packages/core/primitive/src/primitive.tsx
+
+export function composeEventHandlers<E>(
+  originalEventHandler?: (event: E) => void,
+  ourEventHandler?: (event: E) => void,
+  { checkForDefaultPrevented = true } = {},
+) {
+  return function handleEvent(event: E) {
+    originalEventHandler?.(event);
+
+    if (
+      checkForDefaultPrevented === false ||
+      !(event as unknown as Event).defaultPrevented
+    ) {
+      return ourEventHandler?.(event);
+    }
+  };
+}

package/src/createContext.tsx

@@ -0,0 +1,40 @@
+import React, {
+  useMemo,
+  createContext as createContextRaw,
+  useContext as useContextRaw,
+  type PropsWithChildren,
+} from 'react';
+
+export function createContext<ContextValueType extends object | null>(
+  rootComponentName: string,
+  defaultContext?: ContextValueType,
+) {
+  const Context = createContextRaw<ContextValueType | undefined>(
+    defaultContext,
+  );
+
+  function Provider(props: PropsWithChildren<ContextValueType>) {
+    const { children, ...contextValues } = props;
+
+    const value = useMemo(
+      () => contextValues,
+      [contextValues],
+    ) as ContextValueType;
+
+    return <Context.Provider value={value}>{children}</Context.Provider>;
+  }
+
+  function useContext(consumerName: string) {
+    const context = useContextRaw(Context);
+    if (context == null) {
+      throw new Error(
+        `${consumerName}은 ${rootComponentName}하위에서 사용해야 합니다.`,
+      );
+    }
+
+    return context;
+  }
+
+  Provider.displayName = `${rootComponentName}Provider`;
+  return [Provider, useContext] as const;
+}

package/src/getVar.ts

@@ -0,0 +1,9 @@
+import { VariableType } from './types';
+
+export function getVar(variable: VariableType, defaultValue?: string) {
+  if (defaultValue) {
+    return `var(${variable}, ${defaultValue})`;
+  }
+
+  return `var(${variable})`;
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export { Choose } from './Choose';
+export { composeEventHandlers } from './composeEventHandlers';
+export { createContext } from './createContext';
+export { getVar } from './getVar';
+export { If } from './If';

package/src/types/Choose.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+
+export type ChooseWhenProps = {
+  condition: boolean;
+  children: ReactNode;
+};
+
+export type ChooseProps = {
+  children: ReactNode;
+};
+
+export type ChooseOtherwiseProps = {
+  children: ReactNode;
+};

package/src/types/If.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+
+export type IfProps = {
+  condition: boolean;
+  children: ReactNode;
+};

package/src/types/getVar.ts

@@ -0,0 +1 @@
+export type VariableType = `--${string}`;

package/src/types/index.ts

@@ -0,0 +1,9 @@
+export type {
+  ChooseWhenProps,
+  ChooseProps,
+  ChooseOtherwiseProps,
+} from './Choose';
+
+export type { IfProps } from './If';
+
+export type { VariableType } from './getVar';

package/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "outDir": "./dist"
+  },
+  "include": ["src", "./tsup.config.ts"],
+  "exclude": ["node_modules"]
+}

package/tsup.config.ts

@@ -0,0 +1,13 @@
+import { defineConfig } from "tsup";
+import pkgJson from "./package.json";
+
+const external = [...Object.keys((pkgJson as any).peerDependencies || {})];
+
+export default defineConfig({
+  entry: ["src/**/*.{ts,tsx}"],
+  format: ["esm", "cjs"],
+  sourcemap: true,
+  clean: true,
+  dts: "src/index.ts",
+  external,
+});