@hanzogui/image 7.0.0 → 7.3.0

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 (83) hide show
  1. package/LICENSE +40 -19
  2. package/dist/cjs/Image.cjs +64 -0
  3. package/dist/cjs/Image.native.js +35 -0
  4. package/dist/cjs/Image.native.js.map +1 -0
  5. package/dist/cjs/createImage.cjs +157 -0
  6. package/dist/cjs/createImage.native.js +161 -0
  7. package/dist/cjs/createImage.native.js.map +1 -0
  8. package/dist/cjs/index.cjs +21 -0
  9. package/dist/cjs/index.native.js +24 -0
  10. package/dist/cjs/index.native.js.map +1 -0
  11. package/dist/cjs/types.cjs +18 -0
  12. package/dist/cjs/types.native.js +21 -0
  13. package/dist/cjs/types.native.js.map +1 -0
  14. package/dist/cjs/v1/Image.cjs +101 -0
  15. package/dist/cjs/v1/Image.native.js +123 -0
  16. package/dist/cjs/v1/Image.native.js.map +1 -0
  17. package/dist/cjs/v1/index.cjs +20 -0
  18. package/dist/cjs/v1/index.native.js +23 -0
  19. package/dist/cjs/v1/index.native.js.map +1 -0
  20. package/dist/esm/Image.mjs +39 -0
  21. package/dist/esm/Image.mjs.map +1 -0
  22. package/dist/esm/Image.native.js +7 -0
  23. package/dist/esm/Image.native.js.map +1 -0
  24. package/dist/esm/createImage.mjs +132 -0
  25. package/dist/esm/createImage.mjs.map +1 -0
  26. package/dist/esm/createImage.native.js +133 -0
  27. package/dist/esm/createImage.native.js.map +1 -0
  28. package/dist/esm/index.js +3 -0
  29. package/dist/esm/index.js.map +1 -0
  30. package/dist/esm/index.mjs +3 -0
  31. package/dist/esm/index.mjs.map +1 -0
  32. package/dist/esm/index.native.js +3 -0
  33. package/dist/esm/index.native.js.map +1 -0
  34. package/dist/esm/types.mjs +2 -0
  35. package/dist/esm/types.mjs.map +1 -0
  36. package/dist/esm/types.native.js +2 -0
  37. package/dist/esm/types.native.js.map +1 -0
  38. package/dist/esm/v1/Image.mjs +65 -0
  39. package/dist/esm/v1/Image.mjs.map +1 -0
  40. package/dist/esm/v1/Image.native.js +84 -0
  41. package/dist/esm/v1/Image.native.js.map +1 -0
  42. package/dist/esm/v1/index.mjs +2 -0
  43. package/dist/esm/v1/index.mjs.map +1 -0
  44. package/dist/esm/v1/index.native.js +2 -0
  45. package/dist/esm/v1/index.native.js.map +1 -0
  46. package/dist/jsx/Image.mjs +39 -0
  47. package/dist/jsx/Image.mjs.map +1 -0
  48. package/dist/jsx/Image.native.js +35 -0
  49. package/dist/jsx/Image.native.js.map +1 -0
  50. package/dist/jsx/createImage.mjs +132 -0
  51. package/dist/jsx/createImage.mjs.map +1 -0
  52. package/dist/jsx/createImage.native.js +161 -0
  53. package/dist/jsx/createImage.native.js.map +1 -0
  54. package/dist/jsx/index.js +3 -0
  55. package/dist/jsx/index.js.map +1 -0
  56. package/dist/jsx/index.mjs +3 -0
  57. package/dist/jsx/index.mjs.map +1 -0
  58. package/dist/jsx/index.native.js +24 -0
  59. package/dist/jsx/index.native.js.map +1 -0
  60. package/dist/jsx/types.mjs +2 -0
  61. package/dist/jsx/types.mjs.map +1 -0
  62. package/dist/jsx/types.native.js +21 -0
  63. package/dist/jsx/types.native.js.map +1 -0
  64. package/dist/jsx/v1/Image.mjs +65 -0
  65. package/dist/jsx/v1/Image.mjs.map +1 -0
  66. package/dist/jsx/v1/Image.native.js +123 -0
  67. package/dist/jsx/v1/Image.native.js.map +1 -0
  68. package/dist/jsx/v1/index.mjs +2 -0
  69. package/dist/jsx/v1/index.mjs.map +1 -0
  70. package/dist/jsx/v1/index.native.js +23 -0
  71. package/dist/jsx/v1/index.native.js.map +1 -0
  72. package/package.json +14 -11
  73. package/src/createImage.tsx +3 -3
  74. package/src/v1/Image.tsx +3 -3
  75. package/types/Image.d.ts.map +1 -0
  76. package/types/Image.native.d.ts.map +1 -0
  77. package/types/createImage.d.ts +1 -1
  78. package/types/createImage.d.ts.map +1 -0
  79. package/types/index.d.ts.map +1 -0
  80. package/types/types.d.ts.map +1 -0
  81. package/types/v1/Image.d.ts +2 -2
  82. package/types/v1/Image.d.ts.map +1 -0
  83. package/types/v1/index.d.ts.map +1 -0
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __copyProps = (to, from, except, desc) => {
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
+ }
14
+ return to;
15
+ };
16
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
17
+ value: true
18
+ }), mod);
19
+ var types_exports = {};
20
+ module.exports = __toCommonJS(types_exports);
21
+ //# sourceMappingURL=types.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
@@ -0,0 +1,65 @@
1
+ import React from "react";
2
+ import { isWeb } from "@hanzogui/constants";
3
+ import { styled, usePropsAndStyle } from "@hanzogui/web";
4
+ import { Image as RNImage } from "react-native-web";
5
+ import { jsx } from "react/jsx-runtime";
6
+ const StyledImage = styled(RNImage, {
7
+ name: "Image"
8
+ });
9
+ let hasWarned = false;
10
+ const Image = StyledImage.styleable((inProps, ref) => {
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" ? {
29
+ uri: src,
30
+ ...(isWeb && {
31
+ width: props.width || style?.width,
32
+ height: props.height || style?.height
33
+ })
34
+ } : source ?? src;
35
+ if (finalSource && typeof finalSource === "object") {
36
+ if (process.env.NODE_ENV === "development" && process.env.GUI_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
+ }
45
+ }
46
+ run();
47
+ }, [src]);
48
+ if (finalSource["default"]) finalSource = finalSource["default"];
49
+ }
50
+ return /* @__PURE__ */jsx(RNImage, {
51
+ resizeMode: objectFit,
52
+ ref,
53
+ source: finalSource,
54
+ style,
55
+ ...rest
56
+ });
57
+ });
58
+ Image.getSize = RNImage.getSize;
59
+ Image.getSizeWithHeaders = RNImage.getSizeWithHeaders;
60
+ Image.prefetch = RNImage.prefetch;
61
+ Image.prefetchWithMetadata = RNImage.prefetchWithMetadata;
62
+ Image.abortPrefetch = RNImage.abortPrefetch;
63
+ Image.queryCache = RNImage.queryCache;
64
+ export { Image };
65
+ //# sourceMappingURL=Image.mjs.map
@@ -0,0 +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","GUI_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,qBAAA,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":[]}
@@ -0,0 +1,123 @@
1
+ "use strict";
2
+
3
+ var __create = Object.create;
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __export = (target, all) => {
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, {
18
+ get: () => from[key],
19
+ enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
20
+ });
21
+ }
22
+ return to;
23
+ };
24
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
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);
36
+ var Image_exports = {};
37
+ __export(Image_exports, {
38
+ Image: () => Image
39
+ });
40
+ module.exports = __toCommonJS(Image_exports);
41
+ var import_jsx_runtime = require("react/jsx-runtime");
42
+ var import_react = __toESM(require("react"), 1);
43
+ var import_constants = require("@hanzogui/constants");
44
+ var import_web = require("@hanzogui/web");
45
+ var import_react_native = require("react-native");
46
+ function _type_of(obj) {
47
+ "@swc/helpers - typeof";
48
+
49
+ return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
50
+ }
51
+ var StyledImage = (0, import_web.styled)(import_react_native.Image, {
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
+ }
70
+ }
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);
90
+ }
91
+ }
92
+ }
93
+ if (process.env.NODE_ENV === "development" && process.env.GUI_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
115
+ });
116
+ });
117
+ Image.getSize = import_react_native.Image.getSize;
118
+ Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
119
+ Image.prefetch = import_react_native.Image.prefetch;
120
+ Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
121
+ Image.abortPrefetch = import_react_native.Image.abortPrefetch;
122
+ Image.queryCache = import_react_native.Image.queryCache;
123
+ //# sourceMappingURL=Image.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","Image_exports","Image","module","exports","import_jsx_runtime","require","import_react","import_constants","import_web","import_react_native","_type_of","obj","Symbol","constructor","StyledImage","styled","hasWarned","styleable","inProps","ref","props","style","usePropsAndStyle","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","isWeb","Array","isArray","_style","_style1","_width","_height"],"sources":["../../../src/v1/Image.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ export * from "./Image.mjs";
2
+ //# sourceMappingURL=index.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __copyProps = (to, from, except, desc) => {
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
+ }
14
+ return to;
15
+ };
16
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
+ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
18
+ value: true
19
+ }), mod);
20
+ var v1_exports = {};
21
+ module.exports = __toCommonJS(v1_exports);
22
+ __reExport(v1_exports, require("./Image.native.js"), module.exports);
23
+ //# sourceMappingURL=index.native.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzogui/image",
3
- "version": "7.0.0",
3
+ "version": "7.3.0",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -30,18 +30,19 @@
30
30
  "access": "public"
