yummies 5.15.0 → 6.0.0

package/math.cjs

@@ -1,2 +1,15 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.degToRad=function(e){return e*(Math.PI/180)},exports.percentFrom=(e,t)=>(e??0)/(t??0)*100||0,exports.radToDeg=function(e){return e*(180/Math.PI)};
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function degToRad(deg) {
+  return deg * (Math.PI / 180);
+}
+function radToDeg(rad) {
+  return rad * (180 / Math.PI);
+}
+const percentFrom = (value, from) => {
+  return (value ?? 0) / (from ?? 0) * 100 || 0;
+};
+exports.degToRad = degToRad;
+exports.percentFrom = percentFrom;
+exports.radToDeg = radToDeg;
 //# sourceMappingURL=math.cjs.map

package/math.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"math.cjs","sources":["../src/math.ts"],"sourcesContent":["import type { Maybe } from 'yummies/utils/types';\n\nexport function degToRad(deg: number) {\n  return deg * (Math.PI / 180);\n}\nexport function radToDeg(rad: number) {\n  return rad * (180 / Math.PI);\n}\n\n/**\n * Получить процент от числа\n * @example\n * ```ts\n * percentFrom(500, 2000) // 25\n * percentFrom(1000, 2000) // 50\n * ```\n */\nexport const percentFrom = (value: Maybe<number>, from: Maybe<number>) => {\n  return ((value ?? 0) / (from ?? 0)) * 100 || 0;\n};\n"],"names":["deg","Math","PI","value","from","rad"],"mappings":"iGAEO,SAAkBA,GACvB,OAAOA,GAAOC,KAAKC,GAAK,IAC1B,sBAa2B,CAACC,EAAsBC,KACvCD,GAAS,IAAMC,GAAQ,GAAM,KAAO,mBAbxC,SAAkBC,GACvB,OAAOA,GAAO,IAAMJ,KAAKC,GAC3B"}
+{"version":3,"file":"math.cjs","sources":["../src/math.ts"],"sourcesContent":["import type { Maybe } from 'yummies/types';\n\nexport function degToRad(deg: number) {\n  return deg * (Math.PI / 180);\n}\nexport function radToDeg(rad: number) {\n  return rad * (180 / Math.PI);\n}\n\n/**\n * Получить процент от числа\n * @example\n * ```ts\n * percentFrom(500, 2000) // 25\n * percentFrom(1000, 2000) // 50\n * ```\n */\nexport const percentFrom = (value: Maybe<number>, from: Maybe<number>) => {\n  return ((value ?? 0) / (from ?? 0)) * 100 || 0;\n};\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,KAAK,KAAK;AAC1B;AACO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,MAAM,KAAK;AAC3B;AAUO,MAAM,cAAc,CAAC,OAAsB,SAAwB;AACxE,UAAS,SAAS,MAAM,QAAQ,KAAM,OAAO;AAC/C;;;;"}

package/math.d.ts

@@ -1,6 +1,7 @@
-import { Maybe } from './utils/types.ts';
-export declare function degToRad(deg: number): number;
-export declare function radToDeg(rad: number): number;
+import { Maybe } from 'yummies/types';
+
+declare function degToRad(deg: number): number;
+declare function radToDeg(rad: number): number;
 /**
  * Получить процент от числа
  * @example
@@ -9,5 +10,6 @@ export declare function radToDeg(rad: number): number;
  * percentFrom(1000, 2000) // 50
  * ```
  */
-export declare const percentFrom: (value: Maybe<number>, from: Maybe<number>) => number;
-//# sourceMappingURL=math.d.ts.map
+declare const percentFrom: (value: Maybe<number>, from: Maybe<number>) => number;
+
+export { degToRad, percentFrom, radToDeg };

package/math.js.map

@@ -1 +1 @@
-{"version":3,"file":"math.js","sources":["../src/math.ts"],"sourcesContent":["import type { Maybe } from 'yummies/utils/types';\n\nexport function degToRad(deg: number) {\n  return deg * (Math.PI / 180);\n}\nexport function radToDeg(rad: number) {\n  return rad * (180 / Math.PI);\n}\n\n/**\n * Получить процент от числа\n * @example\n * ```ts\n * percentFrom(500, 2000) // 25\n * percentFrom(1000, 2000) // 50\n * ```\n */\nexport const percentFrom = (value: Maybe<number>, from: Maybe<number>) => {\n  return ((value ?? 0) / (from ?? 0)) * 100 || 0;\n};\n"],"names":[],"mappings":"AAEO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,KAAK,KAAK;AAC1B;AACO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,MAAM,KAAK;AAC3B;AAUO,MAAM,cAAc,CAAC,OAAsB,SAAwB;AACxE,UAAS,SAAS,MAAM,QAAQ,KAAM,OAAO;AAC/C;"}
+{"version":3,"file":"math.js","sources":["../src/math.ts"],"sourcesContent":["import type { Maybe } from 'yummies/types';\n\nexport function degToRad(deg: number) {\n  return deg * (Math.PI / 180);\n}\nexport function radToDeg(rad: number) {\n  return rad * (180 / Math.PI);\n}\n\n/**\n * Получить процент от числа\n * @example\n * ```ts\n * percentFrom(500, 2000) // 25\n * percentFrom(1000, 2000) // 50\n * ```\n */\nexport const percentFrom = (value: Maybe<number>, from: Maybe<number>) => {\n  return ((value ?? 0) / (from ?? 0)) * 100 || 0;\n};\n"],"names":[],"mappings":"AAEO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,KAAK,KAAK;AAC1B;AACO,SAAS,SAAS,KAAa;AACpC,SAAO,OAAO,MAAM,KAAK;AAC3B;AAUO,MAAM,cAAc,CAAC,OAAsB,SAAwB;AACxE,UAAS,SAAS,MAAM,QAAQ,KAAM,OAAO;AAC/C;"}

package/media.cjs

@@ -1,2 +1,106 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("yummies/math");const e=t=>t instanceof Blob?URL.createObjectURL(t):t,a=t=>new Promise((a,o)=>{const r=new Image;r.src=e(t),r.onload=()=>a(r),r.onerror=()=>o()});function o(t){const e=new RegExp(/^data:(.*);base64,\s?(.*)$/).exec(t);return{mimeType:e?.[1],data:e?.[2]}}exports.blobToBase64=function(t){return new Promise((e,a)=>{const o=new FileReader;o.onloadend=()=>e(o.result),o.onerror=a,o.readAsDataURL(t)})},exports.blobToUrl=e,exports.decodeDataUrl=o,exports.fileToBlob=t=>new Blob([t],{type:t.type}),exports.imageToBlob=(t,e="image/png")=>{const a=document.createElement("canvas");a.width=t.naturalWidth||300,a.height=t.naturalHeight||300,a.getContext("2d").drawImage(t,0,0);const o=a.toDataURL(e,1),r=o.split(",")[1],n=o.split(";")[0].slice(5),s=globalThis.atob(r),i=new ArrayBuffer(s.length),h=new Uint8Array(i);for(let g=0;g<s.length;g++)h[g]=s.charCodeAt(g);return new Blob([h],{type:n})},exports.isBase64Image=t=>{const{mimeType:e,data:a}=o(t);return!(!a||!e?.startsWith("image/"))},exports.isHttpUrl=t=>t.startsWith("https://")||t.startsWith("http://"),exports.renderImage=a,exports.rotateImage=(e,o)=>{const r=Math.max(e.width,e.height),n=document.createElement("canvas");n.width=r,n.height=r;const s=n.getContext("2d");return s.save(),s.translate(n.width/2,n.height/2),s.rotate(t.degToRad(o)),s.drawImage(e,-e.width/2,-e.height/2),s.restore(),function(t){const e=t.canvas;let a=e.width,o=e.height;const r={x:[],y:[]},n=t.getImageData(0,0,e.width,e.height);let s,i,h;for(i=0;i<o;i++)for(s=0;s<a;s++)h=4*(i*a+s),n.data[h+3]>0&&(r.x.push(s),r.y.push(i));r.x.sort((t,e)=>t-e),r.y.sort((t,e)=>t-e);const g=r.x.length-1;a=1+r.x[g]-r.x[0],o=1+r.y[g]-r.y[0];const c=t.getImageData(r.x[0],r.y[0],a,o);e.width=a,e.height=o,t.putImageData(c,0,0)}(s),a(n.toDataURL("image/png"))};
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const math = require("yummies/math");
+function blobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => resolve(reader.result);
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+const blobToUrl = (urlOrBlob) => urlOrBlob instanceof Blob ? URL.createObjectURL(urlOrBlob) : urlOrBlob;
+const fileToBlob = (file) => {
+  return new Blob([file], { type: file.type });
+};
+const imageToBlob = (imageElement, mimeType = "image/png") => {
+  const canvas = document.createElement("canvas");
+  canvas.width = imageElement.naturalWidth || 300;
+  canvas.height = imageElement.naturalHeight || 300;
+  canvas.getContext("2d").drawImage(imageElement, 0, 0);
+  const dataUri = canvas.toDataURL(mimeType, 1);
+  const base64data = dataUri.split(",")[1];
+  const base64MimeType = dataUri.split(";")[0].slice(5);
+  const bytes = globalThis.atob(base64data);
+  const buf = new ArrayBuffer(bytes.length);
+  const array = new Uint8Array(buf);
+  for (let index = 0; index < bytes.length; index++) {
+    array[index] = bytes.charCodeAt(index);
+  }
+  const blob = new Blob([array], { type: base64MimeType });
+  return blob;
+};
+const renderImage = (urlOrBlob) => new Promise((resolve, reject) => {
+  const image = new Image();
+  image.src = blobToUrl(urlOrBlob);
+  image.onload = () => resolve(image);
+  image.onerror = () => reject();
+});
+function cropImageFromCanvas(context) {
+  const canvas = context.canvas;
+  let w = canvas.width;
+  let h = canvas.height;
+  const pix = { x: [], y: [] };
+  const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
+  let x;
+  let y;
+  let index;
+  for (y = 0; y < h; y++) {
+    for (x = 0; x < w; x++) {
+      index = (y * w + x) * 4;
+      if (imageData.data[index + 3] > 0) {
+        pix.x.push(x);
+        pix.y.push(y);
+      }
+    }
+  }
+  pix.x.sort((a, b) => a - b);
+  pix.y.sort((a, b) => a - b);
+  const n = pix.x.length - 1;
+  w = 1 + pix.x[n] - pix.x[0];
+  h = 1 + pix.y[n] - pix.y[0];
+  const cut = context.getImageData(pix.x[0], pix.y[0], w, h);
+  canvas.width = w;
+  canvas.height = h;
+  context.putImageData(cut, 0, 0);
+  return canvas;
+}
+const rotateImage = (image, angle) => {
+  const maxSize = Math.max(image.width, image.height);
+  const canvas = document.createElement("canvas");
+  canvas.width = maxSize;
+  canvas.height = maxSize;
+  const context = canvas.getContext("2d");
+  context.save();
+  context.translate(canvas.width / 2, canvas.height / 2);
+  context.rotate(math.degToRad(angle));
+  context.drawImage(image, -image.width / 2, -image.height / 2);
+  context.restore();
+  cropImageFromCanvas(context);
+  return renderImage(canvas.toDataURL("image/png"));
+};
+function decodeDataUrl(url) {
+  const regex = /^data:(.*);base64,\s?(.*)$/;
+  const matches = new RegExp(regex).exec(url);
+  return {
+    mimeType: matches?.[1],
+    data: matches?.[2]
+  };
+}
+const isHttpUrl = (url) => {
+  return url.startsWith("https://") || url.startsWith("http://");
+};
+const isBase64Image = (str) => {
+  const { mimeType, data } = decodeDataUrl(str);
+  return !!(data && mimeType?.startsWith("image/"));
+};
+exports.blobToBase64 = blobToBase64;
+exports.blobToUrl = blobToUrl;
+exports.decodeDataUrl = decodeDataUrl;
+exports.fileToBlob = fileToBlob;
+exports.imageToBlob = imageToBlob;
+exports.isBase64Image = isBase64Image;
+exports.isHttpUrl = isHttpUrl;
+exports.renderImage = renderImage;
+exports.rotateImage = rotateImage;
 //# sourceMappingURL=media.cjs.map

package/media.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"media.cjs","sources":["../src/media.ts"],"sourcesContent":["import { degToRad } from 'yummies/math';\n\nexport function blobToBase64(blob: Blob): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result as string);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n}\n\nexport const blobToUrl = (urlOrBlob: string | Blob) =>\n  urlOrBlob instanceof Blob ? URL.createObjectURL(urlOrBlob) : urlOrBlob;\n\nexport const fileToBlob = (file: File) => {\n  return new Blob([file], { type: file.type });\n};\n\nexport const imageToBlob = (\n  imageElement: HTMLImageElement,\n  mimeType: string = 'image/png',\n) => {\n  const canvas = document.createElement('canvas');\n\n  canvas.width = imageElement.naturalWidth || 300;\n  canvas.height = imageElement.naturalHeight || 300;\n\n  canvas.getContext('2d')!.drawImage(imageElement, 0, 0);\n\n  const dataUri = canvas.toDataURL(mimeType, 1);\n  const base64data = dataUri.split(',')[1];\n  const base64MimeType = dataUri.split(';')[0].slice(5);\n\n  const bytes = globalThis.atob(base64data);\n  const buf = new ArrayBuffer(bytes.length);\n  const array = new Uint8Array(buf);\n\n  for (let index = 0; index < bytes.length; index++) {\n    array[index] = bytes.charCodeAt(index);\n  }\n\n  const blob = new Blob([array], { type: base64MimeType });\n\n  return blob;\n};\n\n/**\n * Загружает и отрисовывает изображение с использованием Image\n *\n * @returns {Promise<HTMLImageElement>}\n */\nexport const renderImage = (urlOrBlob: Blob | string) =>\n  new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image();\n    image.src = blobToUrl(urlOrBlob);\n    image.onload = () => resolve(image);\n    image.onerror = () => reject();\n  });\n\nfunction cropImageFromCanvas(context: CanvasRenderingContext2D) {\n  const canvas = context.canvas;\n  let w = canvas.width;\n  let h = canvas.height;\n  const pix: { x: number[]; y: number[] } = { x: [], y: [] };\n  const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\n  let x: number;\n  let y: number;\n  let index: number;\n\n  for (y = 0; y < h; y++) {\n    for (x = 0; x < w; x++) {\n      index = (y * w + x) * 4;\n      if (imageData.data[index + 3] > 0) {\n        pix.x.push(x);\n        pix.y.push(y);\n      }\n    }\n  }\n  pix.x.sort((a, b) => a - b);\n  pix.y.sort((a, b) => a - b);\n  const n = pix.x.length - 1;\n\n  w = 1 + pix.x[n] - pix.x[0];\n  h = 1 + pix.y[n] - pix.y[0];\n  const cut = context.getImageData(pix.x[0], pix.y[0], w, h);\n\n  canvas.width = w;\n  canvas.height = h;\n  context.putImageData(cut, 0, 0);\n  return canvas;\n}\n\n// TODO: ломает iphone с огромными изображениями\nexport const rotateImage = (image: HTMLImageElement, angle: number) => {\n  const maxSize = Math.max(image.width, image.height);\n  const canvas = document.createElement('canvas');\n  canvas.width = maxSize;\n  canvas.height = maxSize;\n  const context = canvas.getContext('2d')!;\n  context.save();\n  context.translate(canvas.width / 2, canvas.height / 2);\n  context.rotate(degToRad(angle));\n  context.drawImage(image, -image.width / 2, -image.height / 2);\n  context.restore();\n  cropImageFromCanvas(context);\n  return renderImage(canvas.toDataURL('image/png'));\n};\n\ninterface DecodedDataUrl {\n  mimeType?: string;\n  data?: string;\n}\n\n/*\n * Returning object which contains base64 data and mime type of passed data url string.\n * */\nexport function decodeDataUrl(url: string): DecodedDataUrl {\n  const regex = /^data:(.*);base64,\\s?(.*)$/;\n  const matches = new RegExp(regex).exec(url);\n\n  return {\n    mimeType: matches?.[1],\n    data: matches?.[2],\n  };\n}\n\nexport const isHttpUrl = (url: string): boolean => {\n  return url.startsWith('https://') || url.startsWith('http://');\n};\n\nexport const isBase64Image = (str: string): boolean => {\n  const { mimeType, data } = decodeDataUrl(str);\n  return !!(data && mimeType?.startsWith('image/'));\n};\n"],"names":["blobToUrl","urlOrBlob","Blob","URL","createObjectURL","renderImage","Promise","resolve","reject","image","Image","src","onload","onerror","decodeDataUrl","url","matches","RegExp","exec","mimeType","data","blob","reader","FileReader","onloadend","result","readAsDataURL","file","type","imageElement","canvas","document","createElement","width","naturalWidth","height","naturalHeight","getContext","drawImage","dataUri","toDataURL","base64data","split","base64MimeType","slice","bytes","globalThis","atob","buf","ArrayBuffer","length","array","Uint8Array","index","charCodeAt","str","startsWith","angle","maxSize","Math","max","context","save","translate","rotate","degToRad","restore","w","h","pix","x","y","imageData","getImageData","push","sort","a","b","n","cut","putImageData","cropImageFromCanvas"],"mappings":"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"}
+{"version":3,"file":"media.cjs","sources":["../src/media.ts"],"sourcesContent":["import { degToRad } from 'yummies/math';\n\nexport function blobToBase64(blob: Blob): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader();\n    reader.onloadend = () => resolve(reader.result as string);\n    reader.onerror = reject;\n    reader.readAsDataURL(blob);\n  });\n}\n\nexport const blobToUrl = (urlOrBlob: string | Blob) =>\n  urlOrBlob instanceof Blob ? URL.createObjectURL(urlOrBlob) : urlOrBlob;\n\nexport const fileToBlob = (file: File) => {\n  return new Blob([file], { type: file.type });\n};\n\nexport const imageToBlob = (\n  imageElement: HTMLImageElement,\n  mimeType: string = 'image/png',\n) => {\n  const canvas = document.createElement('canvas');\n\n  canvas.width = imageElement.naturalWidth || 300;\n  canvas.height = imageElement.naturalHeight || 300;\n\n  canvas.getContext('2d')!.drawImage(imageElement, 0, 0);\n\n  const dataUri = canvas.toDataURL(mimeType, 1);\n  const base64data = dataUri.split(',')[1];\n  const base64MimeType = dataUri.split(';')[0].slice(5);\n\n  const bytes = globalThis.atob(base64data);\n  const buf = new ArrayBuffer(bytes.length);\n  const array = new Uint8Array(buf);\n\n  for (let index = 0; index < bytes.length; index++) {\n    array[index] = bytes.charCodeAt(index);\n  }\n\n  const blob = new Blob([array], { type: base64MimeType });\n\n  return blob;\n};\n\n/**\n * Загружает и отрисовывает изображение с использованием Image\n *\n * @returns {Promise<HTMLImageElement>}\n */\nexport const renderImage = (urlOrBlob: Blob | string) =>\n  new Promise<HTMLImageElement>((resolve, reject) => {\n    const image = new Image();\n    image.src = blobToUrl(urlOrBlob);\n    image.onload = () => resolve(image);\n    image.onerror = () => reject();\n  });\n\nfunction cropImageFromCanvas(context: CanvasRenderingContext2D) {\n  const canvas = context.canvas;\n  let w = canvas.width;\n  let h = canvas.height;\n  const pix: { x: number[]; y: number[] } = { x: [], y: [] };\n  const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\n  let x: number;\n  let y: number;\n  let index: number;\n\n  for (y = 0; y < h; y++) {\n    for (x = 0; x < w; x++) {\n      index = (y * w + x) * 4;\n      if (imageData.data[index + 3] > 0) {\n        pix.x.push(x);\n        pix.y.push(y);\n      }\n    }\n  }\n  pix.x.sort((a, b) => a - b);\n  pix.y.sort((a, b) => a - b);\n  const n = pix.x.length - 1;\n\n  w = 1 + pix.x[n] - pix.x[0];\n  h = 1 + pix.y[n] - pix.y[0];\n  const cut = context.getImageData(pix.x[0], pix.y[0], w, h);\n\n  canvas.width = w;\n  canvas.height = h;\n  context.putImageData(cut, 0, 0);\n  return canvas;\n}\n\n// TODO: ломает iphone с огромными изображениями\nexport const rotateImage = (image: HTMLImageElement, angle: number) => {\n  const maxSize = Math.max(image.width, image.height);\n  const canvas = document.createElement('canvas');\n  canvas.width = maxSize;\n  canvas.height = maxSize;\n  const context = canvas.getContext('2d')!;\n  context.save();\n  context.translate(canvas.width / 2, canvas.height / 2);\n  context.rotate(degToRad(angle));\n  context.drawImage(image, -image.width / 2, -image.height / 2);\n  context.restore();\n  cropImageFromCanvas(context);\n  return renderImage(canvas.toDataURL('image/png'));\n};\n\ninterface DecodedDataUrl {\n  mimeType?: string;\n  data?: string;\n}\n\n/*\n * Returning object which contains base64 data and mime type of passed data url string.\n * */\nexport function decodeDataUrl(url: string): DecodedDataUrl {\n  const regex = /^data:(.*);base64,\\s?(.*)$/;\n  const matches = new RegExp(regex).exec(url);\n\n  return {\n    mimeType: matches?.[1],\n    data: matches?.[2],\n  };\n}\n\nexport const isHttpUrl = (url: string): boolean => {\n  return url.startsWith('https://') || url.startsWith('http://');\n};\n\nexport const isBase64Image = (str: string): boolean => {\n  const { mimeType, data } = decodeDataUrl(str);\n  return !!(data && mimeType?.startsWith('image/'));\n};\n"],"names":["degToRad"],"mappings":"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"}

