wip

.env.production

@@ -1,5 +1,5 @@
-VITE_APP_BACKEND_V2_GET_URL=https://ex.dylanbanta.com/api/v2/scenes/
+VITE_APP_BACKEND_V2_GET_URL=https://json.excalidraw.com/api/v2/
-VITE_APP_BACKEND_V2_POST_URL=https://ex.dylanbanta.com/api/v2/scenes/
+VITE_APP_BACKEND_V2_POST_URL=https://json.excalidraw.com/api/v2/post/
 
 VITE_APP_LIBRARY_URL=https://libraries.excalidraw.com
 VITE_APP_LIBRARY_BACKEND=https://us-central1-excalidraw-room-persistence.cloudfunctions.net/libraries

docker-compose.yml

@@ -19,7 +19,7 @@ services:
       - ./:/opt/node_app/app:delegated
       - ./package.json:/opt/node_app/package.json
       - ./yarn.lock:/opt/node_app/yarn.lock
-#       - notused:/opt/node_app/app/node_modules
+      - notused:/opt/node_app/app/node_modules
 
-# volumes:
+volumes:
-#   notused:
+  notused:

excalidraw-app/App.tsx

@@ -926,21 +926,16 @@ const ExcalidrawWrapper = () => {
         <ShareDialog
           collabAPI={collabAPI}
           onExportToBackend={async () => {
-            if (!excalidrawAPI) {
+            if (excalidrawAPI) {
-              return;
+              try {
-            }
+                await onExportToBackend(
-            try {
+                  excalidrawAPI.getSceneElements(),
-              const { url, errorMessage } = await exportToBackend(
+                  excalidrawAPI.getAppState(),
-                excalidrawAPI.getSceneElements(),
+                  excalidrawAPI.getFiles(),
-                excalidrawAPI.getAppState(),
+                );
-                excalidrawAPI.getFiles(),
+              } catch (error: any) {
-              );
+                setErrorMessage(error.message);
-              if (errorMessage) {
-                throw new Error(errorMessage);
               }
-              setLatestShareableLink(url);
-            } catch (error: any) {
-              setErrorMessage(error.message);
             }
           }}
         />

excalidraw-app/package.json

@@ -41,8 +41,8 @@
   "prettier": "@excalidraw/prettier-config",
   "scripts": {
     "build-node": "node ./scripts/build-node.js",
-    "build:app:docker": "vite build",
+    "build:app:docker": "cross-env VITE_APP_DISABLE_SENTRY=true vite build",
-    "build:app": "vite build",
+    "build:app": "cross-env VITE_APP_GIT_SHA=$VERCEL_GIT_COMMIT_SHA cross-env VITE_APP_ENABLE_TRACKING=true vite build",
     "build:version": "node ../scripts/build-version.js",
     "build": "yarn build:app && yarn build:version",
     "start": "yarn && vite",

packages/excalidraw/components/Stats/Dimension.tsx

@@ -39,6 +39,7 @@ const handleDimensionChange: DragInputCallbackType<
   shouldKeepAspectRatio,
   shouldChangeByStepSize,
   nextValue,
+  ratio,
   property,
   originalAppState,
   instantChange,
@@ -154,6 +155,12 @@ const handleDimensionChange: DragInputCallbackType<
     }
 
     if (nextValue !== undefined) {
+      if (ratio) {
+        ratio = property === "width" ? ratio : [ratio[1], ratio[0]];
+        nextValue = (origElement[property] / ratio[0]) * ratio[1];
+        property = property === "width" ? "height" : "width";
+      }
+
       const nextWidth = Math.max(
         property === "width"
           ? nextValue

packages/excalidraw/components/Stats/DragInput.tsx

@@ -33,6 +33,7 @@ export type DragInputCallbackType<
   shouldChangeByStepSize: boolean;
   scene: Scene;
   nextValue?: number;
+  ratio?: [number, number] | null;
   property: P;
   originalAppState: AppState;
   setInputValue: (value: number) => void;
@@ -109,10 +110,21 @@ const StatsDragInput = <
     }
     stateRef.current.updatePending = false;
 
+    const ratioMatch = updatedValue
+      .trim()
+      .match(/^(\d+(?:\.\d+)?):(\d+(?:\.\d+)?)$/);
+
+    let ratio: [number, number] | null = null;
+    if (ratioMatch) {
+      ratio = [Number(ratioMatch[1]), Number(ratioMatch[2])];
+    }
+
     const parsed = Number(updatedValue);
     if (isNaN(parsed)) {
       setInputValue(value.toString());
-      return;
+      if (!ratio) {
+        return;
+      }
     }
 
     const rounded = Number(parsed.toFixed(2));
@@ -123,7 +135,11 @@ const StatsDragInput = <
     // 2. original was not "Mixed" and the difference between a new value and previous value is greater
     //    than the smallest delta allowed, which is 0.01
     // reason: idempotent to avoid unnecessary
-    if (isNaN(original) || Math.abs(rounded - original) >= SMALLEST_DELTA) {
+    if (
+      isNaN(original) ||
+      ratio ||
+      Math.abs(rounded - original) >= SMALLEST_DELTA
+    ) {
       stateRef.current.lastUpdatedValue = updatedValue;
       dragInputCallback({
         accumulatedChange: 0,
@@ -134,6 +150,7 @@ const StatsDragInput = <
         shouldChangeByStepSize: false,
         scene,
         nextValue: rounded,
+        ratio,
         property,
         originalAppState: appState,
         setInputValue: (value) => setInputValue(String(value)),

packages/excalidraw/components/Stats/MultiDimension.tsx

@@ -151,6 +151,7 @@ const handleDimensionChange: DragInputCallbackType<
   originalAppState,
   shouldChangeByStepSize,
   nextValue,
+  ratio,
   scene,
   property,
 }) => {
@@ -202,9 +203,22 @@ const handleDimensionChange: DragInputCallbackType<
           origElement &&
           isPropertyEditable(latestElement, property)
         ) {
+          let _nextValue = nextValue;
+          let _property = property;
+          if (ratio) {
+            let _ratio = ratio;
+            if (ratio) {
+              _ratio = _property === "width" ? _ratio : [_ratio[1], _ratio[0]];
+              _nextValue = (origElement[_property] / _ratio[0]) * _ratio[1];
+              _property = _property === "width" ? "height" : "width";
+            }
+          }
+
           let nextWidth =
-            property === "width" ? Math.max(0, nextValue) : latestElement.width;
+            _property === "width"
-          if (property === "width") {
+              ? Math.max(0, _nextValue)
+              : latestElement.width;
+          if (_property === "width") {
             if (shouldChangeByStepSize) {
               nextWidth = getStepSizedValue(nextWidth, STEP_SIZE);
             } else {
@@ -213,10 +227,10 @@ const handleDimensionChange: DragInputCallbackType<
           }
 
           let nextHeight =
-            property === "height"
+            _property === "height"
-              ? Math.max(0, nextValue)
+              ? Math.max(0, _nextValue)
               : latestElement.height;
-          if (property === "height") {
+          if (_property === "height") {
             if (shouldChangeByStepSize) {
               nextHeight = getStepSizedValue(nextHeight, STEP_SIZE);
             } else {
@@ -234,7 +248,7 @@ const handleDimensionChange: DragInputCallbackType<
             origElement,
             originalElementsMap,
             scene,
-            property === "width" ? "e" : "s",
+            _property === "width" ? "e" : "s",
             {
               shouldInformMutation: false,
             },