@tamagui/image 2.0.0-rc.4 → 2.0.0-rc.40

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.
Files changed (87) hide show
  1. package/dist/cjs/Image.cjs +42 -40
  2. package/dist/cjs/Image.native.js +17 -15
  3. package/dist/cjs/Image.native.js.map +1 -1
  4. package/dist/cjs/createImage.cjs +123 -88
  5. package/dist/cjs/createImage.native.js +128 -95
  6. package/dist/cjs/createImage.native.js.map +1 -1
  7. package/dist/cjs/index.cjs +7 -5
  8. package/dist/cjs/index.native.js +7 -5
  9. package/dist/cjs/index.native.js.map +1 -1
  10. package/dist/cjs/types.cjs +7 -5
  11. package/dist/cjs/types.native.js +7 -5
  12. package/dist/cjs/types.native.js.map +1 -1
  13. package/dist/cjs/v1/Image.cjs +63 -48
  14. package/dist/cjs/v1/Image.native.js +91 -73
  15. package/dist/cjs/v1/Image.native.js.map +1 -1
  16. package/dist/cjs/v1/index.cjs +7 -5
  17. package/dist/cjs/v1/index.native.js +7 -5
  18. package/dist/cjs/v1/index.native.js.map +1 -1
  19. package/dist/esm/Image.mjs +28 -28
  20. package/dist/esm/Image.mjs.map +1 -1
  21. package/dist/esm/createImage.mjs +109 -76
  22. package/dist/esm/createImage.mjs.map +1 -1
  23. package/dist/esm/createImage.native.js +113 -82
  24. package/dist/esm/createImage.native.js.map +1 -1
  25. package/dist/esm/index.js +2 -2
  26. package/dist/esm/index.js.map +1 -6
  27. package/dist/esm/v1/Image.mjs +34 -21
  28. package/dist/esm/v1/Image.mjs.map +1 -1
  29. package/dist/esm/v1/Image.native.js +62 -46
  30. package/dist/esm/v1/Image.native.js.map +1 -1
  31. package/dist/jsx/Image.mjs +28 -28
  32. package/dist/jsx/Image.mjs.map +1 -1
  33. package/dist/jsx/Image.native.js +17 -15
  34. package/dist/jsx/Image.native.js.map +1 -1
  35. package/dist/jsx/createImage.mjs +109 -76
  36. package/dist/jsx/createImage.mjs.map +1 -1
  37. package/dist/jsx/createImage.native.js +128 -95
  38. package/dist/jsx/createImage.native.js.map +1 -1
  39. package/dist/jsx/index.js +2 -2
  40. package/dist/jsx/index.js.map +1 -6
  41. package/dist/jsx/index.native.js +7 -5
  42. package/dist/jsx/types.native.js +7 -5
  43. package/dist/jsx/v1/Image.mjs +34 -21
  44. package/dist/jsx/v1/Image.mjs.map +1 -1
  45. package/dist/jsx/v1/Image.native.js +91 -73
  46. package/dist/jsx/v1/Image.native.js.map +1 -1
  47. package/dist/jsx/v1/index.native.js +7 -5
  48. package/package.json +9 -12
  49. package/src/createImage.tsx +20 -6
  50. package/src/types.ts +1 -1
  51. package/types/Image.native.d.ts +1 -1
  52. package/types/createImage.d.ts +2 -2
  53. package/types/createImage.d.ts.map +1 -1
  54. package/types/types.d.ts +1 -1
  55. package/types/types.d.ts.map +1 -1
  56. package/dist/cjs/Image.js +0 -55
  57. package/dist/cjs/Image.js.map +0 -6
  58. package/dist/cjs/createImage.js +0 -127
  59. package/dist/cjs/createImage.js.map +0 -6
  60. package/dist/cjs/index.js +0 -16
  61. package/dist/cjs/index.js.map +0 -6
  62. package/dist/cjs/types.js +0 -14
  63. package/dist/cjs/types.js.map +0 -6
  64. package/dist/cjs/v1/Image.js +0 -72
  65. package/dist/cjs/v1/Image.js.map +0 -6
  66. package/dist/cjs/v1/index.js +0 -15
  67. package/dist/cjs/v1/index.js.map +0 -6
  68. package/dist/esm/Image.js +0 -40
  69. package/dist/esm/Image.js.map +0 -6
  70. package/dist/esm/createImage.js +0 -112
  71. package/dist/esm/createImage.js.map +0 -6
  72. package/dist/esm/types.js +0 -1
  73. package/dist/esm/types.js.map +0 -6
  74. package/dist/esm/v1/Image.js +0 -52
  75. package/dist/esm/v1/Image.js.map +0 -6
  76. package/dist/esm/v1/index.js +0 -2
  77. package/dist/esm/v1/index.js.map +0 -6
  78. package/dist/jsx/Image.js +0 -40
  79. package/dist/jsx/Image.js.map +0 -6
  80. package/dist/jsx/createImage.js +0 -112
  81. package/dist/jsx/createImage.js.map +0 -6
  82. package/dist/jsx/types.js +0 -1
  83. package/dist/jsx/types.js.map +0 -6
  84. package/dist/jsx/v1/Image.js +0 -52
  85. package/dist/jsx/v1/Image.js.map +0 -6
  86. package/dist/jsx/v1/index.js +0 -2
  87. package/dist/jsx/v1/index.js.map +0 -6
