feat: 低代码文件编辑历史记录 crud 功能完成

apps/renderer/src/App.vue

@@ -2,10 +2,14 @@
 import { onMounted, computed, watch } from 'vue';
 import { ElLoading  } from 'element-plus';
 import Postmate from 'postmate';
-import { createRenderer } from '@vtj/renderer'
-import { getFile } from './io';
+import { createRenderer, createProvider } from '@vtj/renderer'
 import { useQuery } from '@tanstack/vue-query';
 
+import { LowCodeService } from './service'
+
+import { getFile } from './io';
+
+const lowCodeService = new LowCodeService();
 
 onMounted(() => {
 const handshake = new Postmate.Model({});
@@ -16,12 +20,10 @@ handshake.then(parent => {
 });
 
 const { data: file, isFetching } = useQuery({
-  queryKey: ['file', '45tncm34d'],
+  queryKey: ['getFile'],
   queryFn: async () => {
-    return getFile('45tncm34d');
+    return getFile('45tnbgeme');
   },
-  retry: 3,
-  retryDelay: 2000,
 });
 
 watch(isFetching, (newVal) => {
@@ -34,6 +36,19 @@ watch(isFetching, (newVal) => {
   }
 });
 
+const { provider, onReady } = createProvider({
+  // runtime: 'web',
+  service: lowCodeService,
+  project: {
+    id: '2'
+  },
+});
+
+
+onReady(() => {
+  console.log('onReady');
+});
+
 const renderer = computed(() => {
   console.log(file?.value?.dsl.id);
   if (file?.value?.dsl) {