@ienlab/react-library 0.5.1 → 0.6.0

package/dist/my-library.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react`),t=require(`motion/react`),n=require(`react/jsx-runtime`),r=require(`firebase/firestore`);function i({placeholder:r,src:i,onLoadError:a,...o}){let[s,c]=(0,e.useState)(()=>{if(typeof window>`u`||!i)return!1;let e=new Image;return e.src=i,e.complete&&e.naturalWidth>0}),[l,u]=(0,e.useState)(i);return l!==i&&(u(i),c(!1)),(0,e.useEffect)(()=>{if(!i)return;let e=new Image;return e.src=i,e.onload=()=>c(!0),e.onerror=e=>{a?a(e):console.error(`CrossfadeImage: Failed to load image`,i)},e.complete&&e.naturalWidth>0&&e.onload(new Event(`load`)),()=>{e.onload=null,e.onerror=null}},[i,a]),(0,n.jsx)(t.AnimatePresence,{children:s&&i?(0,n.jsx)(t.motion.img,{src:i,...o,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{...o.style}},`loaded-image`):(0,n.jsx)(t.motion.div,{initial:{opacity:1},transition:{duration:.3},style:{...o.style},children:r??(0,n.jsx)(`div`,{className:`w-full h-full bg-sidebar`})},`placeholder`)})}function a(e){return{...e.data(),id:e.id}}async function o(e,t,n,i){let a=i.filter(e=>!!(e&&!n.has(e.path)));for(let i=0;i<a.length;i+=30){let o=a.slice(i,i+30);(await(0,r.getDocs)((0,r.query)(e,(0,r.where)((0,r.documentId)(),`in`,o.map(e=>e.id))))).forEach(e=>{let r=t(e);n.set(e.ref.path,r)})}}async function s(e,t,n){let i=n.filter(e=>!!(e&&!t.has(e.path)));await Promise.all(i.map(async n=>{let i=e(await(0,r.getDoc)(n));t.set(n.path,i)}))}function c(e,t,n={}){let{cache:i=!0,onError:a}=n;return(0,r.onSnapshot)(e,{includeMetadataChanges:!i},e=>{(i||!e.metadata.fromCache)&&t(e)},a)}Array.prototype.mapNotNull=function(e){return this.flatMap((t,n)=>{let r=e(t,n);return r==null?[]:[r]})};function l(){if(typeof window>`u`)return`pc`;let e=navigator.userAgent,t=navigator.platform,n=/Android/i.test(e),r=/iPhone|iPad|iPod/i.test(e)||t===`MacIntel`&&navigator.maxTouchPoints>1;return n?`android`:r?`ios`:`pc`}var u=()=>({updateAt:(0,r.serverTimestamp)(),delete:!0}),d=()=>({updateAt:(0,r.serverTimestamp)(),delete:!1});exports.CrossfadeImage=i,exports.deleteItem=u,exports.fetchItems=o,exports.fetchItemsByOne=s,exports.getPlatformType=l,exports.getSnapshots=c,exports.snapshotToData=a,exports.undeleteItem=d;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`react`),t=require(`motion/react`),n=require(`react/jsx-runtime`),r=require(`firebase/firestore`),i=require(`zustand/react`);function a({placeholder:r,src:i,onLoadError:a,...o}){let[s,c]=(0,e.useState)(()=>{if(typeof window>`u`||!i)return!1;let e=new Image;return e.src=i,e.complete&&e.naturalWidth>0}),[l,u]=(0,e.useState)(i);return l!==i&&(u(i),c(!1)),(0,e.useEffect)(()=>{if(!i)return;let e=new Image;return e.src=i,e.onload=()=>c(!0),e.onerror=e=>{a?a(e):console.error(`CrossfadeImage: Failed to load image`,i)},e.complete&&e.naturalWidth>0&&e.onload(new Event(`load`)),()=>{e.onload=null,e.onerror=null}},[i,a]),(0,n.jsx)(t.AnimatePresence,{children:s&&i?(0,n.jsx)(t.motion.img,{src:i,...o,initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},style:{...o.style}},`loaded-image`):(0,n.jsx)(t.motion.div,{initial:{opacity:1},transition:{duration:.3},style:{...o.style},children:r??(0,n.jsx)(`div`,{className:`w-full h-full bg-sidebar`})},`placeholder`)})}function o(e){return{...e.data(),id:e.id}}async function s(e,t,n,i){let a=i.filter(e=>!!(e&&!n.has(e.path)));for(let i=0;i<a.length;i+=30){let o=a.slice(i,i+30);(await(0,r.getDocs)((0,r.query)(e,(0,r.where)((0,r.documentId)(),`in`,o.map(e=>e.id))))).forEach(e=>{let r=t(e);n.set(e.ref.path,r)})}}async function c(e,t,n){let i=n.filter(e=>!!(e&&!t.has(e.path)));await Promise.all(i.map(async n=>{let i=e(await(0,r.getDoc)(n));t.set(n.path,i)}))}function l(e,t,n={}){let{cache:i=!0,onError:a}=n;return(0,r.onSnapshot)(e,{includeMetadataChanges:!i},e=>{(i||!e.metadata.fromCache)&&t(e)},a)}Array.prototype.mapNotNull=function(e){return this.flatMap((t,n)=>{let r=e(t,n);return r==null?[]:[r]})};function u(){if(typeof window>`u`)return`pc`;let e=navigator.userAgent,t=navigator.platform,n=/Android/i.test(e),r=/iPhone|iPad|iPod/i.test(e)||t===`MacIntel`&&navigator.maxTouchPoints>1;return n?`android`:r?`ios`:`pc`}function d(t){let r=(0,e.createContext)(null);function a({children:i,...a}){let[o]=(0,e.useState)(()=>t(a));return(0,n.jsx)(r.Provider,{value:o,children:i})}function o(t){let n=(0,e.useContext)(r);if(!n)throw Error(`Provider가 필요합니다.`);return(0,i.useStore)(n,t)}let s=new Map;return{Provider:a,useStore:o,use:new Proxy({},{get:(e,t)=>(s.has(t)||s.set(t,()=>o(e=>e[t])),s.get(t))})}}var f=()=>({updateAt:(0,r.serverTimestamp)(),delete:!0}),p=()=>({updateAt:(0,r.serverTimestamp)(),delete:!1});exports.CrossfadeImage=a,exports.createZustandContext=d,exports.deleteItem=f,exports.fetchItems=s,exports.fetchItemsByOne=c,exports.getPlatformType=u,exports.getSnapshots=l,exports.snapshotToData=o,exports.undeleteItem=p;

package/dist/my-library.es.js

@@ -1,64 +1,65 @@
-import { useEffect as e, useState as t } from "react";
-import { AnimatePresence as n, motion as r } from "motion/react";
-import { jsx as i } from "react/jsx-runtime";
-import { documentId as a, getDoc as o, getDocs as s, onSnapshot as c, query as l, serverTimestamp as u, where as d } from "firebase/firestore";
+import { createContext as e, useContext as t, useEffect as n, useState as r } from "react";
+import { AnimatePresence as i, motion as a } from "motion/react";
+import { jsx as o } from "react/jsx-runtime";
+import { documentId as s, getDoc as c, getDocs as l, onSnapshot as u, query as d, serverTimestamp as f, where as p } from "firebase/firestore";
+import { useStore as m } from "zustand/react";
 //#region src/components/image.tsx
-function f({ placeholder: a, src: o, onLoadError: s, ...c }) {
-	let [l, u] = t(() => {
-		if (typeof window > "u" || !o) return !1;
+function h({ placeholder: e, src: t, onLoadError: s, ...c }) {
+	let [l, u] = r(() => {
+		if (typeof window > "u" || !t) return !1;
 		let e = new Image();
-		return e.src = o, e.complete && e.naturalWidth > 0;
-	}), [d, f] = t(o);
-	return d !== o && (f(o), u(!1)), e(() => {
-		if (!o) return;
+		return e.src = t, e.complete && e.naturalWidth > 0;
+	}), [d, f] = r(t);
+	return d !== t && (f(t), u(!1)), n(() => {
+		if (!t) return;
 		let e = new Image();
-		return e.src = o, e.onload = () => u(!0), e.onerror = (e) => {
-			s ? s(e) : console.error("CrossfadeImage: Failed to load image", o);
+		return e.src = t, e.onload = () => u(!0), e.onerror = (e) => {
+			s ? s(e) : console.error("CrossfadeImage: Failed to load image", t);
 		}, e.complete && e.naturalWidth > 0 && e.onload(new Event("load")), () => {
 			e.onload = null, e.onerror = null;
 		};
-	}, [o, s]), /* @__PURE__ */ i(n, { children: l && o ? /* @__PURE__ */ i(r.img, {
-		src: o,
+	}, [t, s]), /* @__PURE__ */ o(i, { children: l && t ? /* @__PURE__ */ o(a.img, {
+		src: t,
 		...c,
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
 		style: { ...c.style }
-	}, "loaded-image") : /* @__PURE__ */ i(r.div, {
+	}, "loaded-image") : /* @__PURE__ */ o(a.div, {
 		initial: { opacity: 1 },
 		transition: { duration: .3 },
 		style: { ...c.style },
-		children: a ?? /* @__PURE__ */ i("div", { className: "w-full h-full bg-sidebar" })
+		children: e ?? /* @__PURE__ */ o("div", { className: "w-full h-full bg-sidebar" })
 	}, "placeholder") });
 }
 //#endregion
 //#region src/utils/firestore.ts
-function p(e) {
+function g(e) {
 	return {
 		...e.data(),
 		id: e.id
 	};
 }
-async function m(e, t, n, r) {
+async function _(e, t, n, r) {
 	let i = r.filter((e) => !!(e && !n.has(e.path)));
 	for (let r = 0; r < i.length; r += 30) {
-		let o = i.slice(r, r + 30);
-		(await s(l(e, d(a(), "in", o.map((e) => e.id))))).forEach((e) => {
+		let a = i.slice(r, r + 30);
+		(await l(d(e, p(s(), "in", a.map((e) => e.id))))).forEach((e) => {
 			let r = t(e);
 			n.set(e.ref.path, r);
 		});
 	}
 }
-async function h(e, t, n) {
+async function v(e, t, n) {
 	let r = n.filter((e) => !!(e && !t.has(e.path)));
 	await Promise.all(r.map(async (n) => {
-		let r = e(await o(n));
+		let r = e(await c(n));
 		t.set(n.path, r);
 	}));
 }
-function g(e, t, n = {}) {
+function y(e, t, n = {}) {
 	let { cache: r = !0, onError: i } = n;
-	return c(e, { includeMetadataChanges: !r }, (e) => {
+	return u(e, { includeMetadataChanges: !r }, (e) => {
 		(r || !e.metadata.fromCache) && t(e);
 	}, i);
 }
@@ -72,19 +73,42 @@ Array.prototype.mapNotNull = function(e) {
 };
 //#endregion
 //#region src/utils/platform.ts
-function _() {
+function b() {
 	if (typeof window > "u") return "pc";
 	let e = navigator.userAgent, t = navigator.platform, n = /Android/i.test(e), r = /iPhone|iPad|iPod/i.test(e) || t === "MacIntel" && navigator.maxTouchPoints > 1;
 	return n ? "android" : r ? "ios" : "pc";
 }
 //#endregion
+//#region src/utils/zustand.tsx
+function x(n) {
+	let i = e(null);
+	function a({ children: e, ...t }) {
+		let [a] = r(() => n(t));
+		return /* @__PURE__ */ o(i.Provider, {
+			value: a,
+			children: e
+		});
+	}
+	function s(e) {
+		let n = t(i);
+		if (!n) throw Error("Provider가 필요합니다.");
+		return m(n, e);
+	}
+	let c = /* @__PURE__ */ new Map();
+	return {
+		Provider: a,
+		useStore: s,
+		use: new Proxy({}, { get: (e, t) => (c.has(t) || c.set(t, () => s((e) => e[t])), c.get(t)) })
+	};
+}
+//#endregion
 //#region src/constant/firestore.ts
-var v = () => ({
-	updateAt: u(),
+var S = () => ({
+	updateAt: f(),
 	delete: !0
-}), y = () => ({
-	updateAt: u(),
+}), C = () => ({
+	updateAt: f(),
 	delete: !1
 });
 //#endregion
-export { f as CrossfadeImage, v as deleteItem, m as fetchItems, h as fetchItemsByOne, _ as getPlatformType, g as getSnapshots, p as snapshotToData, y as undeleteItem };
+export { h as CrossfadeImage, x as createZustandContext, S as deleteItem, _ as fetchItems, v as fetchItemsByOne, b as getPlatformType, y as getSnapshots, g as snapshotToData, C as undeleteItem };

package/dist/utils/firestore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"firestore.d.ts","sourceRoot":"","sources":["../../src/utils/firestore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,mBAAmB,EACtD,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EACnG,KAAK,WAAW,EAEhB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAA;AAE3C,wBAAgB,cAAc,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,GAAG,YAAY,CAK/F;AAED,wBAAsB,UAAU,CAAC,CAAC,SAAS,aAAa,EACtD,UAAU,EAAE,mBAAmB,EAC/B,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,KAAK,CAAC,CAAC,EACzE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EACrB,cAAc,EAAE,CAAC,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,iBAgBzD;AAED,wBAAsB,eAAe,CAAC,CAAC,SAAS,aAAa,EAC3D,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,KAAK,CAAC,CAAC,EACzE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EACrB,cAAc,EAAE,CAAC,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,iBAQzD;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,iBAAiB,EACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,EAC9C,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;CAAO,GAC3E,WAAW,CAYb"}
+{"version":3,"file":"firestore.d.ts","sourceRoot":"","sources":["../../src/utils/firestore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,mBAAmB,EAC3D,KAAK,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EACnG,KAAK,WAAW,EAEhB,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,UAAU,CAAA;AAE3C,wBAAgB,cAAc,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,GAAG,YAAY,CAK/F;AAED,wBAAsB,UAAU,CAAC,CAAC,SAAS,aAAa,EACtD,UAAU,EAAE,mBAAmB,EAC/B,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,KAAK,CAAC,CAAC,EACzE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EACrB,cAAc,EAAE,CAAC,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,iBAgBzD;AAED,wBAAsB,eAAe,CAAC,CAAC,SAAS,aAAa,EAC3D,YAAY,EAAE,CAAC,CAAC,QAAQ,EAAE,qBAAqB,GAAG,gBAAgB,KAAK,CAAC,CAAC,EACzE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,EACrB,cAAc,EAAE,CAAC,iBAAiB,GAAG,SAAS,GAAG,IAAI,CAAC,EAAE,iBAQzD;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,iBAAiB,EACtB,QAAQ,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,EAC9C,OAAO,GAAE;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAA;CAAO,GAC3E,WAAW,CAYb"}

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './firestore';
 export * from './array';
 export * from './platform';
+export * from './zustand';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/dist/utils/zustand.d.ts

@@ -0,0 +1,12 @@
+import { StoreApi } from 'zustand/vanilla';
+import { PropsWithChildren } from 'react';
+type AutoSelectors<TState extends object> = {
+    [K in keyof TState]: () => TState[K];
+};
+export declare function createZustandContext<TState extends object, TProps extends object>(createLocalStore: (props: TProps) => StoreApi<TState>): {
+    Provider: ({ children, ...props }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element;
+    useStore: <T>(selector: (state: TState) => T) => T;
+    use: AutoSelectors<TState>;
+};
+export {};
+//# sourceMappingURL=zustand.d.ts.map

package/dist/utils/zustand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zustand.d.ts","sourceRoot":"","sources":["../../src/utils/zustand.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAiB,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAGnF,KAAK,aAAa,CAAC,MAAM,SAAS,MAAM,IAAI;KACzC,CAAC,IAAI,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC;CACrC,CAAA;AAED,wBAAgB,oBAAoB,CAAC,MAAM,SAAS,MAAM,EAAE,MAAM,SAAS,MAAM,EAC/E,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC;uCAIX,iBAAiB,CAAC,MAAM,CAAC;eAU5C,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,KAAK,CAAC;;EAyBzD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ienlab/react-library",
-  "version": "0.5.1",
+  "version": "0.6.0",
   "description": "My React component library",
   "main": "./dist/my-library.cjs.js",
   "module": "./dist/my-library.es.js",