@@ -5,124 +5,157 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: !0
11
- });
12
- },
13
- __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ for (var name in all) __defProp(target, name, {
9
+ get: all[name],
10
+ enumerable: true
11
+ });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
15
16
  get: () => from[key],
16
17
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
17
18
  });
18
- return to;
19
- };
19
+ }
20
+ return to;
21
+ };
20
22
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: !0
23
+ value: true
22
24
  }), mod);
23
25
  var createImage_exports = {};
24
26
  __export(createImage_exports, {
25
27
  createImage: () => createImage
26
28
  });
27
29
  module.exports = __toCommonJS(createImage_exports);
28
- var import_jsx_runtime = require("react/jsx-runtime"),
29
- import_web = require("@tamagui/web"),
30
- defaultObjectFitMap = function (objectFit) {
31
- switch (objectFit) {
32
- case "fill":
33
- return "stretch";
34
- case "none":
35
- return "center";
36
- case "scale-down":
37
- return "contain";
38
- case "contain":
39
- return "contain";
40
- default:
41
- return "cover";
42
- }
43
- },
44
- defaultTransformSource = function (props) {
30
+ var import_jsx_runtime = require("react/jsx-runtime");
31
+ var import_web = require("@tamagui/web");
32
+ var defaultObjectFitMap = function (objectFit) {
33
+ switch (objectFit) {
34
+ case "fill":
35
+ return "stretch";
36
+ case "none":
37
+ return "center";
38
+ case "scale-down":
39
+ return "contain";
40
+ case "contain":
41
+ return "contain";
42
+ default:
43
+ return "cover";
44
+ }
45
+ };
46
+ var defaultTransformSource = function (props) {
47
+ var {
48
+ src,
49
+ source,
50
+ width,
51
+ height
52
+ } = props;
53
+ if (source) return source;
54
+ if (src && typeof src !== "string") return src;
55
+ return {
56
+ uri: src,
57
+ width,
58
+ height
59
+ };
60
+ };
61
+ function createImage(options) {
62
+ var {
63
+ Component,
64
+ mapObjectFitToResizeMode = defaultObjectFitMap,
65
+ resizeModePropName = "resizeMode",
66
+ objectPositionPropName,
67
+ transformSource = defaultTransformSource
68
+ } = options;
69
+ var inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]);
70
+ var StyledImage = (0, import_web.styled)(Component, {
71
+ name: "Image"
72
+ }, {
73
+ inlineProps: inlinePropsSet
74
+ });
75
+ var ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
76
+ var props = incomingProps;
45
77
  var {
46
78
  src,
47
- source,
48
79
  width,
49
- height
80
+ height,
81
+ borderRadius,
82
+ objectFit,
83
+ objectPosition,
84
+ // web only props - filter out on native
85
+ decoding,
86
+ elementTiming,
87
+ fetchpriority,
88
+ isMap,
89
+ loading,
90
+ sizes,
91
+ useMap,
92
+ onLoad,
93
+ onError,
94
+ ...rest
50
95
  } = props;