package/media.d.ts

@@ -1,20 +1,20 @@
-export declare function blobToBase64(blob: Blob): Promise<string>;
-export declare const blobToUrl: (urlOrBlob: string | Blob) => string;
-export declare const fileToBlob: (file: File) => Blob;
-export declare const imageToBlob: (imageElement: HTMLImageElement, mimeType?: string) => Blob;
+declare function blobToBase64(blob: Blob): Promise<string>;
+declare const blobToUrl: (urlOrBlob: string | Blob) => string;
+declare const fileToBlob: (file: File) => Blob;
+declare const imageToBlob: (imageElement: HTMLImageElement, mimeType?: string) => Blob;
 /**
  * Загружает и отрисовывает изображение с использованием Image
  *
  * @returns {Promise<HTMLImageElement>}
  */
-export declare const renderImage: (urlOrBlob: Blob | string) => Promise<HTMLImageElement>;
-export declare const rotateImage: (image: HTMLImageElement, angle: number) => Promise<HTMLImageElement>;
+declare const renderImage: (urlOrBlob: Blob | string) => Promise<HTMLImageElement>;
+declare const rotateImage: (image: HTMLImageElement, angle: number) => Promise<HTMLImageElement>;
 interface DecodedDataUrl {
     mimeType?: string;
     data?: string;
 }
