fix(editor): Polyfill Array.prototype.toSorted (no-chanhelog) (#13463)

packages/editor-ui/package.json

@@ -46,6 +46,7 @@
     "@vue-flow/node-resizer": "^1.4.0",
     "@vueuse/components": "^10.11.0",
     "@vueuse/core": "catalog:frontend",
+    "array.prototype.tosorted": "1.1.4",
     "axios": "catalog:",
     "bowser": "2.11.0",
     "change-case": "^5.4.4",

packages/editor-ui/src/App.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
+import '@/polyfills';
+
 import { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue';
 import { useRoute } from 'vue-router';
-import { v4 as uuid } from 'uuid';
 import LoadingView from '@/views/LoadingView.vue';
 import BannerStack from '@/components/banners/BannerStack.vue';
 import AskAssistantChat from '@/components/AskAssistant/AskAssistantChat.vue';
@@ -18,11 +19,6 @@ import { useSettingsStore } from '@/stores/settings.store';
 import { useHistoryHelper } from '@/composables/useHistoryHelper';
 import { useStyles } from './composables/useStyles';
 
-// Polyfill crypto.randomUUID
-if (!('randomUUID' in crypto)) {
-	Object.defineProperty(crypto, 'randomUUID', { value: uuid });
-}
-
 const route = useRoute();
 const rootStore = useRootStore();
 const assistantStore = useAssistantStore();

packages/editor-ui/src/polyfills.ts

@@ -0,0 +1,7 @@
+import 'array.prototype.tosorted';
+import { v4 as uuid } from 'uuid';
+
+// Polyfill crypto.randomUUID
+if (!('randomUUID' in crypto)) {
+	Object.defineProperty(crypto, 'randomUUID', { value: uuid });
+}