31
31
  },
32
32
  "scripts": {
33
- "build": "hanzogui-build",
34
- "watch": "hanzogui-build --watch",
35
- "clean": "hanzogui-build clean",
36
- "clean:build": "hanzogui-build clean:build"
33
+ "build": "gui-build",
34
+ "watch": "gui-build --watch",
35
+ "clean": "gui-build clean",
36
+ "clean:build": "gui-build clean:build"
37
37
  },
38
38
  "dependencies": {
39
- "@hanzogui/constants": "^7.0.0",
40
- "@hanzogui/core": "^7.0.0",
41
- "@hanzogui/web": "^7.0.0"
39
+ "@hanzogui/constants": "7.3.0",
40
+ "@hanzogui/core": "7.3.0",
41
+ "@hanzogui/web": "7.3.0",
42
+ "expo-image": "^55.0.11"
42
43
  },
43
44
  "devDependencies": {
44
- "@hanzogui/build": "^7.0.0",
45
+ "@hanzogui/build": "7.3.0",
45
46
  "react": ">=19",
46
47
  "react-native": "0.83.2"
47
48
  },
@@ -49,5 +50,7 @@
49
50
  "react": ">=19",
50
51
  "react-native": "*"
51
52
  },
52
- "module:jsx": "dist/jsx"
53
- }
53
+ "module:jsx": "dist/jsx",
54
+ "license": "BSD-3-Clause",
55
+ "author": "Hanzo AI <dev@hanzo.ai>"
56
+ }
@@ -86,7 +86,7 @@ const defaultTransformSource = (props: {
86
86
  * })