-export declare function decodeDataUrl(url: string): DecodedDataUrl;
-export declare const isHttpUrl: (url: string) => boolean;
-export declare const isBase64Image: (str: string) => boolean;
-export {};
-//# sourceMappingURL=media.d.ts.map
+declare function decodeDataUrl(url: string): DecodedDataUrl;
+declare const isHttpUrl: (url: string) => boolean;
+declare const isBase64Image: (str: string) => boolean;
+
+export { blobToBase64, blobToUrl, decodeDataUrl, fileToBlob, imageToBlob, isBase64Image, isHttpUrl, renderImage, rotateImage };

package/mobx.cjs

@@ -1,2 +1,185 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("mobx"),t=require("yummies/type-guard");exports.DeepObservableStruct=class{data;constructor(t){this.data=t,e.makeObservable(this,{data:e.observable.deep,set:e.action})}set(e){const r=Object.keys(this.data).map(t=>[t,this.data,e]);let o=0,s=r.length;for(;o<s;){const[e,n,a]=r[o],c=a[e],i=n[e];if(o++,e in a)if(t.typeGuard.isObject(c)&&t.typeGuard.isObject(i)){const t=Object.keys(c);Object.keys(i).forEach(t=>{t in c||delete n[e][t]}),t.forEach(t=>{const o=r.push([t,n[e],c]);s=o})}else c!==i&&(n[e]=c);else delete n[e]}Object.keys(e).forEach(t=>{this.data[t]||(this.data[t]=e[t])})}},exports.applyObservable=(t,r,o)=>{o?(r.forEach(([e,r])=>{r(t,e)}),e.makeObservable(t)):e.makeObservable(t,Object.fromEntries(r))},exports.createEnhancedAtom=(t,r,o,s)=>{const n=e.createAtom(t,r&&(()=>r(n)),o&&(()=>o(n)));return n.meta=s??{},n.reportChanged=n.reportChanged.bind(n),n.reportObserved=n.reportObserved.bind(n),n},exports.createRef=t=>{const r=t?.comparer??e.comparer.default,o=t=>{const s=t??null;r(o.current,s)||e.runInAction(()=>{o.current=s,o.listeners.forEach(e=>{e(o.current)})})};return o.listeners=new Set(t?.onChange?[t.onChange]:[]),(t?.onSet||t?.onUnset)&&o.listeners.add(e=>{e?t.onSet?.(e):t.onUnset?.()}),o.current=t?.initial??null,o.meta=t?.meta??{},e.makeObservable(o,{current:e.observable.ref,meta:e.observable}),o},exports.getMobxAdministration=t=>t[e.$mobx],exports.isRef=e=>"function"==typeof e&&"current"in e,exports.lazyObserve=({context:t,property:r,onStart:o,onEnd:s,endDelay:n=!1})=>{let a,c;const i=new Set,d=Array.isArray(r)?r:[r],b=()=>{if(i.clear(),!1===n)return s?.(c,b),void(c=void 0);a&&(clearTimeout(a),a=void 0),a=setTimeout(()=>{s?.(c,b),a=void 0,c=void 0},n)},l=e=>{const t=i.size>0;i.add(e),t||(a&&(clearTimeout(a),a=void 0),c=o?.())},u=e=>{const t=!i.size;i.delete(e);const r=i.size>0;t||r||b()};return d.forEach(r=>{t?(e.onBecomeObserved(t,r,()=>l(r)),e.onBecomeUnobserved(t,r,()=>u(r))):(e.onBecomeObserved(r,()=>l(r)),e.onBecomeUnobserved(r,()=>u(r)))}),b};
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mobx = require("mobx");
+const typeGuard = require("yummies/type-guard");
+const applyObservable = (context, annotationsArray, useDecorators) => {
+  if (useDecorators) {
+    annotationsArray.forEach(([field, annotation]) => {
+      annotation(context, field);
+    });
+    mobx.makeObservable(context);
+  } else {
+    mobx.makeObservable(context, Object.fromEntries(annotationsArray));
+  }
+};
+const createEnhancedAtom = (name, onBecomeObservedHandler, onBecomeUnobservedHandler, meta) => {
+  const atom = mobx.createAtom(
+    name,
+    onBecomeObservedHandler && (() => onBecomeObservedHandler(atom)),
+    onBecomeUnobservedHandler && (() => onBecomeUnobservedHandler(atom))
+  );
+  atom.meta = meta ?? {};
+  atom.reportChanged = atom.reportChanged.bind(atom);
+  atom.reportObserved = atom.reportObserved.bind(atom);
+  return atom;
+};
+const createRef = (cfg) => {
+  const comparer = cfg?.comparer ?? mobx.comparer.default;
+  const ref = (value) => {
+    const nextValue = value ?? null;
+    if (comparer(ref.current, nextValue)) {
+      return;
+    }
+    mobx.runInAction(() => {
+      ref.current = nextValue;
+      ref.listeners.forEach((listener) => {
+        listener(ref.current);
+      });
+    });
+  };
+  ref.listeners = new Set(cfg?.onChange ? [cfg.onChange] : []);
+  if (cfg?.onSet || cfg?.onUnset) {
+    ref.listeners.add((value) => {
+      if (value) {
+        cfg.onSet?.(value);
+      } else {
+        cfg.onUnset?.();
+      }
+    });
+  }
+  ref.current = cfg?.initial ?? null;
+  ref.meta = cfg?.meta ?? {};
+  mobx.makeObservable(ref, {
+    current: mobx.observable.ref,
+    meta: mobx.observable
+  });
+  return ref;
+};
+const isRef = (value) => {
+  return typeof value === "function" && "current" in value;
+};
+const toRef = (value, cfg) => {
+  return isRef(value) ? value : createRef({ initial: value, ...cfg });
+};
+class DeepObservableStruct {
+  data;
+  constructor(data) {
+    this.data = data;
+    mobx.makeObservable(this, {
+      data: mobx.observable.deep,
+      set: mobx.action
+    });
+  }
+  set(newData) {
+    const stack = Object.keys(this.data).map((key) => [
+      key,
+      this.data,
+      newData
+    ]);
+    let currentIndex = 0;
+    let stackLength = stack.length;
+    while (currentIndex < stackLength) {
+      const [key, currObservableData, newData2] = stack[currentIndex];
+      const newValue = newData2[key];
+      const currValue = currObservableData[key];
+      currentIndex++;
+      if (key in newData2) {
+        if (typeGuard.typeGuard.isObject(newValue) && typeGuard.typeGuard.isObject(currValue)) {
+          const newValueKeys = Object.keys(newValue);
+          Object.keys(currValue).forEach((childKey) => {
+            if (!(childKey in newValue)) {
+              delete currObservableData[key][childKey];
+            }
+          });
+          newValueKeys.forEach((childKey) => {
+            const length = stack.push([
+              childKey,
+              currObservableData[key],
+              newValue
+            ]);
+            stackLength = length;
+          });
+        } else if (newValue !== currValue) {
+          currObservableData[key] = newValue;
+        }
+      } else {
+        delete currObservableData[key];
+      }
+    }
+    Object.keys(newData).forEach((newDataKey) => {
+      if (!this.data[newDataKey]) {
+        this.data[newDataKey] = newData[newDataKey];
+      }
+    });
+  }
+}
+const getMobxAdministration = (context) => context[mobx.$mobx];
+const lazyObserve = ({
+  context,
+  property,
+  onStart,
+  onEnd,
+  endDelay = false
+}) => {
+  let timeoutId;
+  let metaData;
+  const observingProps = /* @__PURE__ */ new Set();
+  const properties = Array.isArray(property) ? property : [property];
+  const cleanup = () => {
+    observingProps.clear();
+    if (endDelay === false) {
+      onEnd?.(metaData, cleanup);
+      metaData = void 0;
+      return;
+    }
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = void 0;
+    }
+    timeoutId = setTimeout(() => {
+      onEnd?.(metaData, cleanup);
+      timeoutId = void 0;
+      metaData = void 0;
+    }, endDelay);
+  };
+  const start = (property2) => {
+    const isAlreadyObserving = observingProps.size > 0;
+    observingProps.add(property2);
+    if (isAlreadyObserving) {
+      return;
+    }
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = void 0;
+    }
+    metaData = onStart?.();
+  };
+  const stop = (property2) => {
+    const isAlreadyNotObserving = !observingProps.size;
+    observingProps.delete(property2);
+    const isObserving = observingProps.size > 0;
+    if (isAlreadyNotObserving || isObserving) {
+      return;
+    }
+    cleanup();
+  };
+  properties.forEach((property2) => {
+    if (context) {
+      mobx.onBecomeObserved(context, property2, () => start(property2));
+      mobx.onBecomeUnobserved(context, property2, () => stop(property2));
+    } else {
+      mobx.onBecomeObserved(property2, () => start(property2));
+      mobx.onBecomeUnobserved(property2, () => stop(property2));
+    }
+  });
+  return cleanup;
+};
+exports.DeepObservableStruct = DeepObservableStruct;
+exports.applyObservable = applyObservable;
+exports.createEnhancedAtom = createEnhancedAtom;
+exports.createRef = createRef;
+exports.getMobxAdministration = getMobxAdministration;
+exports.isRef = isRef;
+exports.lazyObserve = lazyObserve;
+exports.toRef = toRef;
 //# sourceMappingURL=mobx.cjs.map