51
- return source || (src && typeof src != "string" ? src : {
52
- uri: src,
53
- width,
54
- height
96
+ var resolvedWidth = typeof width === "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
97
+ var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
98
+ var finalSource = transformSource({
99
+ src,
100
+ width: resolvedWidth,
101
+ height: resolvedHeight
55
102
  });
56
- };
57
- function createImage(options) {
58
- var {
59
- Component,
60
- mapObjectFitToResizeMode = defaultObjectFitMap,
61
- resizeModePropName = "resizeMode",
62
- objectPositionPropName,
63
- transformSource = defaultTransformSource
64
- } = options,
65
- inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]),
66
- StyledImage = (0, import_web.styled)(Component, {
67
- name: "Image"
68
- }, {
69
- inlineProps: inlinePropsSet
70
- }),
71
- ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
72
- var props = incomingProps,
73
- {
74
- src,
75
- width,
76
- height,
77
- objectFit,
78
- objectPosition,
79
- // web only props - filter out on native
80
- decoding,
81
- elementTiming,
82
- fetchpriority,
83
- isMap,
84
- loading,
85
- sizes,
86
- useMap,
87
- onLoad,
88
- onError,
89
- ...rest
90
- } = props,
91
- resolvedWidth = typeof width == "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width) : width,
92
- resolvedHeight = typeof height == "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height) : height,
93
- finalSource = transformSource({
94
- src,
95
- width: resolvedWidth,
96
- height: resolvedHeight
103
+ var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
104
+ var resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? (0, import_web.getTokenValue)(borderRadius, "radius") : borderRadius;
105
+ var finalProps = {
106
+ ...rest,
107
+ source: finalSource,
108
+ style: {
109
+ ...incomingStyle,
110
+ ...(resolvedBorderRadius !== void 0 && {
111
+ borderRadius: resolvedBorderRadius
97
112
  }),
98
- finalProps = {
99
- ...rest,
100
- source: finalSource,
101
- style: {
102
- width: resolvedWidth,
103
- height: resolvedHeight
104
- }
105
- };
106
- return objectFit && (finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit)), objectPositionPropName && objectPosition && (finalProps[objectPositionPropName] = objectPosition), onLoad && (finalProps.onLoad = function (e) {
107
- var _e_nativeEvent,
108
- source = (e == null || (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || e?.source || {};
113
+ ...(resolvedWidth !== void 0 && {
114
+ width: resolvedWidth
115
+ }),
116
+ ...(resolvedHeight !== void 0 && {
117
+ height: resolvedHeight
118
+ })
119
+ }
120
+ };
121
+ if (objectFit) {
122
+ finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
123
+ }
124
+ if (objectPositionPropName && objectPosition) {
125
+ finalProps[objectPositionPropName] = objectPosition;
126
+ }
127
+ if (onLoad) {
128
+ finalProps.onLoad = function (e) {
129
+ var _e_nativeEvent;
130
+ var source = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};
109
131
  onLoad({
110
132
  target: {
111
- naturalHeight: source?.height,
112
- naturalWidth: source?.width
133
+ naturalHeight: source === null || source === void 0 ? void 0 : source.height,
134
+ naturalWidth: source === null || source === void 0 ? void 0 : source.width
113
135
  },
114
136
  type: "load"
115
137
  });
116
- }), onError && (finalProps.onError = function () {
138
+ };
139
+ }
140
+ if (onError) {
141
+ finalProps.onError = function () {
117
142
  onError({
118
143
  type: "error"
119
144
  });
120
- }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
121
- ref,
122
- ...finalProps
123
- });
124
- }),
125
- comp = Component;
126
- return ImageComponent.getSize = comp.getSize || function () {}, ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {}, ImageComponent.prefetch = comp.prefetch || function () {}, ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {}, ImageComponent.abortPrefetch = comp.abortPrefetch || function () {}, ImageComponent.queryCache = comp.queryCache || function () {}, ImageComponent;
145
+ };
146
+ }
147
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
148
+ ref,
149
+ ...finalProps
150
+ });
151
+ });
152
+ var comp = Component;
153
+ ImageComponent.getSize = comp.getSize || function () {};
154
+ ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {};
155
+ ImageComponent.prefetch = comp.prefetch || function () {};
156
+ ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {};
157
+ ImageComponent.abortPrefetch = comp.abortPrefetch || function () {};
158
+ ImageComponent.queryCache = comp.queryCache || function () {};
159
+ return ImageComponent;
127
160
  }