87
87
  *
88
88
  * Now you get all expo-image props (transition, placeholder, etc.)
89
- * plus Hanzogui's unified API (src, objectFit, objectPosition)
89
+ * plus Gui's unified API (src, objectFit, objectPosition)
90
90
  * <Image
91
91
  * src="https://example.com/photo.jpg"
92
92
  * objectFit="cover"
@@ -105,7 +105,7 @@ export function createImage<C extends ComponentType<any>>(
105
105
  transformSource = defaultTransformSource,
106
106
  } = options
107
107
 
108
- // Props that should pass directly to the underlying component without Hanzogui processing
108
+ // Props that should pass directly to the underlying component without Gui processing
109
109
  const inlinePropsSet = new Set([
110
110
  'source',
111
111
  'placeholder',
@@ -135,7 +135,7 @@ export function createImage<C extends ComponentType<any>>(
135
135
  }
136
136
  )
137
137
 
138
- // Combined props: ImageProps (Hanzogui) + Component's native props
138
+ // Combined props: ImageProps (Gui) + Component's native props
139
139
  type CombinedProps = ImageProps & Omit<GetProps<C>, keyof ImageProps>
140
140
 
141
141
  const ImageComponent = StyledImage.styleable<CombinedProps>((incomingProps, ref) => {
package/src/v1/Image.tsx CHANGED
@@ -52,7 +52,7 @@ let hasWarned = false
52
52
 
53
53
  /**
54
54
  * @summary An image is a component that displays an image.
55
- * @see — Docs https://hanzogui.dev/ui/image
55
+ * @see — Docs https://gui.dev/ui/image
56
56
  */
57
57
  export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
58
58
  const [props, style] = usePropsAndStyle(inProps)
@@ -86,7 +86,7 @@ export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
86
86
  : (source ?? src)
87
87
 
88
88
  if (finalSource && typeof finalSource === 'object') {
89
- if (process.env.TAMAGUI_TARGET === 'native') {
89
+ if (process.env.GUI_TARGET === 'native') {
90
90
  // fix: normalize import style images
91
91
  if (!Array.isArray(finalSource)) {
92
92
  if (typeof finalSource.uri === 'number') {
@@ -101,7 +101,7 @@ export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
101
101
  }
102
102
  }
103
103
 
104
- if (process.env.NODE_ENV === 'development' && process.env.TAMAGUI_IMAGE_CHECK_ERROR) {
104
+ if (process.env.NODE_ENV === 'development' && process.env.GUI_IMAGE_CHECK_ERROR) {
105
105
  // lets add an onload timeout and warning if it fails to load in console
106
106
  React.useEffect(() => {
107
107
  async function run() {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../src/Image.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,SAAS,CAAA;AAOpD,eAAO,MAAM,KAAK,EAuBF,SAAS,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;k2KAEhB,CAAA"}
@@ -51,7 +51,7 @@ export type CreateImageOptions<C extends ComponentType<any>> = {
51
51
  * })
52
52
  *
53
53
  * Now you get all expo-image props (transition, placeholder, etc.)
54
- * plus Hanzogui's unified API (src, objectFit, objectPosition)
54
+ * plus Gui's unified API (src, objectFit, objectPosition)
55
55
  * <Image
56
56
  * src="https://example.com/photo.jpg"
57
57
  * objectFit="cover"
@@ -0,0 +1 @@
1
+ {"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAiCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;60KAmJ/B"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,EACV,eAAe,EACf,mBAAmB,EACnB,KAAK,IAAI,OAAO,EAChB,UAAU,IAAI,YAAY,EAC3B,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,cAAc,GAAG,MAAM,SAAS,CAAA;AAErC,MAAM,MAAM,UAAU,GAAG,SAAS,GAChC,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,GAAG;IACvE;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IAC5C;;;;OAIG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAA;CACvD,GAAG,IAAI,CACN,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EACzC,OAAO,GAAG,QAAQ,GAAG,cAAc,GAAG,KAAK,CAC5C,GACD,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AAEvF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG;IACtD,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import type { GetProps, RadiusTokens, SizeTokens, ViewProps, ThemeValueFallback } from '@hanzogui/web';
3
3
  import type { FC } from 'react';
4
4
  import { Image as RNImage } from 'react-native';
5
- declare const StyledImage: import("@hanzogui/web").HanzoguiComponent<import("@hanzogui/web").TamaDefer, RNImage, import("@hanzogui/web").HanzoguiComponentPropsBaseBase & import("react-native").ImageProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
5
+ declare const StyledImage: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, RNImage, import("@hanzogui/web").GuiComponentPropsBaseBase & import("react-native").ImageProps, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
6
6
  type StyledImageProps = Omit<GetProps<typeof StyledImage>, 'borderRadius'> & {
7
7
  borderRadius?: RadiusTokens;
8
8
  };
@@ -29,7 +29,7 @@ type ImageType = FC<ImageProps> & {
29
29
  };
30
30
  /**
31
31
  * @summary An image is a component that displays an image.
32
- * @see — Docs https://hanzogui.dev/ui/image
32
+ * @see — Docs https://gui.dev/ui/image
33
33
  */
34
34
  export declare const Image: ImageType;
35
35
  export {};
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/v1/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,EACT,kBAAkB,EACnB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAE/C,QAAA,MAAM,WAAW,iQAEf,CAAA;AAEF,KAAK,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,WAAW,CAAC,EAAE,cAAc,CAAC,GAAG;IAC3E,YAAY,CAAC,EAAE,YAAY,CAAA;CAC5B,CAAA;AAED,KAAK,SAAS,GAAG,IAAI,CACnB,gBAAgB,EAChB,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CACzD,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IACzD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,kBAAkB,CAAA;IAE1D;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IACzC,wCAAwC;IACxC,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;CAC7C,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,MAAM,SAAS,CAAC,CAAA;AAErE,KAAK,WAAW,GAAG,OAAO,OAAO,CAAA;AAEjC,KAAK,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG;IAChC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,kBAAkB,EAAE,WAAW,CAAC,oBAAoB,CAAC,CAAA;IACrD,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;IACjC,oBAAoB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAAA;IACzD,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IAC3C,UAAU,EAAE,WAAW,CAAC,YAAY,CAAC,CAAA;CACtC,CAAA;AAID;;;GAGG;AACH,eAAO,MAAM,KAAK,EAgFL,SAAS,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/v1/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}