package/mobx.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mobx.cjs","sources":["../src/mobx/deep-observable-struct.ts","../src/mobx/apply-observable.ts","../src/mobx/create-enhanced-atom.ts","../src/mobx/create-ref.ts","../src/mobx/get-mobx-administration.ts","../src/mobx/lazy-observe.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { typeGuard } from 'yummies/type-guard';\nimport type { AnyObject } from 'yummies/utils/types';\n\nexport class DeepObservableStruct<TData extends AnyObject> {\n  data: TData;\n\n  constructor(data: TData) {\n    this.data = data;\n\n    makeObservable(this, {\n      data: observable.deep,\n      set: action,\n    });\n  }\n\n  set(newData: Partial<TData>) {\n    type StackItem = [key: string, currObservable: AnyObject, new: AnyObject];\n\n    const stack: StackItem[] = Object.keys(this.data).map((key) => [\n      key,\n      this.data,\n      newData,\n    ]);\n\n    let currentIndex = 0;\n    let stackLength = stack.length;\n\n    while (currentIndex < stackLength) {\n      const [key, currObservableData, newData] = stack[currentIndex];\n      const newValue = newData[key];\n      const currValue = currObservableData[key];\n\n      currentIndex++;\n\n      if (key in newData) {\n        if (typeGuard.isObject(newValue) && typeGuard.isObject(currValue)) {\n          const newValueKeys = Object.keys(newValue);\n\n          Object.keys(currValue).forEach((childKey) => {\n            if (!(childKey in newValue)) {\n              delete currObservableData[key][childKey];\n            }\n          });\n\n          newValueKeys.forEach((childKey) => {\n            const length = stack.push([\n              childKey,\n              currObservableData[key],\n              newValue,\n            ]);\n            stackLength = length;\n          });\n        } else if (newValue !== currValue) {\n          currObservableData[key] = newValue;\n        }\n      } else {\n        delete currObservableData[key];\n      }\n    }\n\n    Object.keys(newData).forEach((newDataKey) => {\n      if (!this.data[newDataKey]) {\n        // @ts-expect-error\n        this.data[newDataKey] = newData[newDataKey];\n      }\n    });\n  }\n}\n","import { makeObservable } from 'mobx';\nimport type { AnyObject } from 'yummies/utils/types';\n\nexport type ObservableAnnotationsArray = [string, any][];\n\nexport const applyObservable = (\n  context: AnyObject,\n  annotationsArray: ObservableAnnotationsArray,\n  useDecorators?: boolean,\n) => {\n  if (useDecorators) {\n    annotationsArray.forEach(([field, annotation]) => {\n      annotation(context, field);\n    });\n\n    makeObservable(context);\n  } else {\n    makeObservable(context, Object.fromEntries(annotationsArray));\n  }\n};\n","import { createAtom, type IAtom } from 'mobx';\nimport type { AnyObject } from 'yummies/utils/types';\n\nexport interface IEnhancedAtom<TMeta extends AnyObject = AnyObject>\n  extends IAtom {\n  meta: TMeta;\n}\n\n/**\n * Creates an enhanced atom with meta data\n * And bind `reportChanged` and `reportObserved` method to the atom\n */\nexport const createEnhancedAtom = <TMeta extends AnyObject>(\n  name: string,\n  onBecomeObservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,\n  onBecomeUnobservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,\n  meta?: TMeta,\n): IEnhancedAtom<TMeta> => {\n  const atom = createAtom(\n    name,\n    onBecomeObservedHandler && (() => onBecomeObservedHandler(atom)),\n    onBecomeUnobservedHandler && (() => onBecomeUnobservedHandler(atom)),\n  ) as IEnhancedAtom<TMeta>;\n  atom.meta = meta ?? ({} as TMeta);\n  atom.reportChanged = atom.reportChanged.bind(atom);\n  atom.reportObserved = atom.reportObserved.bind(atom);\n  return atom;\n};\n","import {\n  type IEqualsComparer,\n  makeObservable,\n  comparer as mobxComparer,\n  observable,\n  runInAction,\n} from 'mobx';\nimport type { AnyObject, Maybe } from 'yummies/utils/types';\n\nexport type RefChangeListener<T> = (value: T | null) => void;\n\n/**\n * Alternative to React.createRef but works in MobX world.\n * Typically it the should be the same React.LegacyRef (fn style)\n */\nexport type Ref<T = any, TMeta = AnyObject> = ((element: Maybe<T>) => void) & {\n  listeners: Set<RefChangeListener<T>>;\n  current: T | null;\n  meta: TMeta;\n};\n\n/**\n * Creates ref thing to attach HTMLElements in React and all other\n */\nexport const createRef = <T = HTMLElement, TMeta = AnyObject>(cfg?: {\n  onSet?: (node: T) => void;\n  onUnset?: () => void;\n  onChange?: RefChangeListener<T>;\n  meta?: TMeta;\n  initial?: Maybe<T>;\n  comparer?: IEqualsComparer<T | null>;\n}): Ref<T, TMeta> => {\n  const comparer = cfg?.comparer ?? mobxComparer.default;\n\n  const actionFn = ((value: Maybe<T>) => {\n    const nextValue = value ?? null;\n\n    if (comparer(actionFn.current, nextValue)) {\n      return;\n    }\n\n    runInAction(() => {\n      actionFn.current = nextValue;\n\n      actionFn.listeners.forEach((listener) => {\n        listener(actionFn.current);\n      });\n    });\n  }) as Ref<T, TMeta>;\n\n  actionFn.listeners = new Set(cfg?.onChange ? [cfg.onChange] : []);\n\n  if (cfg?.onSet || cfg?.onUnset) {\n    actionFn.listeners.add((value) => {\n      if (value) {\n        cfg.onSet?.(value);\n      } else {\n        cfg.onUnset?.();\n      }\n    });\n  }\n\n  actionFn.current = cfg?.initial ?? null;\n  actionFn.meta = cfg?.meta ?? ({} as TMeta);\n\n  makeObservable(actionFn, {\n    current: observable.ref,\n    meta: observable,\n  });\n\n  return actionFn;\n};\n\nexport const isRef = <T, TMeta = AnyObject>(\n  value: any,\n): value is Ref<T, TMeta> => {\n  return typeof value === 'function' && 'current' in value;\n};\n","import { $mobx, type AnnotationMapEntry } from 'mobx';\nimport type { AnyObject } from 'yummies/utils/types';\n\ntype ObservableObjectAdministration = Parameters<\n  Exclude<AnnotationMapEntry, boolean>['make_']\n>[0];\n\nexport const getMobxAdministration = (\n  context: AnyObject,\n): ObservableObjectAdministration => context[$mobx];\n","import { onBecomeObserved, onBecomeUnobserved } from 'mobx';\n\n/**\n * When ONE OF the properties is becomes observed then `onStart` function is called.\n * WHen ALL properties are unobserved then `onEnd` function is called with the `metaData` that was returned by `onStart`.\n *\n * It uses `onBecomeObserved` and `onBecomeUnobserved` mobx hooks to perform lazy observation.\n */\nexport const lazyObserve = <TMetaData = void>({\n  context,\n  property,\n  onStart,\n  onEnd,\n  endDelay = false,\n}: {\n  context?: any;\n  property: any | any[];\n  onStart?: () => TMetaData;\n  onEnd?: (metaData: TMetaData, cleanupFn: VoidFunction) => void;\n  endDelay?: number | false;\n}) => {\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let metaData: TMetaData | undefined;\n  const observingProps = new Set<string>();\n  const properties = Array.isArray(property) ? property : [property];\n\n  const cleanup = () => {\n    observingProps.clear();\n\n    if (endDelay === false) {\n      onEnd?.(metaData!, cleanup);\n      metaData = undefined;\n      return;\n    }\n\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n\n    timeoutId = setTimeout(() => {\n      onEnd?.(metaData!, cleanup);\n      timeoutId = undefined;\n      metaData = undefined;\n    }, endDelay);\n  };\n\n  const start = (property: string) => {\n    const isAlreadyObserving = observingProps.size > 0;\n    observingProps.add(property);\n\n    if (isAlreadyObserving) {\n      return;\n    }\n\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n\n    metaData = onStart?.();\n  };\n\n  const stop = (property: string) => {\n    const isAlreadyNotObserving = !observingProps.size;\n\n    observingProps.delete(property);\n\n    const isObserving = observingProps.size > 0;\n\n    if (isAlreadyNotObserving || isObserving) {\n      return;\n    }\n\n    cleanup();\n  };\n\n  properties.forEach((property) => {\n    if (context) {\n      onBecomeObserved(context, property, () => start(property));\n      onBecomeUnobserved(context, property, () => stop(property));\n    } else {\n      onBecomeObserved(property, () => start(property));\n      onBecomeUnobserved(property, () => stop(property));\n    }\n  });\n\n  return cleanup;\n};\n"],"names":["data","constructor","this","makeObservable","observable","deep","set","action","newData","stack","Object","keys","map","key","currentIndex","stackLength","length","currObservableData","newValue","currValue","typeGuard","isObject","newValueKeys","forEach","childKey","push","newDataKey","context","annotationsArray","useDecorators","field","annotation","fromEntries","name","onBecomeObservedHandler","onBecomeUnobservedHandler","meta","atom","createAtom","reportChanged","bind","reportObserved","cfg","comparer","mobxComparer","default","actionFn","value","nextValue","current","runInAction","listeners","listener","Set","onChange","onSet","onUnset","add","initial","ref","$mobx","property","onStart","onEnd","endDelay","timeoutId","metaData","observingProps","properties","Array","isArray","cleanup","clear","clearTimeout","setTimeout","start","isAlreadyObserving","size","stop","isAlreadyNotObserving","delete","isObserving","onBecomeObserved","onBecomeUnobserved"],"mappings":"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"}
+{"version":3,"file":"mobx.cjs","sources":["../src/mobx/apply-observable.ts","../src/mobx/create-enhanced-atom.ts","../src/mobx/create-ref.ts","../src/mobx/deep-observable-struct.ts","../src/mobx/get-mobx-administration.ts","../src/mobx/lazy-observe.ts"],"sourcesContent":["import { makeObservable } from 'mobx';\nimport type { AnyObject } from 'yummies/types';\n\nexport type ObservableAnnotationsArray = [string, any][];\n\nexport const applyObservable = (\n  context: AnyObject,\n  annotationsArray: ObservableAnnotationsArray,\n  useDecorators?: boolean,\n) => {\n  if (useDecorators) {\n    annotationsArray.forEach(([field, annotation]) => {\n      annotation(context, field);\n    });\n\n    makeObservable(context);\n  } else {\n    makeObservable(context, Object.fromEntries(annotationsArray));\n  }\n};\n","import { createAtom, type IAtom } from 'mobx';\nimport type { AnyObject } from 'yummies/types';\n\nexport interface IEnhancedAtom<TMeta extends AnyObject = AnyObject>\n  extends IAtom {\n  meta: TMeta;\n}\n\n/**\n * Creates an enhanced atom with meta data\n * And bind `reportChanged` and `reportObserved` method to the atom\n */\nexport const createEnhancedAtom = <TMeta extends AnyObject>(\n  name: string,\n  onBecomeObservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,\n  onBecomeUnobservedHandler?: (atom: IEnhancedAtom<TMeta>) => void,\n  meta?: TMeta,\n): IEnhancedAtom<TMeta> => {\n  const atom = createAtom(\n    name,\n    onBecomeObservedHandler && (() => onBecomeObservedHandler(atom)),\n    onBecomeUnobservedHandler && (() => onBecomeUnobservedHandler(atom)),\n  ) as IEnhancedAtom<TMeta>;\n  atom.meta = meta ?? ({} as TMeta);\n  atom.reportChanged = atom.reportChanged.bind(atom);\n  atom.reportObserved = atom.reportObserved.bind(atom);\n  return atom;\n};\n","import {\n  type IEqualsComparer,\n  makeObservable,\n  comparer as mobxComparer,\n  observable,\n  runInAction,\n} from 'mobx';\nimport type { AnyObject, Maybe } from 'yummies/types';\n\nexport type RefChangeListener<T> = (value: T | null) => void;\n\n/**\n * Alternative to React.createRef but works in MobX world.\n * Typically it the should be the same React.LegacyRef (fn style)\n */\nexport interface Ref<T = any, TMeta = AnyObject> {\n  (element: Maybe<T>): void;\n\n  listeners: Set<RefChangeListener<NoInfer<T>>>;\n  current: NoInfer<T> | null;\n  meta: TMeta;\n}\n\nexport interface CreateRefConfig<T = any, TMeta = AnyObject> {\n  onSet?: (node: T) => void;\n  onUnset?: () => void;\n  onChange?: RefChangeListener<T>;\n  meta?: TMeta;\n  initial?: Maybe<T>;\n  comparer?: IEqualsComparer<T | null>;\n}\n\n/**\n * Creates ref thing to attach HTMLElements in React and all other\n */\nexport const createRef = <T = any, TMeta = AnyObject>(\n  cfg?: CreateRefConfig<T, TMeta>,\n): Ref<T, TMeta> => {\n  const comparer = cfg?.comparer ?? mobxComparer.default;\n\n  const ref = ((value: Maybe<T>) => {\n    const nextValue = value ?? null;\n\n    if (comparer(ref.current, nextValue)) {\n      return;\n    }\n\n    runInAction(() => {\n      ref.current = nextValue;\n\n      ref.listeners.forEach((listener) => {\n        listener(ref.current);\n      });\n    });\n  }) as Ref<T, TMeta>;\n\n  ref.listeners = new Set(cfg?.onChange ? [cfg.onChange] : []);\n\n  if (cfg?.onSet || cfg?.onUnset) {\n    ref.listeners.add((value) => {\n      if (value) {\n        cfg.onSet?.(value);\n      } else {\n        cfg.onUnset?.();\n      }\n    });\n  }\n\n  ref.current = cfg?.initial ?? null;\n  ref.meta = cfg?.meta ?? ({} as TMeta);\n\n  makeObservable(ref, {\n    current: observable.ref,\n    meta: observable,\n  });\n\n  return ref;\n};\n\nexport const isRef = <T, TMeta = any>(\n  value: T | Ref<T, TMeta>,\n): value is Ref<T, TMeta> => {\n  return typeof value === 'function' && 'current' in value;\n};\n\nexport const toRef = <T, TMeta = any>(\n  value: T | Ref<T, TMeta>,\n  cfg?: Omit<CreateRefConfig<T, TMeta>, 'initial'>,\n): Ref<T, TMeta> => {\n  return isRef(value) ? value : createRef({ initial: value, ...cfg });\n};\n","import { action, makeObservable, observable } from 'mobx';\nimport { typeGuard } from 'yummies/type-guard';\nimport type { AnyObject } from 'yummies/types';\n\nexport class DeepObservableStruct<TData extends AnyObject> {\n  data: TData;\n\n  constructor(data: TData) {\n    this.data = data;\n\n    makeObservable(this, {\n      data: observable.deep,\n      set: action,\n    });\n  }\n\n  set(newData: Partial<TData>) {\n    type StackItem = [key: string, currObservable: AnyObject, new: AnyObject];\n\n    const stack: StackItem[] = Object.keys(this.data).map((key) => [\n      key,\n      this.data,\n      newData,\n    ]);\n\n    let currentIndex = 0;\n    let stackLength = stack.length;\n\n    while (currentIndex < stackLength) {\n      const [key, currObservableData, newData] = stack[currentIndex];\n      const newValue = newData[key];\n      const currValue = currObservableData[key];\n\n      currentIndex++;\n\n      if (key in newData) {\n        if (typeGuard.isObject(newValue) && typeGuard.isObject(currValue)) {\n          const newValueKeys = Object.keys(newValue);\n\n          Object.keys(currValue).forEach((childKey) => {\n            if (!(childKey in newValue)) {\n              delete currObservableData[key][childKey];\n            }\n          });\n\n          newValueKeys.forEach((childKey) => {\n            const length = stack.push([\n              childKey,\n              currObservableData[key],\n              newValue,\n            ]);\n            stackLength = length;\n          });\n        } else if (newValue !== currValue) {\n          currObservableData[key] = newValue;\n        }\n      } else {\n        delete currObservableData[key];\n      }\n    }\n\n    Object.keys(newData).forEach((newDataKey) => {\n      if (!this.data[newDataKey]) {\n        // @ts-expect-error\n        this.data[newDataKey] = newData[newDataKey];\n      }\n    });\n  }\n}\n","import { $mobx, type AnnotationMapEntry } from 'mobx';\nimport type { AnyObject } from 'yummies/types';\n\ntype ObservableObjectAdministration = Parameters<\n  Exclude<AnnotationMapEntry, boolean>['make_']\n>[0];\n\nexport const getMobxAdministration = (\n  context: AnyObject,\n): ObservableObjectAdministration => context[$mobx];\n","import { onBecomeObserved, onBecomeUnobserved } from 'mobx';\n\n/**\n * When ONE OF the properties is becomes observed then `onStart` function is called.\n * WHen ALL properties are unobserved then `onEnd` function is called with the `metaData` that was returned by `onStart`.\n *\n * It uses `onBecomeObserved` and `onBecomeUnobserved` mobx hooks to perform lazy observation.\n */\nexport const lazyObserve = <TMetaData = void>({\n  context,\n  property,\n  onStart,\n  onEnd,\n  endDelay = false,\n}: {\n  context?: any;\n  property: any | any[];\n  onStart?: () => TMetaData;\n  onEnd?: (metaData: TMetaData, cleanupFn: VoidFunction) => void;\n  endDelay?: number | false;\n}) => {\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let metaData: TMetaData | undefined;\n  const observingProps = new Set<string>();\n  const properties = Array.isArray(property) ? property : [property];\n\n  const cleanup = () => {\n    observingProps.clear();\n\n    if (endDelay === false) {\n      onEnd?.(metaData!, cleanup);\n      metaData = undefined;\n      return;\n    }\n\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n\n    timeoutId = setTimeout(() => {\n      onEnd?.(metaData!, cleanup);\n      timeoutId = undefined;\n      metaData = undefined;\n    }, endDelay);\n  };\n\n  const start = (property: string) => {\n    const isAlreadyObserving = observingProps.size > 0;\n    observingProps.add(property);\n\n    if (isAlreadyObserving) {\n      return;\n    }\n\n    if (timeoutId) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n\n    metaData = onStart?.();\n  };\n\n  const stop = (property: string) => {\n    const isAlreadyNotObserving = !observingProps.size;\n\n    observingProps.delete(property);\n\n    const isObserving = observingProps.size > 0;\n\n    if (isAlreadyNotObserving || isObserving) {\n      return;\n    }\n\n    cleanup();\n  };\n\n  properties.forEach((property) => {\n    if (context) {\n      onBecomeObserved(context, property, () => start(property));\n      onBecomeUnobserved(context, property, () => stop(property));\n    } else {\n      onBecomeObserved(property, () => start(property));\n      onBecomeUnobserved(property, () => stop(property));\n    }\n  });\n\n  return cleanup;\n};\n"],"names":["makeObservable","createAtom","mobxComparer","runInAction","observable","action","newData","typeGuard","$mobx","property","onBecomeObserved","onBecomeUnobserved"],"mappings":"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"}

package/mobx.d.ts

@@ -0,0 +1,66 @@
+import { AnyObject, Maybe } from 'yummies/types';
+import { IAtom, IEqualsComparer, AnnotationMapEntry } from 'mobx';
+
+type ObservableAnnotationsArray = [string, any][];
+declare const applyObservable: (context: AnyObject, annotationsArray: ObservableAnnotationsArray, useDecorators?: boolean) => void;
+
+interface IEnhancedAtom<TMeta extends AnyObject = AnyObject> extends IAtom {
+    meta: TMeta;
+}
+/**
+ * Creates an enhanced atom with meta data
+ * And bind `reportChanged` and `reportObserved` method to the atom
+ */
+declare const createEnhancedAtom: <TMeta extends AnyObject>(name: string, onBecomeObservedHandler?: (atom: IEnhancedAtom<TMeta>) => void, onBecomeUnobservedHandler?: (atom: IEnhancedAtom<TMeta>) => void, meta?: TMeta) => IEnhancedAtom<TMeta>;
+
+type RefChangeListener<T> = (value: T | null) => void;
+/**
+ * Alternative to React.createRef but works in MobX world.
+ * Typically it the should be the same React.LegacyRef (fn style)
+ */
+interface Ref<T = any, TMeta = AnyObject> {
+    (element: Maybe<T>): void;
+    listeners: Set<RefChangeListener<NoInfer<T>>>;
+    current: NoInfer<T> | null;
+    meta: TMeta;
+}
+interface CreateRefConfig<T = any, TMeta = AnyObject> {
+    onSet?: (node: T) => void;
+    onUnset?: () => void;
+    onChange?: RefChangeListener<T>;
+    meta?: TMeta;
+    initial?: Maybe<T>;
+    comparer?: IEqualsComparer<T | null>;
+}
+/**
+ * Creates ref thing to attach HTMLElements in React and all other
+ */
+declare const createRef: <T = any, TMeta = AnyObject>(cfg?: CreateRefConfig<T, TMeta>) => Ref<T, TMeta>;
+declare const isRef: <T, TMeta = any>(value: T | Ref<T, TMeta>) => value is Ref<T, TMeta>;
+declare const toRef: <T, TMeta = any>(value: T | Ref<T, TMeta>, cfg?: Omit<CreateRefConfig<T, TMeta>, "initial">) => Ref<T, TMeta>;
+
+declare class DeepObservableStruct<TData extends AnyObject> {
+    data: TData;
+    constructor(data: TData);
+    set(newData: Partial<TData>): void;
+}
+
+type ObservableObjectAdministration = Parameters<Exclude<AnnotationMapEntry, boolean>['make_']>[0];
+declare const getMobxAdministration: (context: AnyObject) => ObservableObjectAdministration;
+
+/**
+ * When ONE OF the properties is becomes observed then `onStart` function is called.
+ * WHen ALL properties are unobserved then `onEnd` function is called with the `metaData` that was returned by `onStart`.
+ *
+ * It uses `onBecomeObserved` and `onBecomeUnobserved` mobx hooks to perform lazy observation.
+ */
+declare const lazyObserve: <TMetaData = void>({ context, property, onStart, onEnd, endDelay, }: {
+    context?: any;
+    property: any | any[];
+    onStart?: () => TMetaData;
+    onEnd?: (metaData: TMetaData, cleanupFn: VoidFunction) => void;
+    endDelay?: number | false;
+}) => () => void;
+
+export { DeepObservableStruct, applyObservable, createEnhancedAtom, createRef, getMobxAdministration, isRef, lazyObserve, toRef };
+export type { CreateRefConfig, IEnhancedAtom, ObservableAnnotationsArray, Ref, RefChangeListener };

package/mobx.js

@@ -23,21 +23,21 @@ const createEnhancedAtom = (name, onBecomeObservedHandler, onBecomeUnobservedHan
 };
 const createRef = (cfg) => {
   const comparer$1 = cfg?.comparer ?? comparer.default;
-  const actionFn = (value) => {
+  const ref = (value) => {
     const nextValue = value ?? null;
-    if (comparer$1(actionFn.current, nextValue)) {
+    if (comparer$1(ref.current, nextValue)) {
       return;
     }
     runInAction(() => {
-      actionFn.current = nextValue;
-      actionFn.listeners.forEach((listener) => {
-        listener(actionFn.current);
+      ref.current = nextValue;
+      ref.listeners.forEach((listener) => {
+        listener(ref.current);
       });
     });
   };
-  actionFn.listeners = new Set(cfg?.onChange ? [cfg.onChange] : []);
+  ref.listeners = new Set(cfg?.onChange ? [cfg.onChange] : []);
   if (cfg?.onSet || cfg?.onUnset) {
-    actionFn.listeners.add((value) => {
+    ref.listeners.add((value) => {
       if (value) {
         cfg.onSet?.(value);
       } else {
@@ -45,17 +45,20 @@ const createRef = (cfg) => {
       }
     });
   }
-  actionFn.current = cfg?.initial ?? null;
-  actionFn.meta = cfg?.meta ?? {};
-  makeObservable(actionFn, {
+  ref.current = cfg?.initial ?? null;
+  ref.meta = cfg?.meta ?? {};
+  makeObservable(ref, {
     current: observable.ref,
     meta: observable
   });
-  return actionFn;
+  return ref;
 };
 const isRef = (value) => {
   return typeof value === "function" && "current" in value;
 };
+const toRef = (value, cfg) => {
+  return isRef(value) ? value : createRef({ initial: value, ...cfg });
+};
 class DeepObservableStruct {
   data;
   constructor(data) {
@@ -176,6 +179,7 @@ export {
   createRef,
   getMobxAdministration,
   isRef,
-  lazyObserve
+  lazyObserve,
+  toRef
 };
 //# sourceMappingURL=mobx.js.map