128
161
  //# sourceMappingURL=createImage.native.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","inlineProps","ImageComponent","styleable","incomingProps","ref","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","finalProps","style","e","_e_nativeEvent","nativeEvent","naturalHeight","naturalWidth","type","jsx"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","width","height","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","inlineProps","ImageComponent","styleable","incomingProps","ref","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","nativeEvent","naturalHeight","naturalWidth","type"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAuOE,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AA7LX,IAAAC,gBAAM,GAAAF,MAAuB,CAAAG,wBAAuC;AAClE,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACjBC,YAAK,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACH,IAAAC,QAAA,GAAOA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACT,IAAKC,IAAA,IAAAD,GAAA,EACHZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEP,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACTF,IAAK,WAAAA,IAAA,wBAAAA,IAAA;IACH,SAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACT,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACEnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACX;EACF,OAAAE,EAAA;AAEA;AAME,IAAAM,YAAa,GAAAC,GAAQ,IAAAR,WAAc,CAAAhB,SAAI;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACvC,IAAAE,mBAAmB;AACnBhB,QAAI,CAAAgB,mBAAsB;EAC1BC,WAAO,EAAAA,CAAA,KAAAA;AAAA;AACAC,MACL,CAAAC,OAAA,GAAAN,YAAA,CAAAG,mBAAA;AAAA,IACAI,kBAAA,GAAAC,OAAA;AAAA,IACFC,UAAA,GAAAD,OAAA;AACF,IAAAE,mBAAA,YAAAA,CAAAC,SAAA;EAyBO,QAASA,SAAA;IAGd,KAAM;MACJ;IACA;MACA;IACA;MACA,gBAAkB;IACpB,KAAI;MAGJ,OAAM;IACJ;MACA;EAAA;AACA;AACA,IACAC,sBAAA,YAAAA,CAAAC,KAAA;EAAA,IACA;IAAAC,GAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAJ,KAAA;EAAA,IACAE,MAAA,SAAAA,MAAA;EAAA,IACAD,GAAA,WAAAA,GAAA,sBAAAA,GAAA;EAAA,OACA;IACAI,GAAA,EAAAJ,GAAA;IACAE,KAAA;IACAC;EAAA;AACA;AACA,SACAb,YAAAe,OAAA;EAAA,IACA;IAAAC,SAAA;IAAAC,wBAAA,GAAAX,mBAAA;IAAAY,kBAAA;IAAAC,sBAAA;IAAAC,eAAA,GAAAZ;EAAA,IAAAO,OAAA;EACF,IAACM,cAAA,sBAAAC,GAAA,EAED,QAAM,EACJ,eACA,0BACQ,EACR,mBACA,6BACE,EACF,oBACF,YAKA,YAAM,EACJ,UAAM,EACN,uBAAM,oBACJ,eACA,cACA,aACA;EACA,IACAC,WAAA,OAAAlB,UAAA,CAAAmB,MAAA,EAAAR,SAAA;IAAA9B,IAAA;EAAA;IAEAuC,WACA,EAAAJ;EAAA;EACA,IACAK,cAAA,GAAAH,WAAA,CAAAI,SAAA,WAAAC,aAAA,EAAAC,GAAA;IAAA,IACApB,KAAA,GAAAmB,aAAA;IAAA,IACA;MACAlB,GAAA;MACAE,KAAA;MACAC,MAAA;MACAiB,YAAG;MACLvB,SAAI;MAEJwB,cAAM;MAIN;MAKAC,QAAM;MACJC,aAAA;MACAC,aAAO;MACPC,KAAA;MACDC,OAAA;MAEDC,KAAM;MAINC,MAAM;MAKNC,MAAM;MACJC,OAAG;MACH,GAAAC;IAAQ,IACRhC,KAAO;IAAA,IACLiC,aAAG,UAAA9B,KAAA,iBAAAA,KAAA,kBAAAP,UAAA,CAAAsC,aAAA,EAAA/B,KAAA,YAAAA,KAAA;IAAA,IACHgC,cAAI,UAAA/B,MAAyB,aAAe,IAAAA,MAAA,CAAc,iBAAAR,UAAqB,CAAAsC,aAAA,EAAA9B,MAAA,YAAAA,MAAA;IAAA,IAC/EgC,WAAI,GAAAzB,eAAkB;MAAoCV,GAC1D;MACFE,KAAA,EAAA8B,aAAA;MACF7B,MAAA,EAAA+B;IAGA;IACE,IAAAE,aAAW,GAAAC,KAAA,CAAAC,OAAkB,CAAAP,IAAI,CAAAQ,KAAA,IAAA3E,MAAA,CAAA4E,MAAyB,QAAST,IAAA,CAAAQ,KAAA,CAAAE,IAAA,MAAAV,IAAA,CAAAQ,KAAA;IACrE,IAAAG,oBAAA,UAAAtB,YAAA,iBAAAA,YAAA,kBAAAzB,UAAA,CAAAsC,aAAA,EAAAb,YAAA,cAAAA,YAAA;IAGA,IAAIuB,UAAA;MACF,GAAAZ,IAAA;MACF9B,MAAA,EAAAkC,WAAA;MAGAI,KAAI;QACF,GAAAH,aAAW;QACT,IAAAM,oBAAkB,UAAa;UAC/BtB,YAAO,EAAAsB;QAAA;QACG,IAAAV,aACN,KAAe,MAAQ;UAAA9B,KACvB,EAAA8B;QAAsB;QACxB,IACAE,cAAM;UACA/B,MAAA,EAAA+B;QACV;MACF;IAGA;IACE,IAAArC,SAAW;MACT8C,UAAQ,CAAAnC,kBAAA,IAAAD,wBAAA,CAAAV,SAAA;IAAA;IACA,IACRY,sBAAQ,IAAAY,cAAA;MACVsB,UAAA,CAAAlC,sBAAA,IAAAY,cAAA;IACF;IAGA,IAAAQ,MAAO;MACRc,UAAA,CAAAd,MAAA,aAAAe,CAAA;QAGK,IAAAC,cAAO;QACb,IAAA5C,MAAe,IAAA2C,CAAA,KAAU,IAAK,IAAAA,CAAA,UAAY,IAAM,UAAAC,cAAA,GAAAD,CAAA,CAAAE,WAAA,cAAAD,cAAA,uBAAAA,cAAA,CAAA5C,MAAA,MAAA2C,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAA3C,MAAA;QAAC4B,MAAA;UACjDvD,MAAA,EAAe;YAAwDyE,aAAA,EAAA9C,MAAA,aAAAA,MAAA,uBAAAA,MAAA,CAAAE,MAAA;YACvE6C,YAAe,EAAA/C,MAAW,KAAK,QAAAA,MAAa,KAAM,kBAAAA,MAAA,CAAAC;UAAC;UACnD+C,IAAA;QAA2E;MAC3E;IAA6D;IAC7D,IAAAnB,OAAA,EAAe;MAAwCa,UAAA,CAAAb,OAAA;QAEvDA,OAAO;UACTmB,IAAA","ignoreList":[]}
