dogu-utils 0.0.1

package/.eslintrc

@@ -0,0 +1,13 @@
+{
+  "env": {
+    "browser": true,
+    "node": true
+  },
+  "extends": ["eslint:recommended"],
+  "parserOptions": {
+    "ecmaVersion": 2021
+  },
+  "rules": {
+    // Add your custom rules here
+  }
+}

package/.prettierrc

@@ -0,0 +1,10 @@
+{
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "semi": false,
+  "singleQuote": false,
+  "trailingComma": "none",
+  "bracketSpacing": true,
+  "arrowParens": "avoid"
+}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "dogu-utils",
+  "version": "0.0.1",
+  "description": "A utility library for TypeScript, JavaScript",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "rollup -c",
+    "watch": "rollup -cw"
+  },
+  "keywords": [],
+  "author": "Jeon Jaewon <wksk3249@gmail.com>",
+  "repository": "https://github.com/JeonJaewon/dogu-utils.git",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "^7.24.4",
+    "@babel/preset-env": "^7.24.4",
+    "@babel/preset-react": "^7.24.1",
+    "@babel/preset-typescript": "^7.24.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/react": "^18.2.74",
+    "@types/react-dom": "^18.2.24",
+    "eslint": "^9.0.0",
+    "prettier": "^3.2.5",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.4"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0"
+  }
+}

package/rollup.config.js

@@ -0,0 +1,23 @@
+import babel from "@rollup/plugin-babel";
+import typescript from "@rollup/plugin-typescript";
+
+export default {
+  input: "./src/index.ts",
+  output: {
+    file: "./dist/index.js",
+    format: "es",
+    sourcemap: true,
+  },
+  plugins: [
+    babel({
+      babelHelpers: "bundled",
+      presets: [
+        "@babel/preset-env",
+        "@babel/preset-react",
+        "@babel/preset-typescript",
+      ],
+      extensions: [".js", ".jsx", ".ts", ".tsx"],
+    }),
+    typescript(),
+  ],
+};

package/src/Hello.tsx

@@ -0,0 +1,6 @@
+import React from "react"
+import ReactDOM from "react-dom"
+
+export const Hello = () => {
+  return <div>Hello World!</div>
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./react"

package/src/react/hooks/useOpenCloseState.ts

@@ -0,0 +1,10 @@
+import { useCallback, useState } from "react"
+
+export const useOpenCloseState = (initialState = false) => {
+  const [isOpen, setIsOpen] = useState(initialState)
+
+  const open = useCallback(() => setIsOpen(true), [])
+  const close = useCallback(() => setIsOpen(false), [])
+
+  return [isOpen, open, close] as const
+}

package/src/react/index.ts

@@ -0,0 +1,2 @@
+export * from "./hooks/useOpenCloseState"
+export * from "./utils/createSafeContext"

package/src/react/utils/createSafeContext.tsx

@@ -0,0 +1,26 @@
+import { ReactNode, createContext, useContext } from "react"
+
+type ProviderProps<Value> = {
+  children: ReactNode
+  value: Value
+}
+
+export const createSafeContext = <Value,>(defaultValue?: Value) => {
+  const Context = createContext<Value | null>(defaultValue ?? null)
+
+  const Provider = ({ children, value }: ProviderProps<Value>) => {
+    return <Context.Provider value={value}>{children}</Context.Provider>
+  }
+
+  const useSafeContext = () => {
+    const context = useContext(Context)
+    if (context === null) {
+      throw new Error(
+        "useSafeContext must be used within a Provider, or give it a default value."
+      )
+    }
+    return context
+  }
+
+  return [Provider, useSafeContext] as const
+}

package/tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "esnext"],
+    "jsx": "react-jsx",
+    "module": "es6",
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "strict": true,
+    "esModuleInterop": true,
+    "declaration": true,
+    "declarationDir": "./dist"
+  }
+}