Still trying to get images to load properly

Author: fileformat

app/routes/view[.]html/route.tsx

@@ -134,6 +134,7 @@ export default function ViewPage() {
     }
   }, []);
 
+/*
   useEffect(() => {
     console.log("via useEffect");
     if (imageRef.current?.complete) {
@@ -144,7 +145,7 @@ export default function ViewPage() {
       }
     }
   }, [onImageError, onImageLoad, onSizeZero]);
-
+*/
   useEffect(() => {
     function handleResize() {
       console.log(`resize: ${window?.innerWidth}x${window?.innerHeight}`);
@@ -205,8 +206,12 @@ export default function ViewPage() {
             onImageError(evt);
           }}
           onLoad={() => {
-            onImageLoad();
             console.log("via onLoad");
+            if (imageRef.current?.naturalWidth === 0) {
+              onSizeZero();
+            } else {
+              onImageLoad();
+            }
           }}
           ref={imageRef}
           src={url}

static-run.sh

@@ -0,0 +1,31 @@
+#!/usr/bin/env bash
+#
+# run locally for dev
+#
+
+set -o errexit
+set -o pipefail
+set -o nounset
+
+#
+# load an .env file if it exists
+#
+ENV_FILE="${1:-./.env}"
+if [ -f "${ENV_FILE}" ]; then
+    echo "INFO: loading '${ENV_FILE}'!"
+    export $(cat "${ENV_FILE}")
+fi
+
+if [ ! -d "node_modules" ]; then
+    echo "INFO: installing node modules!"
+    npm install
+fi
+
+#
+# build
+#
+npm run build
+
+cd ./build/client
+
+python3 -m http.server 4000