package/dist/jsx/index.js CHANGED
@@ -1,3 +1,3 @@
1
- export * from "./Image";
2
- export * from "./createImage";
1
+ export * from "./Image.mjs";
2
+ export * from "./createImage.mjs";
3
3
  //# sourceMappingURL=index.js.map
@@ -1,6 +1 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;AACd,cAAc;",
5
- "names": []
6
- }
1
+ {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
@@ -5,15 +5,17 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
8
+ if (from && typeof from === "object" || typeof from === "function") {
9
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
9
10
  get: () => from[key],
10
11
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
12
  });
12
- return to;
13
- },
14
- __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
13
+ }
14
+ return to;
15
+ };
16
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
17
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
16
- value: !0
18
+ value: true
17
19
  }), mod);
18
20
  var index_exports = {};
19
21
  module.exports = __toCommonJS(index_exports);
@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
5
  var __getOwnPropNames = Object.getOwnPropertyNames;
6
6
  var __hasOwnProp = Object.prototype.hasOwnProperty;
7
7
  var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
9
- get: () => from[key],
10
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
11
- });
8
+ if (from && typeof from === "object" || typeof from === "function") {
9
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
+ get: () => from[key],
11
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
+ });
13
+ }
12
14
  return to;
13
15
  };
14
16
  var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
15
- value: !0
17
+ value: true
16
18
  }), mod);
17
19
  var types_exports = {};
18
20
  module.exports = __toCommonJS(types_exports);
@@ -6,35 +6,48 @@ import { jsx } from "react/jsx-runtime";
6
6
  const StyledImage = styled(RNImage, {
7
7
  name: "Image"
8
8
  });
9
- let hasWarned = !1;
9
+ let hasWarned = false;
10
10
  const Image = StyledImage.styleable((inProps, ref) => {
11
- const [props, style] = usePropsAndStyle(inProps),
12
- {
13
- src,
14
- source,
15
- objectFit,
16
- ...rest
17
- } = props;
18
- process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn('React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.')));
19
- let finalSource = typeof src == "string" ? {
11
+ const [props, style] = usePropsAndStyle(inProps);
12
+ const {
13
+ src,
14
+ source,
15
+ objectFit,
16
+ ...rest
17
+ } = props;
18
+ if (process.env.NODE_ENV === "development") {
19
+ if (typeof src === "string") {
20
+ if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
21
+ if (!hasWarned) {
22
+ hasWarned = true;
23
+ console.warn(`React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`);
24
+ }
25
+ }
26
+ }
27
+ }
28
+ let finalSource = typeof src === "string" ? {
20
29
  uri: src,
21
30
  ...(isWeb && {
22
31
  width: props.width || style?.width,
23
32
  height: props.height || style?.height
24
33
  })
25
34
  } : source ?? src;
