@reearth/core 0.0.7-alpha.12 → 0.0.7-alpha.13

package/dist/core.js

@@ -1067,11 +1067,6 @@ const useImage = (t) => {
       s(n.current);
     }, c.src = t, n.current = c;
   }, [t]), o;
-}, useCanvas = (t) => {
-  const n = useMemo(() => document.createElement("canvas"), []), [o, s] = useState("");
-  return useEffect(() => {
-    t(n), s(n.toDataURL());
-  }, [n, t]), o;
 };
 function useFirstMountState() {
   var t = useRef(!0);
@@ -22696,9 +22691,10 @@ const rangeTypes = {
       modifier: KeyboardEventModifier.SHIFT
     }
   ]
-}, layerIdField = "__reearth_layer_id", defaultImageSize = 50, drawIcon = (t, n, o, s, c = "none", d = !1, h = "rgba(0, 0, 0, 0.7)", p = 3, y = 0, E = 0) => {
-  const L = t.getContext("2d");
-  !n || !L || (L.save(), t.width = o + p, t.height = s + p, L.shadowBlur = p, L.shadowOffsetX = y, L.shadowOffsetY = E, L.globalCompositeOperation = "source-over", L.clearRect(0, 0, t.width, t.height), L.drawImage(n, (t.width - o) / 2, (t.height - s) / 2, o, s), c === "circle" ? (L.fillStyle = "black", L.globalCompositeOperation = "destination-in", L.arc(o / 2, s / 2, Math.min(o, s) / 2, 0, 2 * Math.PI), L.fill(), d && (L.shadowColor = h, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.arc(o / 2, s / 2, Math.min(o, s) / 2, 0, 2 * Math.PI), L.fill())) : d && (L.shadowColor = h, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.rect((t.width - o) / 2, (t.height - s) / 2, o, s), L.fill()), L.restore());
+}, layerIdField = "__reearth_layer_id", defaultImageSize = 50, drawIcon = (t, n, o, s = "none", c = !1, d = "rgba(0, 0, 0, 0.7)", h = 3, p = 0, y = 0) => {
+  const E = document.createElement("canvas"), L = E.getContext("2d");
+  if (!(!t || !L))
+    return L.save(), E.width = n + h, E.height = o + h, L.shadowBlur = h, L.shadowOffsetX = p, L.shadowOffsetY = y, L.globalCompositeOperation = "source-over", L.clearRect(0, 0, E.width, E.height), L.drawImage(t, (E.width - n) / 2, (E.height - o) / 2, n, o), s === "circle" ? (L.fillStyle = "black", L.globalCompositeOperation = "destination-in", L.arc(n / 2, o / 2, Math.min(n, o) / 2, 0, 2 * Math.PI), L.fill(), c && (L.shadowColor = d, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.arc(n / 2, o / 2, Math.min(n, o) / 2, 0, 2 * Math.PI), L.fill())) : c && (L.shadowColor = d, L.globalCompositeOperation = "destination-over", L.fillStyle = "black", L.rect((E.width - n) / 2, (E.height - o) / 2, n, o), L.fill()), L.restore(), E.toDataURL();
 }, useIcon = ({
   image: t,
   imageSize: n,
@@ -22709,11 +22705,11 @@ const rangeTypes = {
   shadowOffsetX: h,
   shadowOffsetY: p
 }) => {
-  const y = useImage(t), E = y ? typeof n == "number" ? Math.floor(y.width * n) : Math.min(defaultImageSize, y.width) : 0, L = y ? Math.floor(typeof n == "number" ? y.height * n : E / y.width * y.height) : 0, F = useCallback(
-    (z) => drawIcon(z, y, E, L, o, s, c, d, h, p),
+  const y = useImage(t), E = y ? typeof n == "number" ? Math.floor(y.width * n) : Math.min(defaultImageSize, y.width) : 0, L = y ? Math.floor(typeof n == "number" ? y.height * n : E / y.width * y.height) : 0;
+  return [useMemo(
+    () => drawIcon(y, E, L, o, s, c, d, h, p),
     [o, L, y, s, d, c, h, p, E]
-  );
-  return [useCanvas(F), E, L];
+  ) ?? "", E, L];
 }, ho$1 = (t) => ({
   left: HorizontalOrigin$2.LEFT,
   center: HorizontalOrigin$2.CENTER,
@@ -86056,7 +86052,7 @@ function Error$1({ error: t, resetErrorBoundary: n }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { color: "#fff" }, onClick: n, children: "Retry" }) })
   ] });
 }
-const version = "0.0.7-alpha.12", useCoreAPI = ({ viewerProperty: t }) => {
+const version = "0.0.7-alpha.13", useCoreAPI = ({ viewerProperty: t }) => {
   const n = useRef(t);
   n.current = t;
   const o = useMemo(