@ienlab/react-library 0.4.3 → 0.4.4

package/dist/my-library.cjs.js

@@ -0,0 +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,a){let o=a.filter(e=>!!(e&&!i.has(e.path)));for(let a=0;a<o.length;a+=30){let s=o.slice(a,a+30);(await(0,r.getDocs)((0,r.query)((0,r.collection)(e,t),(0,r.where)((0,r.documentId)(),`in`,s.map(e=>e.id))))).forEach(e=>{let t=n(e);i.set(e.ref.path,t)})}}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]})};var l=()=>({updateAt:(0,r.serverTimestamp)(),delete:!0}),u=()=>({updateAt:(0,r.serverTimestamp)(),delete:!1});exports.CrossfadeImage=i,exports.deleteItem=l,exports.fetchItems=o,exports.fetchItemsByOne=s,exports.getSnapshots=c,exports.snapshotToData=a,exports.undeleteItem=u;

package/dist/my-library.es.js

@@ -1,98 +1,83 @@
-import { useEffect, useState } from "react";
-import { AnimatePresence, motion } from "motion/react";
-import { jsx } from "react/jsx-runtime";
-import { collection, documentId, getDoc, getDocs, onSnapshot, query, serverTimestamp, where } from "firebase/firestore";
+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 { collection as a, documentId as o, getDoc as s, getDocs as c, onSnapshot as l, query as u, serverTimestamp as d, where as f } from "firebase/firestore";
 //#region src/components/image.tsx
-function CrossfadeImage({ placeholder, src, onLoadError, ...imgProps }) {
-	const [isLoaded, setIsLoaded] = useState(() => {
-		if (typeof window === "undefined" || !src) return false;
-		const img = new Image();
-		img.src = src;
-		return img.complete && img.naturalWidth > 0;
-	});
-	const [prevSrc, setPrevSrc] = useState(src);
-	if (prevSrc !== src) {
-		setPrevSrc(src);
-		setIsLoaded(false);
-	}
-	useEffect(() => {
-		if (!src) return;
-		const img = new Image();
-		img.src = src;
-		img.onload = () => setIsLoaded(true);
-		img.onerror = (e) => {
-			if (onLoadError) onLoadError(e);
-			else console.error("CrossfadeImage: Failed to load image", src);
+function p({ placeholder: a, src: o, onLoadError: s, ...c }) {
+	let [l, u] = t(() => {
+		if (typeof window > "u" || !o) 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;
+		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);
+		}, e.complete && e.naturalWidth > 0 && e.onload(new Event("load")), () => {
+			e.onload = null, e.onerror = null;
 		};
-		if (img.complete && img.naturalWidth > 0) img.onload(new Event("load"));
-		return () => {
-			img.onload = null;
-			img.onerror = null;
-		};
-	}, [src, onLoadError]);
-	return /* @__PURE__ */ jsx(AnimatePresence, { children: isLoaded && src ? /* @__PURE__ */ jsx(motion.img, {
-		src,
-		...imgProps,
+	}, [o, s]), /* @__PURE__ */ i(n, { children: l && o ? /* @__PURE__ */ i(r.img, {
+		src: o,
+		...c,
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		style: { ...imgProps.style }
-	}, "loaded-image") : /* @__PURE__ */ jsx(motion.div, {
+		style: { ...c.style }
+	}, "loaded-image") : /* @__PURE__ */ i(r.div, {
 		initial: { opacity: 1 },
 		transition: { duration: .3 },
-		style: { ...imgProps.style },
-		children: placeholder ?? /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-sidebar" })
+		style: { ...c.style },
+		children: a ?? /* @__PURE__ */ i("div", { className: "w-full h-full bg-sidebar" })
 	}, "placeholder") });
 }
 //#endregion
 //#region src/utils/firestore.ts
-function snapshotToData(snapshot) {
+function m(e) {
 	return {
-		...snapshot.data(),
-		id: snapshot.id
+		...e.data(),
+		id: e.id
 	};
 }
-async function fetchItems(firestore, colName, changeMethod, cache, referenceArray) {
-	const missingRefs = referenceArray.filter((ref) => Boolean(ref && !cache.has(ref.path)));
-	const chunkSize = 30;
-	for (let i = 0; i < missingRefs.length; i += chunkSize) {
-		const chunk = missingRefs.slice(i, i + chunkSize);
-		(await getDocs(query(collection(firestore, colName), where(documentId(), "in", chunk.map((ref) => ref.id))))).forEach((snapshot) => {
-			const item = changeMethod(snapshot);
-			cache.set(snapshot.ref.path, item);
+async function h(e, t, n, r, i) {
+	let s = i.filter((e) => !!(e && !r.has(e.path)));
+	for (let i = 0; i < s.length; i += 30) {
+		let l = s.slice(i, i + 30);
+		(await c(u(a(e, t), f(o(), "in", l.map((e) => e.id))))).forEach((e) => {
+			let t = n(e);
+			r.set(e.ref.path, t);
 		});
 	}
 }
-async function fetchItemsByOne(changeMethod, cache, referenceArray) {
-	const missingRefs = referenceArray.filter((ref) => Boolean(ref && !cache.has(ref.path)));
-	await Promise.all(missingRefs.map(async (ref) => {
-		const item = changeMethod(await getDoc(ref));
-		cache.set(ref.path, item);
+async function g(e, t, n) {
+	let r = n.filter((e) => !!(e && !t.has(e.path)));
+	await Promise.all(r.map(async (n) => {
+		let r = e(await s(n));
+		t.set(n.path, r);
 	}));
 }
-function getSnapshots(ref, callback, options = {}) {
-	const { cache = true, onError } = options;
-	return onSnapshot(ref, { includeMetadataChanges: !cache }, (snapshot) => {
-		if (cache || !snapshot.metadata.fromCache) callback(snapshot);
-	}, onError);
+function _(e, t, n = {}) {
+	let { cache: r = !0, onError: i } = n;
+	return l(e, { includeMetadataChanges: !r }, (e) => {
+		(r || !e.metadata.fromCache) && t(e);
+	}, i);
 }
 //#endregion
 //#region src/utils/array.ts
-Array.prototype.mapNotNull = function(fn) {
-	return this.flatMap((item, index) => {
-		const result = fn(item, index);
-		return result != null ? [result] : [];
+Array.prototype.mapNotNull = function(e) {
+	return this.flatMap((t, n) => {
+		let r = e(t, n);
+		return r == null ? [] : [r];
 	});
 };
 //#endregion
 //#region src/constant/firestore.ts
-var deleteItem = () => ({
-	"updateAt": serverTimestamp(),
-	"delete": true
-});
-var undeleteItem = () => ({
-	"updateAt": serverTimestamp(),
-	"delete": false
+var v = () => ({
+	updateAt: d(),
+	delete: !0
+}), y = () => ({
+	updateAt: d(),
+	delete: !1
 });
 //#endregion
-export { CrossfadeImage, deleteItem, fetchItems, fetchItemsByOne, getSnapshots, snapshotToData, undeleteItem };
+export { p as CrossfadeImage, v as deleteItem, h as fetchItems, g as fetchItemsByOne, _ as getSnapshots, m as snapshotToData, y as undeleteItem };

package/package.json

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