26
- return finalSource && typeof finalSource == "object" && (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && React.useEffect(() => {
27
- async function run() {
28
- if (typeof src == "string") try {
29
- await fetch(src).then(res => res.text());
30
- } catch {
31
- console.error(`Error loading image: ${src}`, {
32
- props
33
- });
35
+ if (finalSource && typeof finalSource === "object") {
36
+ if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR) React.useEffect(() => {
37
+ async function run() {
38
+ if (typeof src === "string") try {
39
+ await fetch(src).then(res => res.text());
40
+ } catch (err) {
41
+ console.error(`Error loading image: ${src}`, {
42
+ props
43
+ });
44
+ }
34
45
  }
35
- }
36
- run();
37
- }, [src]), finalSource.default && (finalSource = finalSource.default)), /* @__PURE__ */jsx(RNImage, {
46
+ run();
47
+ }, [src]);
48
+ if (finalSource["default"]) finalSource = finalSource["default"];
49
+ }
50
+ return /* @__PURE__ */jsx(RNImage, {
38
51
  resizeMode: objectFit,
39
52
  ref,
40
53
  source: finalSource,
@@ -1 +1 @@
1
- {"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","useEffect","run","fetch","then","res","text","error","default","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AAEzC,SAASC,KAAA,IAASC,OAAA,QAAe;AAqH7B,SAAAC,GAAA;AAnHJ,MAAMC,WAAA,GAAcL,MAAA,CAAOG,OAAA,EAAS;EAClCG,IAAA,EAAM;AACR,CAAC;AAmCD,IAAIC,SAAA,GAAY;AAMT,MAAML,KAAA,GAAQG,WAAA,CAAYG,SAAA,CAAsB,CAACC,OAAA,EAASC,GAAA,KAAQ;EACvE,MAAM,CAACC,KAAA,EAAOC,KAAK,IAAIX,gBAAA,CAAiBQ,OAAO;IACzC;MAAEI,GAAA;MAAKC,MAAA;MAAQC,SAAA;MAAW,GAAGC;IAAK,IAAIL,KAAA;EAExCM,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBACvB,OAAON,GAAA,IAAQ,aAEd,OAAOF,KAAA,CAAMS,KAAA,IAAU,YAAYT,KAAA,CAAMS,KAAA,CAAM,CAAC,MAAM,OACtD,OAAOT,KAAA,CAAMU,MAAA,IAAW,YAAYV,KAAA,CAAMU,MAAA,CAAO,CAAC,MAAM,SAEpDd,SAAA,KACHA,SAAA,GAAY,IACZe,OAAA,CAAQC,IAAA,CACN,4IACF;EAMR,IAAIC,WAAA,GACF,OAAOX,GAAA,IAAQ,WACX;IACEY,GAAA,EAAKZ,GAAA;IACL,IAAId,KAAA,IAAS;MACXqB,KAAA,EAAOT,KAAA,CAAMS,KAAA,IAASR,KAAA,EAAOQ,KAAA;MAC7BC,MAAA,EAAQV,KAAA,CAAMU,MAAA,IAAUT,KAAA,EAAOS;IACjC;EACF,IACCP,MAAA,IAAUD,GAAA;EAEjB,OAAIW,WAAA,IAAe,OAAOA,WAAA,IAAgB,aAgBpCP,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiBF,OAAA,CAAQC,GAAA,CAAIQ,yBAAA,IAExD5B,KAAA,CAAM6B,SAAA,CAAU,MAAM;IACpB,eAAeC,IAAA,EAAM;MACnB,IAAI,OAAOf,GAAA,IAAQ,UACjB,IAAI;QACF,MAAMgB,KAAA,CAAMhB,GAAG,EAAEiB,IAAA,CAAMC,GAAA,IAAQA,GAAA,CAAIC,IAAA,CAAK,CAAC;MAC3C,QAAc;QACZV,OAAA,CAAQW,KAAA,CAAM,wBAAwBpB,GAAG,IAAI;UAAEF;QAAM,CAAC;MACxD;IAEJ;IAEAiB,GAAA,CAAI;EACN,GAAG,CAACf,GAAG,CAAC,GAINW,WAAA,CAAYU,OAAA,KACdV,WAAA,GAAcA,WAAA,CAAYU,OAAA,IAM5B,eAAA9B,GAAA,CAACD,OAAA;IACCgC,UAAA,EAAYpB,SAAA;IACZL,GAAA;IACAI,MAAA,EAAQU,WAAA;IACRZ,KAAA;IACC,GAAII;EAAA,CACP;AAEJ,CAAC;AAEDd,KAAA,CAAMkC,OAAA,GAAUjC,OAAA,CAAQiC,OAAA;AACxBlC,KAAA,CAAMmC,kBAAA,GAAqBlC,OAAA,CAAQkC,kBAAA;AACnCnC,KAAA,CAAMoC,QAAA,GAAWnC,OAAA,CAAQmC,QAAA;AACzBpC,KAAA,CAAMqC,oBAAA,GAAuBpC,OAAA,CAAQoC,oBAAA;AACrCrC,KAAA,CAAMsC,aAAA,GAAgBrC,OAAA,CAAQqC,aAAA;AAC9BtC,KAAA,CAAMuC,UAAA,GAAatC,OAAA,CAAQsC,UAAA","ignoreList":[]}
1
+ {"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","RNImage","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","TAMAGUI_IMAGE_CHECK_ERROR","useEffect","run","fetch","then","res","text","err","error","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAQtB,SAASC,MAAA,EAAQC,gBAAA,QAAwB;AAEzC,SAASC,KAAA,IAASC,OAAA,QAAe;AAqH7B,SAAAC,GAAA;AAnHJ,MAAMC,WAAA,GAAcL,MAAA,CAAOG,OAAA,EAAS;EAAAG,IAAA;AAAA;AAAA,IAClCC,SAAM;AACR,MAACL,KAAA,GAAAG,WAAA,CAAAG,SAAA,EAAAC,OAAA,EAAAC,GAAA;EAmCD,MAAI,CAAAC,KAAA,EAAAC,KAAY,IAAAX,gBAAA,CAAAQ,OAAA;EAMT,MAAM;IAAAI,GAAA;IAAQC,MAAA;IAAAC,SAAY;IAAA,GAAsBC;EAAC,IAAAL,KAAS;EAC/D,IAAAM,OAAO,CAAAC,GAAO,CAAAC,QAAS,kBAAiB;IACxC,WAAQN,GAAK,aAAQ;MAErB,IAAI,OAAQF,KAAI,CAAAS,KAAA,aAAa,IAAAT,KAAe,CAAAS,KAAA,sBAAAT,KAAA,CAAAU,MAAA,iBAAAV,KAAA,CAAAU,MAAA;QAC1C,IAAI,CAAAd,SAAO;UACTA,SACG,GAAO;UAGRe,OAAI,CAACC,IAAA,6IAAW;QACd;MACA;IAAQ;EACN;EACF,IAAAC,WACF,UAAAX,GAAA;IAAAY,GAAA,EACFZ,GAAA;IAAA,IACFd,KAAA;MACFqB,KAAA,EAAAT,KAAA,CAAAS,KAAA,IAAAR,KAAA,EAAAQ,KAAA;MAEAC,MAAI,EAAAV,KAAA,CAAAU,MACF,IAAOT,KAAA,EAAAS;IACH;EACO,IACLP,MAAI,IAAAD,GAAS;EAAA,IAAAW,WACJ,IAAM,OAAAA,WAAgB;IAAA,IAC7BP,OAAA,CAAQC,GAAA,CAAAC,QAAM,KAAU,aAAO,IAAAF,OAAA,CAAAC,GAAA,CAAAQ,yBAAA,EAAA5B,KAAA,CAAA6B,SAAA;MAAA,eACjCC,IAAA;QACF,IACC,OAAAf,GAAU;UAEjB,MAAIgB,KAAA,CAAAhB,GAAA,CAAe,CAAAiB,IAAA,CAAOC,GAAA,IAAAA,GAAA,CAAAC,IAAgB;QACxC,SAAIC,GAAQ;UAEVX,OAAK,CAAAY,KAAM,yBAAsBrB,GAAA;YAAAF;UAAA;QAC/B;MACE;MACAiB,GAAA;IAEE,IAAAf,GAAA;IAEA,IAAAW,WAAA,CAAM,YAAWA,WAAO,GAAAA,WAAA;EAAA;EAC1B,OACF,eAAApB,GAAA,CAAAD,OAAA;IAAAgC,UACF,EAAApB,SAAA;IAAAL,GACF;IAEAI,MAAI,EAAAU,WAAY;IAEdZ,KAAA;IACE,GAAAI;EACE;AACE;AACEd,KAAA,CAAAkC,OAAA,GAAAjC,OAAM,CAAAiC,OAAW;AAAwBlC,KAAA,CAAAmC,kBAClC,GAAKlC,OAAA,CAAAkC,kBAAA;AACZnC,KAAA,CAAAoC,QAAA,GAAAnC,OAAQ,CAAAmC,QAAM;AAAwCpC,KAAA,CAAAqC,oBACxD,GAAApC,OAAA,CAAAoC,oBAAA;AAAArC,KAAA,CAAAsC,aACF,GAAArC,OAAA,CAAAqC,aAAA;AAAAtC,KAAA,CAAAuC,UACF,GAAAtC,OAAA,CAAAsC,UAAA;AAEA,SAAAvC,KAAI","ignoreList":[]}
@@ -4,98 +4,116 @@ var __create = Object.create;
4
4
  var __defProp = Object.defineProperty;
5
5
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
- var __getProtoOf = Object.getPrototypeOf,
8
- __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
9
  var __export = (target, all) => {
10
- for (var name in all) __defProp(target, name, {
11
- get: all[name],
12
- enumerable: !0
13
- });
14
- },
15
- __copyProps = (to, from, except, desc) => {
16
- if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
10
+ for (var name in all) __defProp(target, name, {
11
+ get: all[name],
12
+ enumerable: true
13
+ });
14
+ };
15
+ var __copyProps = (to, from, except, desc) => {
16
+ if (from && typeof from === "object" || typeof from === "function") {
17
+ for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
17
18
  get: () => from[key],
18
19
  enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
19
20
  });
20
- return to;
21
- };
21
+ }
22
+ return to;
23
+ };
22
24
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
23
- // If the importer is in node compatibility mode or this is not an ESM
24
- // file that has been converted to a CommonJS file using a Babel-
25
- // compatible transform (i.e. "__esModule" has not been set), then set
26
- // "default" to the CommonJS "module.exports" for node compatibility.
27
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
28
- value: mod,
29
- enumerable: !0
30
- }) : target, mod)),
31
- __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
32
- value: !0
33
- }), mod);
25
+ // If the importer is in node compatibility mode or this is not an ESM
26
+ // file that has been converted to a CommonJS file using a Babel-
27
+ // compatible transform (i.e. "__esModule" has not been set), then set
28
+ // "default" to the CommonJS "module.exports" for node compatibility.
29
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
30
+ value: mod,
31
+ enumerable: true
32
+ }) : target, mod));
33
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
34
+ value: true
35
+ }), mod);
34
36
  var Image_exports = {};
