@lilaquadrat/design-core 0.2.2 → 0.3.0

package/src/stores/content.store.ts

@@ -1,82 +1,124 @@
 import { ref } from 'vue'
 import { defineStore } from 'pinia'
-import type { BasicData, Content, Customers, List } from '@lilaquadrat/interfaces';
+import type { BasicData, Cart, Content, Customers, List, WorkingContext } from '@lilaquadrat/interfaces';
 
 export const useContentStore = defineStore('content', () => {
 
-  const content = ref<BasicData<Content>[]>([]);
-  const recipient = ref<Customers>();
-  const list = ref<List>();
-  const context = ref<Record<string, string | undefined | Record<string, string>>>();
+    /**
+   * the content currently rendered.
+   */
+    const content = ref<BasicData<Content>>();
 
-  function add (contentToAdd: Content) {
+    /**
+   * the layout the rendered page is merged with.
+   */
+    const layout = ref<BasicData<Content>>();
 
-    content.value.push(contentToAdd)
+    /**
+   * additional content selected in the publish method, e.g. for variables in the
+   * rendered content.
+   */
+    const contextContent = ref<BasicData<Content>[]>([]);
 
-  }
+    /**
+   * the recipient of a mail or pdf publish, the list it was started for and the cart
+   * a payment driven publish was started for.
+   */
+    const recipient = ref<Customers>();
+    const list = ref<List>();
+    const cart = ref<Cart>();
 
-  function addMulti (contentToAdd: Content[]) {
+    /**
+   * the document head title and description.
+   */
+    const context = ref<Record<string, string | undefined | Record<string, string>>>();
 
-    content.value.push(...contentToAdd);
+    function add(contentToAdd: Content) {
 
-  }
+        contextContent.value.push(contentToAdd)
 
-  function findById (id: string) {
+    }
+
+    function addMulti(contentToAdd: Content[]) {
 
-    return content.value.find((single) => single.id === id);
+        contextContent.value.push(...contentToAdd);
+
+    }
 
-  }
+    function findById(id: string) {
 
-  function findByinternalId (internalId: string) {
+        return contextContent.value.find((single) => single.id === id);
 
-    return content.value.find((single) => single._id?.toString() === internalId);
+    }
 
-  }
+    function findByinternalId(internalId: string) {
 
-  function findByFilename (filename: string) {
+        return contextContent.value.find((single) => single._id?.toString() === internalId);
 
-    return content.value.find((single) => single.settings.filename?.includes(filename));
+    }
 
-  }
+    function findByFilename(filename: string) {
 
-  function setContext (data: {sitetile?: string, description?: string, [key: string]: string | undefined}) {
+        return contextContent.value.find((single) => single.settings.filename?.includes(filename));
 
-    context.value = data;
+    }
 
-    if(typeof document === 'undefined') return;
+    /**
+   * seeds a render with every per render value of the working context.
+   */
+    function setRender(render: Partial<WorkingContext>) {
 
-    if(data.sitetitle) {
-      
-      document.title = data.sitetitle;
+        content.value = render.content;
+        layout.value = render.layout;
+        contextContent.value = render.contextContent ?? [];
+        recipient.value = render.recipient;
+        list.value = render.list;
+        cart.value = render.cart;
 
     }
+
+    function setContext(data: {sitetile?: string, description?: string, [key: string]: string | undefined}) {
+
+        context.value = data;
+
+        if(typeof document === 'undefined') return;
+
+        if(data.sitetitle) {
+      
+            document.title = data.sitetitle;
+
+        }
     
-    if(data.description) {
+        if(data.description) {
 
-      const metaDescription = document.querySelector('meta[name="description"]');
+            const metaDescription = document.querySelector('meta[name="description"]');
 
-      if (metaDescription) {
+            if (metaDescription) {
 
-        metaDescription.setAttribute('content', data.description);
+                metaDescription.setAttribute('content', data.description);
 
-      }
+            }
+
+        }
 
     }
 
-  }
-
-  return {
-    add,
-    addMulti,
-    findById,
-    findByinternalId,
-    findByFilename,
-    content,
-    recipient,
-    list,
-    context,
-    setContext
-  }
+    return {
+        add,
+        addMulti,
+        findById,
+        findByinternalId,
+        findByFilename,
+        setRender,
+        content,
+        layout,
+        contextContent,
+        recipient,
+        list,
+        cart,
+        context,
+        setContext
+    }
 
 })
 

package/src/stores/editor.store.ts

@@ -4,23 +4,23 @@ import type { EditorActiveModule } from '@lilaquadrat/interfaces';
 
 export const useEditorStore = defineStore('editor', () => {
 
-  const active = ref<EditorActiveModule>({});
-  const availableModulesWithRevision = ref<{ revision: number, modules: any[]}>();
-  const availableModulesWithRevisionMail = ref<{ revision: number, modules: any[]}>();
-  const modulesBrowser = shallowRef<any>();
-  const modulesMail = shallowRef<any>();
-  const partialsBrowser = shallowRef<any>();
-  const partialsMail = shallowRef<any>();
+    const active = ref<EditorActiveModule>({});
+    const availableModulesWithRevision = ref<{ revision: number, modules: any[]}>();
+    const availableModulesWithRevisionMail = ref<{ revision: number, modules: any[]}>();
+    const modulesBrowser = shallowRef<any>();
+    const modulesMail = shallowRef<any>();
+    const partialsBrowser = shallowRef<any>();
+    const partialsMail = shallowRef<any>();
 
-  return { 
-    active, 
-    availableModulesWithRevision,
-    availableModulesWithRevisionMail,
-    modulesBrowser,
-    modulesMail,
-    partialsBrowser,
-    partialsMail,
-  }
+    return { 
+        active, 
+        availableModulesWithRevision,
+        availableModulesWithRevisionMail,
+        modulesBrowser,
+        modulesMail,
+        partialsBrowser,
+        partialsMail,
+    }
 
 })
 

package/src/stores/files.store.ts

@@ -57,109 +57,109 @@ export interface UploadContext {
 
 export const useFilesStore = defineStore('files', () => {
 
-  const token = ref<TokenData>();
+    const token = ref<TokenData>();
 
-  function getSdk () {
+    function getSdk() {
 
-    const mainStore = useMainStore();
+        const mainStore = useMainStore();
 
-    return new StudioSDK(mainStore.apiConfig);
+        return new StudioSDK(mainStore.apiConfig);
 
-  }
+    }
 
-  async function fetchToken (app: string, scope: 'company' | 'project'): Promise<string> {
+    async function fetchToken(app: string, scope: 'company' | 'project'): Promise<string> {
 
-    StudioSDK.flushCache();
+        StudioSDK.flushCache();
 
-    const sdk = getSdk();
-    const response = await sdk.members.storage.token(app, scope);
-    const data = response?.data;
+        const sdk = getSdk();
+        const response = await sdk.members.storage.token(app, scope);
+        const data = response?.data;
 
-    if (data?.token) {
+        if (data?.token) {
 
-      token.value = {
-        token    : data.token,
-        expiresAt: data.expiresAt,
-        createdAt: data.createdAt,
-        expiresIn: data.expiresIn,
-        app,
-        scope,
-      };
+            token.value = {
+                token: data.token,
+                expiresAt: data.expiresAt,
+                createdAt: data.createdAt,
+                expiresIn: data.expiresIn,
+                app,
+                scope,
+            };
 
-    }
+        }
 
-    return data?.token ?? '';
+        return data?.token ?? '';
 
-  }
+    }
 
-  function isTokenValid (app: string, scope: 'company' | 'project', bufferSeconds = 30): boolean {
+    function isTokenValid(app: string, scope: 'company' | 'project', bufferSeconds = 30): boolean {
 
-    if (!token.value) return false;
-    if (token.value.app !== app) return false;
-    if (token.value.scope !== scope) return false;
+        if (!token.value) return false;
+        if (token.value.app !== app) return false;
+        if (token.value.scope !== scope) return false;
 
-    const now = Date.now() / 1000;
+        const now = Date.now() / 1000;
 
-    console.log(now + bufferSeconds, token.value.expiresAt, (now + bufferSeconds) < token.value.expiresAt);
+        console.log(now + bufferSeconds, token.value.expiresAt, (now + bufferSeconds) < token.value.expiresAt);
 
-    return (now + bufferSeconds) < token.value.expiresAt;
+        return (now + bufferSeconds) < token.value.expiresAt;
 
-  }
+    }
 
-  async function listFiles (app: string, assetId?: string, model?: string): Promise<BackendMedia[]> {
+    async function listFiles(app: string, assetId?: string, model?: string): Promise<BackendMedia[]> {
 
-    const options = assetId 
-      ? {assetId: [assetId]}
-      : undefined;
-    const sdk = getSdk();
-    const response = model === 'customers'
-      ? await sdk.members.storage.listCompany(app, 1, options)
-      : await sdk.members.storage.listProject(app, 1, options);
-    const payload = response?.data?.data as BackendMedia[] | undefined;
+        const options = assetId 
+            ? {assetId: [assetId]}
+            : undefined;
+        const sdk = getSdk();
+        const response = model === 'customers'
+            ? await sdk.members.storage.listCompany(app, 1, options)
+            : await sdk.members.storage.listProject(app, 1, options);
+        const payload = response?.data?.data as BackendMedia[] | undefined;
 
-    return Array.isArray(payload) ? payload : [];
+        return Array.isArray(payload) ? payload : [];
 
-  }
+    }
 
-  async function uploadOne (
-    file: File,
-    bucket: string,
-    options: { list?: string, contentId?: string, moduleUuid?: string, structureInternalId?: string },
-    onProgress?: UploadProgressCallback,
-  ): Promise<UploadResult> {
-
-    const sdk = getSdk();
-    const uploadFile: UploadFile = {
-      filename: file.name,
-      size    : file.size,
-      mimetype: file.type || 'application/octet-stream',
-      data    : file,
-    };
+    async function uploadOne(
+        file: File,
+        bucket: string,
+        options: { list?: string, contentId?: string, moduleUuid?: string, structureInternalId?: string },
+        onProgress?: UploadProgressCallback,
+    ): Promise<UploadResult> {
 
-    return sdk.members.storage.upload(uploadFile, bucket, options, onProgress);
+        const sdk = getSdk();
+        const uploadFile: UploadFile = {
+            filename: file.name,
+            size: file.size,
+            mimetype: file.type || 'application/octet-stream',
+            data: file,
+        };
 
-  }
+        return sdk.members.storage.upload(uploadFile, bucket, options, onProgress);
+
+    }
 
-  async function deleteFile (app: string, id: string) {
+    async function deleteFile(app: string, id: string) {
 
-    if (!id) return;
+        if (!id) return;
 
-    const sdk = getSdk();
+        const sdk = getSdk();
 
-    await sdk.members.storage.remove(app, id);
-    StudioSDK.flushCache('storage', 'listProject');
-    StudioSDK.flushCache('storage', 'listCompany');
+        await sdk.members.storage.remove(app, id);
+        StudioSDK.flushCache('storage', 'listProject');
+        StudioSDK.flushCache('storage', 'listCompany');
 
-  }
+    }
 
-  return {
-    token,
-    fetchToken,
-    isTokenValid,
-    listFiles,
-    uploadOne,
-    deleteFile,
-  };
+    return {
+        token,
+        fetchToken,
+        isTokenValid,
+        listFiles,
+        uploadOne,
+        deleteFile,
+    };
 
 });