oasis-chat 0.0.10 → 0.0.11
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../src/index.js","../../src/react/index.tsx"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n","import React, { useEffect, useRef } from 'react';\nimport { createButton } from '../index.js';\nimport '../style.css';\n\nexport interface OasisButtonProps {\n label?: string;\n className?: string;\n onClick?: (e: globalThis.MouseEvent) => void;\n}\n\nexport function OasisButton({ ...options }: OasisButtonProps) {\n const containerRef = useRef(null as HTMLDivElement | null);\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n // 기존 버튼 제거 후 재생성(프로퍼티 변경 대응)\n containerRef.current.innerHTML = '';\n\n const btn = createButton({\n ...options,\n });\n\n containerRef.current.appendChild(btn);\n\n return () => {\n containerRef.current && (containerRef.current.innerHTML = '');\n };\n }, [options.label, options.onClick, options.className]);\n\n return <div ref={containerRef} />;\n}\n"],"names":["createButton","label","className","onClick","button","e","OasisButton","options","containerRef","useRef","useEffect","btn","jsx"],"mappings":"wIAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAY,CACjB,qDACA,yBACA,gCACA,kFACA,kDACAF,CACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,EACXE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUC,GAAM,CAClC,OAAOF,GAAY,YACrBA,EAAQE,CAAC,CAEb,CAAC,EACMD,CACT,
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../src/index.js","../../src/react/index.tsx"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n","import React, { useEffect, useRef } from 'react';\nimport { createButton } from '../index.js';\n\n// CSS를 명시적으로 import하여 번들에 포함시킴\n// Next.js와 같은 프레임워크에서 CSS가 제대로 처리되도록 함\nimport '../style.css';\n\nexport interface OasisButtonProps {\n label?: string;\n className?: string;\n onClick?: (e: globalThis.MouseEvent) => void;\n}\n\nexport function OasisButton({ ...options }: OasisButtonProps) {\n const containerRef = useRef(null as HTMLDivElement | null);\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n // 기존 버튼 제거 후 재생성(프로퍼티 변경 대응)\n containerRef.current.innerHTML = '';\n\n const btn = createButton({\n ...options,\n });\n\n containerRef.current.appendChild(btn);\n\n return () => {\n containerRef.current && (containerRef.current.innerHTML = '');\n };\n }, [options.label, options.onClick, options.className]);\n\n return <div ref={containerRef} />;\n}\n"],"names":["createButton","label","className","onClick","button","e","OasisButton","options","containerRef","useRef","useEffect","btn","jsx"],"mappings":"wIAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAY,CACjB,qDACA,yBACA,gCACA,kFACA,kDACAF,CACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,EACXE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUC,GAAM,CAClC,OAAOF,GAAY,YACrBA,EAAQE,CAAC,CAEb,CAAC,EACMD,CACT,CCTO,SAASE,EAAY,CAAE,GAAGC,GAA6B,CAC5D,MAAMC,EAAeC,EAAAA,OAAO,IAA6B,EAEzDC,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAI,CAACF,EAAa,QAAS,OAG3BA,EAAa,QAAQ,UAAY,GAEjC,MAAMG,EAAMX,EAAa,CACvB,GAAGO,CAAA,CACJ,EAED,OAAAC,EAAa,QAAQ,YAAYG,CAAG,EAE7B,IAAM,CACXH,EAAa,UAAYA,EAAa,QAAQ,UAAY,GAC5D,CACF,EAAG,CAACD,EAAQ,MAAOA,EAAQ,QAASA,EAAQ,SAAS,CAAC,EAE/CK,EAAAA,IAAC,MAAA,CAAI,IAAKJ,CAAA,CAAc,CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../src/index.js","../../src/react/index.tsx"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n","import React, { useEffect, useRef } from 'react';\nimport { createButton } from '../index.js';\nimport '../style.css';\n\nexport interface OasisButtonProps {\n label?: string;\n className?: string;\n onClick?: (e: globalThis.MouseEvent) => void;\n}\n\nexport function OasisButton({ ...options }: OasisButtonProps) {\n const containerRef = useRef(null as HTMLDivElement | null);\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n // 기존 버튼 제거 후 재생성(프로퍼티 변경 대응)\n containerRef.current.innerHTML = '';\n\n const btn = createButton({\n ...options,\n });\n\n containerRef.current.appendChild(btn);\n\n return () => {\n containerRef.current && (containerRef.current.innerHTML = '');\n };\n }, [options.label, options.onClick, options.className]);\n\n return <div ref={containerRef} />;\n}\n"],"names":["createButton","label","className","onClick","button","e","OasisButton","options","containerRef","useRef","useEffect","btn","jsx"],"mappings":";;AAEO,SAASA,EAAa,EAAE,OAAAC,IAAQ,MAAM,WAAAC,IAAY,IAAI,SAAAC,EAAO,IAAK,IAAI;AAC3E,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,SAAAA,EAAO,OAAO,UACdA,EAAO,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAF;AAAA,EACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,GACXE,EAAO,cAAcH,GACrBG,EAAO,iBAAiB,SAAS,CAACC,MAAM;AACtC,IAAI,OAAOF,KAAY,cACrBA,EAAQE,CAAC;AAAA,EAEb,CAAC,GACMD;AACT;
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../src/index.js","../../src/react/index.tsx"],"sourcesContent":["import './style.css';\n\nexport function createButton({ label = '클릭', className = '', onClick } = {}) {\n const button = document.createElement('button');\n button.type = 'button';\n button.className = [\n 'inline-flex items-center justify-center rounded-md',\n 'bg-blue-600 text-white',\n 'px-4 py-2 text-sm font-medium',\n 'shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500',\n 'disabled:opacity-50 disabled:cursor-not-allowed',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n button.textContent = label;\n button.addEventListener('click', (e) => {\n if (typeof onClick === 'function') {\n onClick(e);\n }\n });\n return button;\n}\n","import React, { useEffect, useRef } from 'react';\nimport { createButton } from '../index.js';\n\n// CSS를 명시적으로 import하여 번들에 포함시킴\n// Next.js와 같은 프레임워크에서 CSS가 제대로 처리되도록 함\nimport '../style.css';\n\nexport interface OasisButtonProps {\n label?: string;\n className?: string;\n onClick?: (e: globalThis.MouseEvent) => void;\n}\n\nexport function OasisButton({ ...options }: OasisButtonProps) {\n const containerRef = useRef(null as HTMLDivElement | null);\n\n useEffect(() => {\n if (!containerRef.current) return;\n\n // 기존 버튼 제거 후 재생성(프로퍼티 변경 대응)\n containerRef.current.innerHTML = '';\n\n const btn = createButton({\n ...options,\n });\n\n containerRef.current.appendChild(btn);\n\n return () => {\n containerRef.current && (containerRef.current.innerHTML = '');\n };\n }, [options.label, options.onClick, options.className]);\n\n return <div ref={containerRef} />;\n}\n"],"names":["createButton","label","className","onClick","button","e","OasisButton","options","containerRef","useRef","useEffect","btn","jsx"],"mappings":";;AAEO,SAASA,EAAa,EAAE,OAAAC,IAAQ,MAAM,WAAAC,IAAY,IAAI,SAAAC,EAAO,IAAK,IAAI;AAC3E,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,SAAAA,EAAO,OAAO,UACdA,EAAO,YAAY;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAF;AAAA,EACJ,EACK,OAAO,OAAO,EACd,KAAK,GAAG,GACXE,EAAO,cAAcH,GACrBG,EAAO,iBAAiB,SAAS,CAACC,MAAM;AACtC,IAAI,OAAOF,KAAY,cACrBA,EAAQE,CAAC;AAAA,EAEb,CAAC,GACMD;AACT;ACTO,SAASE,EAAY,EAAE,GAAGC,KAA6B;AAC5D,QAAMC,IAAeC,EAAO,IAA6B;AAEzD,SAAAC,EAAU,MAAM;AACd,QAAI,CAACF,EAAa,QAAS;AAG3B,IAAAA,EAAa,QAAQ,YAAY;AAEjC,UAAMG,IAAMX,EAAa;AAAA,MACvB,GAAGO;AAAA,IAAA,CACJ;AAED,WAAAC,EAAa,QAAQ,YAAYG,CAAG,GAE7B,MAAM;AACX,MAAAH,EAAa,YAAYA,EAAa,QAAQ,YAAY;AAAA,IAC5D;AAAA,EACF,GAAG,CAACD,EAAQ,OAAOA,EAAQ,SAASA,EAAQ,SAAS,CAAC,GAE/C,gBAAAK,EAAC,OAAA,EAAI,KAAKJ,EAAA,CAAc;AACjC;"}
|