35
37
  __export(Image_exports, {
36
38
  Image: () => Image
37
39
  });
38
40
  module.exports = __toCommonJS(Image_exports);
39
- var import_jsx_runtime = require("react/jsx-runtime"),
40
- import_react = __toESM(require("react"), 1),
41
- import_constants = require("@tamagui/constants"),
42
- import_web = require("@tamagui/web"),
43
- import_react_native = require("react-native");
41
+ var import_jsx_runtime = require("react/jsx-runtime");
42
+ var import_react = __toESM(require("react"), 1);
43
+ var import_constants = require("@tamagui/constants");
44
+ var import_web = require("@tamagui/web");
45
+ var import_react_native = require("react-native");
44
46
  function _type_of(obj) {
45
47
  "@swc/helpers - typeof";
46
48
 
47
- return obj && typeof Symbol < "u" && obj.constructor === Symbol ? "symbol" : typeof obj;
49
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
48
50
  }
49
51
  var StyledImage = (0, import_web.styled)(import_react_native.Image, {
50
- name: "Image"
51
- }),
52
- hasWarned = !1,
53
- Image = StyledImage.styleable(function (inProps, ref) {
54
- var [props, style] = (0, import_web.usePropsAndStyle)(inProps),
55
- {
56
- src,
57
- source,
58
- objectFit,
59
- ...rest
60
- } = props;
61
- process.env.NODE_ENV === "development" && typeof src == "string" && (typeof props.width == "string" && props.width[0] !== "$" || typeof props.height == "string" && props.height[0] !== "$") && (hasWarned || (hasWarned = !0, console.warn('React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.')));
62
- var finalSource = typeof src == "string" ? {
63
- uri: src,
64
- ...(import_constants.isWeb && {
65
- width: props.width || style?.width,
66
- height: props.height || style?.height
67
- })
68
- } : source ?? src;
69
- if (finalSource && (typeof finalSource > "u" ? "undefined" : _type_of(finalSource)) === "object") {
70
- if (!Array.isArray(finalSource) && typeof finalSource.uri == "number" && (finalSource = finalSource.uri, source && (typeof source > "u" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source))) {
71
- var _style, _style1, _width;
72
- (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
73
- var _height;
74
- (_height = (_style1 = style).height) !== null && _height !== void 0 || (_style1.height = source.height);
52
+ name: "Image"
53
+ });
54
+ var hasWarned = false;
55
+ var Image = StyledImage.styleable(function (inProps, ref) {
56
+ var [props, style] = (0, import_web.usePropsAndStyle)(inProps);
57
+ var {
58
+ src,
59
+ source,
60
+ objectFit,
61
+ ...rest
62
+ } = props;
63
+ if (process.env.NODE_ENV === "development") {
64
+ if (typeof src === "string") {
65
+ if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
66
+ if (!hasWarned) {
67
+ hasWarned = true;
68
+ console.warn(`React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`);
69
+ }
75
70
  }
76
- process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR && import_react.default.useEffect(function () {
77
- async function run() {
78
- if (typeof src == "string") try {
79
- await fetch(src).then(function (res) {
80
- return res.text();
81
- });
82
- } catch {
83
- console.error(`Error loading image: ${src}`, {
84
- props
85
- });
86
- }
71
+ }
72
+ }
73
+ var finalSource = typeof src === "string" ? {
74
+ uri: src,
75
+ ...(import_constants.isWeb && {
76
+ width: props.width || (style === null || style === void 0 ? void 0 : style.width),
77
+ height: props.height || (style === null || style === void 0 ? void 0 : style.height)
78
+ })
79
+ } : source !== null && source !== void 0 ? source : src;
80
+ if (finalSource && (typeof finalSource === "undefined" ? "undefined" : _type_of(finalSource)) === "object") {
81
+ if (!Array.isArray(finalSource)) {
82
+ if (typeof finalSource.uri === "number") {
83
+ finalSource = finalSource.uri;
84
+ if (source && (typeof source === "undefined" ? "undefined" : _type_of(source)) === "object" && !Array.isArray(source)) {
85
+ var _style, _style1;
86
+ var _width;
87
+ (_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);
88
+ var _height;
89
+ (_height = (_style1 = style).height) !== null && _height !== void 0 || (_style1.height = source.height);
87
90
  }
88
- run();
89
- }, [src]), finalSource.default && (finalSource = finalSource.default);
91
+ }
90
92
  }
91
- return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
92
- resizeMode: objectFit,
93
- ref,
94
- source: finalSource,
95
- style,
96
- ...rest
97
- });
93
+ if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_IMAGE_CHECK_ERROR) import_react.default.useEffect(function () {
94
+ async function run() {
95
+ if (typeof src === "string") try {
96
+ await fetch(src).then(function (res) {
97
+ return res.text();
98
+ });
99
+ } catch (err) {
100
+ console.error(`Error loading image: ${src}`, {
101
+ props
102
+ });
103
+ }
104
+ }
105
+ run();
106
+ }, [src]);
107
+ if (finalSource["default"]) finalSource = finalSource["default"];
108
+ }
109
+ return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
110
+ resizeMode: objectFit,
111
+ ref,
112
+ source: finalSource,
113
+ style,
114
+ ...rest
98
115
  });
116
+ });
99
117
  Image.getSize = import_react_native.Image.getSize;
100
118
  Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
101
119
  Image.prefetch = import_react_native.Image.prefetch;