mirror of
https://github.com/enso-org/enso.git
synced 2024-12-22 14:31:34 +03:00
b7a8909818
- Improved performance by batching simulatenous node edits, including metadata updates when dragging many selected nodes together. - Updated Vue to new version, allowing us to use `defineModel`. - Fixed #9161 - Unified all handling of auto-blur by making `useAutoBlur` cheap to register - all logic goes through a single window event handler. - Combined all `ResizeObserver`s into one. - Fixed the behaviour of repeated toast messages. Now only the latest compilation status is visible at any given time, and the errors disappear once compilation passes. - Actually fixed broken interaction of node and visualization widths. There no longer is a style feedback loop and the visible node backdrop width no longer jumps or randomly fails to update.
44 lines
1.0 KiB
Vue
44 lines
1.0 KiB
Vue
<script setup lang="ts">
|
|
import { computed, onMounted } from 'vue'
|
|
import { getMainFile, setMainFile } from '../mock/engine'
|
|
import App from '../src/App.vue'
|
|
import { useGraphStore } from '../src/stores/graph'
|
|
import MockProjectStoreWrapper from '../stories/MockProjectStoreWrapper.vue'
|
|
|
|
const mainFile = computed({
|
|
get() {
|
|
return getMainFile()
|
|
},
|
|
set(value) {
|
|
setMainFile(value)
|
|
},
|
|
})
|
|
|
|
const graphStore = useGraphStore()
|
|
|
|
onMounted(() => {
|
|
const window_ = window as any
|
|
window_.mockExpressionUpdate = graphStore.mockExpressionUpdate
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<MockProjectStoreWrapper v-model="mainFile">
|
|
<App :config="{}" :accessToken="''" :metadata="{}" :unrecognizedOptions="[]" />
|
|
</MockProjectStoreWrapper>
|
|
</template>
|
|
|
|
<style>
|
|
:deep(.viewport) {
|
|
color: var(--color-text);
|
|
font-family: var(--font-code);
|
|
font-size: 11.5px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
height: 100vh;
|
|
}
|
|
</style>
|