wip

ditrit · Sep 30, 2024 · c6f8252 · c6f8252
1 parent 3651420
commit c6f8252
Show file tree

Hide file tree

Showing 14 changed files with 48 additions and 19 deletions.
diff --git a/src/boot/axios.js b/src/boot/axios.js
@@ -92,7 +92,7 @@ async function prepareApiRequest() {
   const currentTime = new Date().getTime();
 
   if (!csrfStore.expirationDate || csrfStore.expirationDate < currentTime) {
-    const csrf = await api.get('/csrf');
+    const { data: csrf } = await api.get('/csrf');
 
     csrfStore.headerName = csrf.headerName;
     csrfStore.token = csrf.token;

diff --git a/src/components/card/ComponentDefinitionCard.vue b/src/components/card/ComponentDefinitionCard.vue
@@ -116,7 +116,10 @@ const componentIcon = ref(null);
  */
 async function loadTemplateIcon() {
   if (props.definition.isTemplate) {
-    componentIcon.value = await getTemplateIcon(process.env, props.definition);
+    componentIcon.value = await getTemplateIcon({
+      HAS_BACKEND: process.env.HAS_BACKEND,
+      TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+    }, props.definition);
     return;
   }
 

diff --git a/src/components/card/TemplateCard.vue b/src/components/card/TemplateCard.vue
@@ -48,7 +48,10 @@ const templateIcon = ref(null);
  * @returns {Promise<void>} Promise with nothing on success.
  */
 async function loadTemplateIcon() {
-  return getTemplateIcon(process.env, props.template)
+  return getTemplateIcon({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, props.template)
     .then((icon) => {
       templateIcon.value = icon;
     })

diff --git a/src/components/dialog/CreateProjectTemplateDialog.vue b/src/components/dialog/CreateProjectTemplateDialog.vue
@@ -83,7 +83,10 @@ async function addProject(projectId) {
  * @returns {Promise<void>} Promise with nothing on success otherwise an error.
  */
 async function loadTemplateSchema(template, index) {
-  return getTemplateSchema(process.env, template, index)
+  return getTemplateSchema({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, template, index)
     .then((icon) => {
       schemas.value[index] = icon;
     })

diff --git a/src/components/dialog/ImportModelTemplateDialog.vue b/src/components/dialog/ImportModelTemplateDialog.vue
@@ -75,7 +75,10 @@ let dialogEventSubscription;
  * @returns {Promise<void>} Promise with nothing on success otherwise an error.
  */
 async function loadTemplateSchema(template) {
-  return getTemplateSchema(process.env, template, 0)
+  return getTemplateSchema({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, template, 0)
     .then((image) => {
       schema.value = image;
     })

diff --git a/src/components/drawer/AIChatDrawer.vue b/src/components/drawer/AIChatDrawer.vue
@@ -2,6 +2,7 @@
   <div
     data-cy="ai-chat-panel"
     class="column full-height full-width"
+    style="overflow-x: hidden"
   >
     <div class="row q-px-md justify-between items-center">
       <span class="text-overline q-item__label--header">
@@ -19,6 +20,7 @@
     <div
       ref="scrollContainer"
       class="flex-1 q-pa-sm scroll-y"
+      style="word-break: break-all;"
     >
       <div class="flex justify-center q-mb-md">
         <q-btn

diff --git a/src/components/form/CreateProjectTemplateForm.vue b/src/components/form/CreateProjectTemplateForm.vue
@@ -164,7 +164,10 @@ async function onSubmit() {
 
   return addProject
     .then(async () => {
-      const files = await getTemplateFiles(process.env, props.template);
+      const files = await getTemplateFiles({
+        HAS_BACKEND: process.env.HAS_BACKEND,
+        TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+      }, props.template);
 
       await Promise.allSettled(files.map((file) => {
         file.path = `${project.id}/${props.template.basePath}/${file.path}`

diff --git a/src/components/form/ImportModelTemplateForm.vue b/src/components/form/ImportModelTemplateForm.vue
@@ -133,7 +133,10 @@ async function onSubmit() {
     props.template.plugins[0],
     `${baseFolder.value}${modelName.value || ''}${props.template.files[0]}`,
   );
-  const files = await getTemplateFiles(process.env, props.template);
+  const files = await getTemplateFiles({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, props.template);
 
   return Promise.allSettled(files.map((file) => {
     if (file.path.indexOf('leto-modelizer.config.json') !== -1) {

diff --git a/src/components/grid/TemplateGrid.vue b/src/components/grid/TemplateGrid.vue
@@ -135,7 +135,10 @@ async function loadTemplates({ pagination: newPagination }) {
 
   loading.value = true;
 
-  return getTemplatesByType(process.env, props.type, {
+  return getTemplatesByType({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, props.type, {
     page: page - 1,
     count: rowsPerPage,
     name,

diff --git a/src/components/list/LibraryList.vue b/src/components/list/LibraryList.vue
@@ -153,7 +153,10 @@ async function loadTemplates(page) {
   currentPage.value = page;
   const name = definitionFilter.value ? definitionFilter.value.trim() : '';
 
-  return getTemplatesByType(process.env, 'COMPONENT', {
+  return getTemplatesByType({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, 'COMPONENT', {
     plugin: props.plugin.data.name,
     count: 15,
     page: currentPage.value,

diff --git a/src/composables/PluginManager.js b/src/composables/PluginManager.js
@@ -387,7 +387,10 @@ export async function addNewTemplateComponent(
   path,
   templateDefinition,
 ) {
-  const templateFiles = await getTemplateFiles(process.env, templateDefinition);
+  const templateFiles = await getTemplateFiles({
+    HAS_BACKEND: process.env.HAS_BACKEND,
+    TEMPLATE_LIBRARY_BASE_URL: process.env.TEMPLATE_LIBRARY_BASE_URL,
+  }, templateDefinition);
 
   await Promise.allSettled(
     templateFiles.map((file) => {

diff --git a/src/layouts/ModelizerDrawLayout.vue b/src/layouts/ModelizerDrawLayout.vue
@@ -13,7 +13,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[25, 100]"
         separator-class="separator-class"
         :class="isVisible ? '' : 'splitter-invisible'"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
@@ -134,7 +134,7 @@ function onDrawerEvent({ key, type, id }) {
   componentId.value = id || null;
   splitterKey.value = key;
   isVisible.value = type === 'open';
-  splitter.value = type === 'open' ? 75 : 100;
+  splitter.value = type === 'open' ? 60 : 100;
 }
 
 onMounted(() => {

diff --git a/src/layouts/ModelizerTextLayout.vue b/src/layouts/ModelizerTextLayout.vue
@@ -7,7 +7,7 @@
     <q-page-container>
       <q-splitter
         v-model="splitter"
-        :limits="[50, 100]"
+        :limits="[30, 100]"
         separator-class="separator-class"
         :style="{ height: `calc(100vh - ${reservedHeight + 70}px)` }"
       >

diff --git a/src/services/AIService.js b/src/services/AIService.js
@@ -21,7 +21,7 @@ export async function generateDiagram(plugin, description) {
     plugin,
     description,
     type: 'diagram',
-  }, options);
+  }, options).then(({ data }) => data);
 }
 
 /**
@@ -73,7 +73,7 @@ export async function manageConversation(project, diagram, plugin, files) {
       plugin,
       checksum,
       files,
-    }, options);
+    }, options).then(({ data }) => data);
   }
 
   const aiConversation = content[0];
@@ -85,7 +85,7 @@ export async function manageConversation(project, diagram, plugin, files) {
       plugin,
       checksum,
       files,
-    }, options);
+    }, options).then(({ data }) => data);
   }
 
   return aiConversation;
@@ -102,7 +102,7 @@ export async function sendMessage(conversationId, pluginName, message) {
   const api = await prepareApiRequest();
 
   return api.post(`/ai/conversations/${conversationId}/messages`, { plugin: pluginName, message }, options)
-    .then((data) => ({
+    .then(({ data }) => ({
       ...data,
       message: uncompress(data.message),
     }));
@@ -156,7 +156,7 @@ export async function retrieveMessages(project, diagram, plugin, date = null) {
   });
 
   return makeFilterRequest(api, `/ai/conversations/${aiConversation.id}/messages${queryParameters}`)
-    .then((data) => ({
+    .then(({ data }) => ({
       ...data,
       content: data.content.map((c) => ({
         ...c,
@@ -181,5 +181,5 @@ export async function deleteConversation(project, diagram, plugin) {
 
   const api = await prepareApiRequest();
 
-  return api.delete(`/ai/conversations/${content[0].id}`);
+  return api.delete(`/ai/conversations/${content[0].id}`).then(({ data }) => data);
 }