build(deps-dev): bump vite from 5.0.12 to 5.1.8

Bumps [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) from 5.0.12 to 5.1.8.
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/v5.1.8/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.1.8/packages/vite)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:development
...

Signed-off-by: dependabot[bot] <support@github.com>

examples/excalidraw/with-script-in-browser/package.json

@@ -8,7 +8,7 @@
     "@excalidraw/excalidraw": "*"
   },
   "devDependencies": {
-    "vite": "5.0.12",
+    "vite": "5.1.8",
     "typescript": "^5"
   },
   "scripts": {

excalidraw-app/App.tsx

@@ -126,8 +126,6 @@ import DebugCanvas, {
   loadSavedDebugState,
 } from "./components/DebugCanvas";
 import { AIComponents } from "./components/AI";
-import type { SaveWarningRef } from "./components/SaveWarning";
-import { SaveWarning } from "./components/SaveWarning";
 
 polyfill();
 
@@ -333,8 +331,6 @@ const ExcalidrawWrapper = () => {
 
   const [langCode, setLangCode] = useAppLangCode();
 
-  const activityRef = useRef<SaveWarningRef | null>(null);
-
   // initial state
   // ---------------------------------------------------------------------------
 
@@ -619,8 +615,6 @@ const ExcalidrawWrapper = () => {
       collabAPI.syncElements(elements);
     }
 
-    activityRef.current?.activity();
-
     // this check is redundant, but since this is a hot path, it's best
     // not to evaludate the nested expression every time
     if (!LocalData.isSavePaused()) {
@@ -862,7 +856,6 @@ const ExcalidrawWrapper = () => {
           setTheme={(theme) => setAppTheme(theme)}
           refresh={() => forceRefresh((prev) => !prev)}
         />
-        <SaveWarning ref={activityRef} />
         <AppWelcomeScreen
           onCollabDialogOpen={onCollabDialogOpen}
           isCollabEnabled={!isCollabDisabled}

excalidraw-app/components/SaveWarning.tsx

@@ -1,40 +0,0 @@
-import { forwardRef, useImperativeHandle, useRef } from "react";
-import { t } from "../../packages/excalidraw/i18n";
-import { getShortcutKey } from "../../packages/excalidraw/utils";
-
-export type SaveWarningRef = {
-  activity: () => Promise<void>;
-};
-
-export const SaveWarning = forwardRef<SaveWarningRef, {}>((props, ref) => {
-  const dialogRef = useRef<HTMLDivElement | null>(null);
-  const timerRef = useRef<NodeJS.Timeout | null>(null);
-
-  useImperativeHandle(ref, () => ({
-    /**
-     * Call this API method via the ref to hide warning message
-     * and start an idle timer again.
-     */
-    activity: async () => {
-      if (timerRef.current != null) {
-        clearTimeout(timerRef.current);
-        dialogRef.current?.classList.remove("animate");
-      }
-
-      timerRef.current = setTimeout(() => {
-        timerRef.current = null;
-        dialogRef.current?.classList.add("animate");
-      }, 5000);
-    },
-  }));
-
-  return (
-    <div ref={dialogRef} className="alert-save">
-      <div className="dialog">
-        {t("alerts.saveYourContent", {
-          shortcut: getShortcutKey("CtrlOrCmd + S"),
-        })}
-      </div>
-    </div>
-  );
-});

excalidraw-app/index.scss

@@ -18,43 +18,6 @@
     margin-inline-start: auto;
   }
 
-  .alert-save {
-    position: absolute;
-    z-index: 10;
-    left: 0;
-    right: 0;
-    bottom: 10vh;
-    margin-inline: auto;
-    width: fit-content;
-
-    opacity: 0;
-    transition: all 0s;
-
-    &.animate {
-      opacity: 1;
-      transition: all 0.2s ease-in;
-    }
-
-    .dialog {
-      margin-inline: 10px;
-      padding: 1rem;
-      padding-inline: 1.25rem;
-
-      resize: none;
-      white-space: pre-wrap;
-      box-sizing: border-box;
-
-      background-color: var(--color-warning);
-      border-radius: var(--border-radius-md);
-      border: 1px solid var(--dialog-border-color);
-
-      font-size: 0.875rem;
-      text-align: center;
-      line-height: 1.5;
-      color: var(--color-text-warning);
-    }
-  }
-
   .encrypted-icon {
     border-radius: var(--space-factor);
     color: var(--color-primary);

package.json

@@ -36,7 +36,7 @@
     "prettier": "2.6.2",
     "rewire": "6.0.0",
     "typescript": "4.9.4",
-    "vite": "5.0.12",
+    "vite": "5.1.8",
     "vite-plugin-checker": "0.7.2",
     "vite-plugin-ejs": "1.7.0",
     "vite-plugin-pwa": "0.17.4",

packages/excalidraw/locales/en.json

@@ -230,8 +230,7 @@
     "resetLibrary": "This will clear your library. Are you sure?",
     "removeItemsFromsLibrary": "Delete {{count}} item(s) from library?",
     "invalidEncryptionKey": "Encryption key must be of 22 characters. Live collaboration is disabled.",
-    "collabOfflineWarning": "No internet connection available.\nYour changes will not be saved!",
+    "collabOfflineWarning": "No internet connection available.\nYour changes will not be saved!"
-    "saveYourContent": "Don't forget to save your content ({{shortcut}})!"
   },
   "errors": {
     "unsupportedFileType": "Unsupported file type.",

yarn.lock

@@ -8630,6 +8630,11 @@ picocolors@^1.0.0, picocolors@^1.0.1:
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.1.tgz#a8ad579b571952f0e5d25892de5445bcfe25aaa1"
   integrity sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==
 
+picocolors@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.0.tgz#5358b76a78cde483ba5cef6a9dc9671440b27d59"
+  integrity sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==
+
 picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
@@ -8758,14 +8763,14 @@ postcss@8.4.31:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@^8.4.32, postcss@^8.4.38, postcss@^8.4.7:
+postcss@^8.4.35, postcss@^8.4.38, postcss@^8.4.7:
-  version "8.4.38"
+  version "8.4.47"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.47.tgz#5bf6c9a010f3e724c503bf03ef7947dcb0fea365"
-  integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==
+  integrity sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==
   dependencies:
     nanoid "^3.3.7"
-    picocolors "^1.0.0"
+    picocolors "^1.1.0"
-    source-map-js "^1.2.0"
+    source-map-js "^1.2.1"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -9597,6 +9602,11 @@ socket.io-parser@~4.2.4:
   resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af"
   integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==
 
+source-map-js@^1.2.1:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46"
+  integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==
+
 source-map-resolve@^0.6.0:
   version "0.6.0"
   resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.6.0.tgz#3d9df87e236b53f16d01e58150fc7711138e5ed2"
@@ -10442,13 +10452,13 @@ vite-plugin-svgr@4.2.0:
     "@svgr/core" "^8.1.0"
     "@svgr/plugin-jsx" "^8.1.0"
 
-vite@5.0.12:
+vite@5.1.8:
-  version "5.0.12"
+  version "5.1.8"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-5.0.12.tgz#8a2ffd4da36c132aec4adafe05d7adde38333c47"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-5.1.8.tgz#f728feda90c3f30b0ab530c0981e5aa7745b8aee"
-  integrity sha512-4hsnEkG3q0N4Tzf1+t6NdN9dg/L3BM+q8SWgbSPnJvrgH2kgdyzfVJwbR1ic69/4uMJJ/3dqDZZE5/WwqW8U1w==
+  integrity sha512-mB8ToUuSmzODSpENgvpFk2fTiU/YQ1tmcVJJ4WZbq4fPdGJkFNVcmVL5k7iDug6xzWjjuGDKAuSievIsD6H7Xw==
   dependencies:
     esbuild "^0.19.3"
-    postcss "^8.4.32"
+    postcss "^8.4.35"
     rollup "^4.2.0"
   optionalDependencies:
     fsevents "~2.3.3"