@silexlabs/silex 3.0.0-alpha.39 → 3.0.0-alpha.41

package/src/ts/client/grapesjs/index.ts

@@ -15,7 +15,7 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-import grapesjs from 'grapesjs'
+import grapesjs, { Editor } from 'grapesjs'
 import openImport from './openImport'
 
 /**
@@ -35,6 +35,7 @@ import symbolsPlugin from '@silexlabs/grapesjs-symbols'
 import loadingPlugin from '@silexlabs/grapesjs-loading'
 import fontsDialogPlugin, { cmdOpenFonts } from '@silexlabs/grapesjs-fonts'
 import symbolDialogsPlugin, { cmdPromptAddSymbol } from './symbolDialogs'
+import loginDialogPlugin, { LoginDialogOptions } from './LoginDialog'
 
 import { pagePanelPlugin, cmdTogglePages, cmdAddPage } from './page-panel'
 import { newPageDialog, cmdOpenNewPageDialog } from './new-page-dialog'
@@ -44,30 +45,36 @@ import { blocksPlugin } from './blocks'
 import { semanticPlugin } from './semantic'
 import { richTextPlugin } from './rich-text'
 import { internalLinksPlugin } from './internal-links'
-import { publishPlugin } from './publish'
+import publicationManagerPlugin, { PublicationManagerOptions } from './PublicationManager'
 import { templatePlugin } from './template'
 import { eleventyPlugin } from './eleventy'
+import { storagePlugin } from './storage'
+import { API_WEBSITE_READ, API_WEBSITE_WRITE } from '../../constants'
+import { BackendId, WebsiteId } from '../../types'
+import { ApiError } from '../services'
 
 const plugins = [
-  {name: './grapesjs/project-bar', value: projectBarPlugin}, // has to be before panels and dialogs
-  {name: './grapesjs/settings', value: settingsDialog},
+  {name: './project-bar', value: projectBarPlugin}, // has to be before panels and dialogs
+  {name: './settings', value: settingsDialog},
   {name: '@silexlabs/grapesjs-fonts', value: fontsDialogPlugin},
-  {name: './grapesjs/new-page-dialog', value: newPageDialog},
-  {name: './grapesjs/page-panel', value: pagePanelPlugin},
+  {name: './new-page-dialog', value: newPageDialog},
+  {name: './page-panel', value: pagePanelPlugin},
   {name: 'grapesjs-blocks-basic', value: blocksBasicPlugin},
-  {name: './grapesjs/blocks', value: blocksPlugin},
-  {name: './grapesjs/semantic', value: semanticPlugin},
-  {name: './grapesjs/rich-text', value: richTextPlugin},
+  {name: './blocks', value: blocksPlugin},
+  {name: './semantic', value: semanticPlugin},
+  {name: './rich-text', value: richTextPlugin},
   {name: 'grapesjs-style-filter', value: styleFilterPlugin},
   {name: 'grapesjs-plugin-forms', value: formPlugin},
   {name: 'grapesjs-custom-code', value: codePlugin},
-  {name: './grapesjs/internal-links', value: internalLinksPlugin},
+  {name: './internal-links', value: internalLinksPlugin},
   {name: '@silexlabs/grapesjs-ui-suggest-classes', value: uiSuggestClasses},
-  {name: './grapesjs/symbolDialogs', value: symbolDialogsPlugin},
+  {name: './symbolDialogs', value: symbolDialogsPlugin},
   {name: '@silexlabs/grapesjs-symbols', value: symbolsPlugin},
-  {name: './grapesjs/publish', value: publishPlugin},
-  {name: './grapesjs/template', value: templatePlugin},
-  {name: './grapesjs/eleventy', value: eleventyPlugin},
+  {name: './PublicationManager', value: publicationManagerPlugin},
+  {name: './template', value: templatePlugin},
+  {name: './eleventy', value: eleventyPlugin},
+  {name: './storage', value: storagePlugin},
+  {name: './LoginDialog', value: loginDialogPlugin},
   {name: '@silexlabs/grapesjs-loading', value: loadingPlugin},
 ]
 // Check that all plugins are loaded correctly
@@ -83,7 +90,7 @@ plugins
 const catBasic = 'Containers'
 const catComponents = 'Components'
 
-export function getEditorConfig(id: string, rootUrl: string) {
+export function getEditorConfig(id: WebsiteId, backendId: BackendId, rootUrl: string) {
   return {
     container: '#gjs',
     height: '100%',
@@ -101,20 +108,27 @@ export function getEditorConfig(id: string, rootUrl: string) {
     },
 
     assetManager: {
-      upload: `${rootUrl}assets/`,
+      upload: `${rootUrl}/assets/?id=${id}`,
     },
 
     storageManager: {
       autoload: true,
-      type: 'remote',
+      //type: 'remote',
+      type: 'backend',
       options: {
-        remote: {
-          urlStore: `${rootUrl}website/?id=${id}`,
-          urlLoad: `${rootUrl}website/?id=${id}`,
+        backend: {
+          id,
+          backendId,
         },
+        //remote: {
+        //  urlStore: `${rootUrl}/${API_WEBSITE_WRITE}?id=${id}`,
+        //  urlLoad: `${rootUrl}/${API_WEBSITE_READ}?id=${id}`,
+        //},
       },
     },
 
+    cssIcons: '/css/all.min.css',
+
     plugins: plugins.map(p => p.value),
 
     pluginsOpts: {
@@ -138,13 +152,13 @@ export function getEditorConfig(id: string, rootUrl: string) {
             command: 'open-blocks',
           }, {
             id: 'symbols-btn',
-            className: 'symbols-btn fa fa-fw fa-diamond',
+            className: 'symbols-btn fa-regular fa-gem',
             attributes: { title: 'Symbols', containerClassName: 'symbols-list-container', },
             command: 'open-symbols',
             buttons: [
               {
                 id: 'symbol-create-button',
-                className: 'pages__add-page fa fa-plus',
+                className: 'pages__add-page fa-solid fa-plus',
                 label: 'Create symbol from selection',
                 command: cmdPromptAddSymbol,
               },
@@ -161,17 +175,17 @@ export function getEditorConfig(id: string, rootUrl: string) {
             }],
           }, {
             id: 'layer-manager-btn',
-            className: 'layer-manager-btn fa fa-fw fa-list',
+            className: 'layer-manager-btn fa-solid fa-layer-group',
             attributes: { title: 'Layers', containerClassName: 'layer-manager-container', },
             command: 'open-layers',
           }, {
             id: 'font-dialog-btn',
-            className: 'font-manager-btn fa fa-fw fa-font',
+            className: 'font-manager-btn fa-solid fa-font',
             attributes: { title: 'Fonts' },
             command: cmdOpenFonts,
           }, {
             id: 'settings-dialog-btn',
-            className: 'page-panel-btn fa fa-fw fa-cog',
+            className: 'page-panel-btn fa-solid fa-gears',
             attributes: { title: 'Settings' },
             command: cmdOpenSettings,
           }, {
@@ -186,11 +200,10 @@ export function getEditorConfig(id: string, rootUrl: string) {
           },
         ],
       },
-      [publishPlugin as any]: {
+      [publicationManagerPlugin as any]: {
         appendTo: 'options',
-        rootUrl,
-        id,
-      },
+        websiteId: id,
+      } as PublicationManagerOptions,
       [pagePanelPlugin as any]: {
         cmdOpenNewPageDialog,
         cmdOpenSettings,
@@ -216,6 +229,9 @@ export function getEditorConfig(id: string, rootUrl: string) {
       [fontsDialogPlugin as any]: {
         api_key: 'AIzaSyAdJTYSLPlKz4w5Iqyy-JAF2o8uQKd1FKc',
       },
+      [loginDialogPlugin as any]: {
+        id,
+      } as LoginDialogOptions,
     },
   }
 }
@@ -223,74 +239,61 @@ export function getEditorConfig(id: string, rootUrl: string) {
 // ////////////////////
 // Initialize editor
 // ////////////////////
-// Expose grapes for plugins
-// window['grapesjs'] = grapesjs
-
 // Keep a ref to the editor singleton
-let editor
-
-export function initEditor(config, grapesJsPlugins) {
+let editor: Editor
+export async function initEditor(config, grapesJsPlugins) {
   if(editor) throw new Error('Grapesjs editor already created')
+  return new Promise<Editor>((resolve, reject) => {
+    try {
+      editor = grapesjs.init({
+        plugins: [
+          ...grapesJsPlugins,
+          ...config.plugins,
+        ],
+        ...config,
+      })
+    } catch(e) {
+      console.error('Error initializing GrapesJs with plugins:', plugins, e)
+      reject(e)
+    }
 
-  try {
-    editor = grapesjs.init({
-      plugins: [
-        ...grapesJsPlugins,
-        ...config.plugins,
-      ],
-      ...config,
-    })
-  } catch(e) {
-    console.error('Error initializing GrapesJs with plugins:', plugins, e)
-    throw e
-  }
+    // customize the editor
+    ['text']
+      .forEach(id => editor.Blocks.get(id)?.set('category', 'Basics'))
+    ;['image', 'video']
+      .forEach(id => editor.Blocks.get(id)?.set('category', 'Media'))
+    ;['map']
+      .forEach(id => editor.Blocks.get(id)?.set('category', 'Components'))
+    editor.Blocks.render([])
 
-  // customize the editor
-  ['text']
-    .forEach(id => editor.Blocks.get(id)?.set('category', 'Basics'))
-  ;['image', 'video']
-    .forEach(id => editor.Blocks.get(id)?.set('category', 'Media'))
-  ;['map']
-    .forEach(id => editor.Blocks.get(id)?.set('category', 'Components'))
-  editor.Blocks.render()
+    editor.Commands.add('gjs-open-import-webpage', openImport(editor, {
+      modalImportLabel: '',
+      modalImportContent: 'Paste a web page HTML code here.',
+      modalImportButton: 'Import',
+      modalImportTitle: 'Import from website',
+    }))
 
-  editor.Commands.add('gjs-open-import-webpage', openImport(editor, {
-    modalImportLabel: '',
-    modalImportContent: 'Paste a web page HTML code here.',
-    modalImportButton: 'Import',
-    modalImportTitle: 'Import from website',
-  }))
+    editor.on('load', () => {
+      // // move the options panel to the sidebar
+      // const optionsEl = editor.Panels.getPanel('options').view.el
+      // editor.Panels.getPanel('project-bar-panel').view.el
+      // .appendChild(options)
+      // options.style.width = 0
+      // options.style.position = 'static'
 
-  editor.on('load', () => {
-    // // move the options panel to the sidebar
-    // const optionsEl = editor.Panels.getPanel('options').view.el
-    // editor.Panels.getPanel('project-bar-panel').view.el
-    // .appendChild(options)
-    // options.style.width = 0
-    // options.style.position = 'static'
-    // remove blocks and layers buttons from the properties
-    setTimeout(() => {
+      // remove blocks and layers buttons from the properties
       editor.Panels.getPanel('views').buttons.remove('open-blocks')
       editor.Panels.getPanel('views').buttons.remove('open-layers')
       editor.Panels.getPanel('views').view.el.firstChild.style.justifyContent = 'initial' // align left
       editor.Panels.getPanel('options').buttons.remove('export-template')
-    })
 
-    // use the style filter plugin
-    editor.StyleManager.addProperty('extra',{ extend: 'filter' })
-  })
+      editor.BlockManager.render(null)
 
-  // Handle errors
-  editor.on('storage:error:load', (err) => {
-    editor.Modal.open({
-      title: 'Error loading website',
-      content: `This website could not be loaded.<br><hr>${err}`,
-    })
-  })
-  editor.on('storage:error:store', (err) => {
-    editor.Modal.open({
-      title: 'Error saving website',
-      content: `This website could not be saved.<br><hr>${err}`,
+      // use the style filter plugin
+      editor.StyleManager.addProperty('extra',{ extend: 'filter' })
+
+      // GrapesJs editor is ready
+      resolve(editor)
     })
   })
 }

package/src/ts/client/grapesjs/storage.ts

@@ -0,0 +1,110 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { BackendId, WebsiteId, WebsiteData } from '../../types'
+import { ApiError, LoginStatus, websiteLoad, websiteSave } from '../services'
+import { cmdLogin, eventLoggedIn, eventLoggedOut, getCurrentLoginStatus } from './LoginDialog'
+
+async function wait(ms: number) {
+  return new Promise((resolve) => {
+    setTimeout(resolve, ms)
+  })
+}
+export const storagePlugin = (editor) => {
+  editor.Storage.add('backend', {
+    async load(options: { id: WebsiteId, backendId: BackendId }): Promise<WebsiteData> {
+      try {
+        const status = await getCurrentLoginStatus(editor)
+        if(status?.backend?.isLoggedIn) {
+          const data = await websiteLoad(options.id, options.backendId)
+          return data
+        } else {
+          return new Promise((resolve, reject) => {
+            editor.once(eventLoggedIn, async () => {
+              try {
+                const data = await editor.Storage.load(options)
+                //editor.loadProjectData(data)
+                resolve(data)
+              } catch (err) {
+                console.error('backendPlugin load error', err)
+                reject(err)
+              }
+            })
+            editor.Commands.run(cmdLogin)
+          })
+        }
+      } catch (err) {
+        console.error('backendPlugin load error', err)
+        throw err
+      }
+    },
+
+    async store(data: WebsiteData, options: { id: WebsiteId, backendId: BackendId }) {
+      try {
+        if(await getCurrentLoginStatus(editor)) {
+          await websiteSave(options.id, options.backendId, data)
+        } else {
+          editor.once(eventLoggedIn, () => {
+            return editor.Storage.save(options)
+          })
+          editor.Commands.run(cmdLogin)
+        }
+      } catch (err) {
+        console.error('backendPlugin store error', err)
+        throw err
+      }
+    }
+  })
+  // Handle errors
+  editor.on('storage:error:load', (err) => {
+    handleError(err)
+  })
+  editor.on('storage:error:store', (err) => {
+    handleError(err)
+  })
+  function handleError(err: Error) {
+    console.error('Error with loading / saving', err, err instanceof ApiError)
+    if (err instanceof ApiError) {
+      console.error('ApiError', err.code, err.message)
+      switch (err.code) {
+      case 404:
+        return editor.Modal.open({
+          title: 'Website not found',
+          content: `This website could not be found.<br><hr>${err.message}`,
+        })
+      case 403:
+        return editor.Modal.open({
+          title: 'Access denied',
+          content: `You are not allowed to access this website.<br><hr>${err.message}`,
+        })
+      case 401:
+        editor.trigger(eventLoggedOut)
+        return
+      default:
+        return editor.Modal.open({
+          title: 'Error',
+          content: `An error occured. ${err.message}`,
+        })
+      }
+    } else {
+      return editor.Modal.open({
+        title: 'Error',
+        content: `An error occured. ${err.message}`,
+      })
+    }
+  }
+}

package/src/ts/client/index.ts

@@ -50,7 +50,7 @@ export async function start(options = {}) {
   // Start grapesjs
   console.log('start', {config})
   try{
-    initEditor(config.editor, config.grapesJsPlugins)
+    await initEditor(config.editor, config.grapesJsPlugins)
   } catch(e) {
     console.error('Error starting Silex', e)
     throw e
@@ -60,10 +60,8 @@ export async function start(options = {}) {
   getEditor().I18n.setLocale(config.lang)
 
   // End of loading
-  getEditor().on('load', () => {
-    console.log('Silex started')
-    document.querySelector('.silex-loader').classList.add('silex-dialog-hide')
-    document.querySelector('#gjs').classList.remove('silex-dialog-hide')
-    config.emit(EVENT_STARTUP_END)
-  })
+  console.log('Silex started')
+  document.querySelector('.silex-loader').classList.add('silex-dialog-hide')
+  document.querySelector('#gjs').classList.remove('silex-dialog-hide')
+  config.emit(EVENT_STARTUP_END)
 }

package/src/ts/client/services.ts

@@ -0,0 +1,129 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { API_BACKEND_LIST, API_BACKEND_LOGIN_STATUS, API_BACKEND_LOGOUT, API_PUBLICATION_PUBLISH, API_PUBLICATION_STATUS, API_WEBSITE_ASSETS_READ, API_WEBSITE_ASSETS_WRITE, API_WEBSITE_DELETE, API_WEBSITE_LIST, API_WEBSITE_READ, API_WEBSITE_WRITE } from '../constants'
+import { ApiPublicationPublishRequestBody, ApiPublicationPublishRequestQuery, ApiPublicationPublishResponse, ApiPublicationStatusRequestQuery, ApiPublicationStatusResponse, BackendId, JobData, JobId, PublicationJobData, WebsiteId, ApiBackendListResponse, ApiBackendListRequestQuery, BackendData, BackendType, ApiWebsiteReadRequestQuery, ApiWebsiteReadResponse, WebsiteData, ApiWebsiteWriteRequestQuery, ApiWebsiteWriteRequestBody, ApiWebsiteWriteResponse, ApiWebsiteDeleteRequestQuery, ApiWebsiteAssetsReadRequestQuery, ApiWebsiteAssetsReadResponse, ApiWebsiteAssetsWriteRequestQuery, ApiWebsiteAssetsWriteRequestBody, ApiWebsiteAssetsWriteResponse, ClientSideFile, PublicationData, ApiBackendLoginStatusRequestQuery, ApiBackendLoginStatusResponse, BackendUser, WebsiteMeta, ApiBackendLogoutRequestQuery } from '../types'
+
+export enum ApiRoute {
+  PUBLICATION_PUBLISH = API_PUBLICATION_PUBLISH,
+  PUBLICATION_STATUS = API_PUBLICATION_STATUS,
+  BACKEND_LOGOUT = API_BACKEND_LOGOUT,
+  BACKEND_LIST = API_BACKEND_LIST,
+  BACKEND_LOGIN_STATUS = API_BACKEND_LOGIN_STATUS,
+  WEBSITE_READ = API_WEBSITE_READ,
+  WEBSITE_WRITE = API_WEBSITE_WRITE,
+  WEBSITE_DELETE = API_WEBSITE_DELETE,
+  WEBSITE_LIST = API_WEBSITE_LIST,
+  WEBSITE_ASSETS_READ = API_WEBSITE_ASSETS_READ,
+  WEBSITE_ASSETS_WRITE = API_WEBSITE_ASSETS_WRITE,
+}
+
+export interface LoginStatus {
+  backend: BackendData,
+  user: BackendUser,
+  websiteMeta?: WebsiteMeta,
+}
+
+export class ApiError extends Error {
+  constructor(message: string, public readonly code: number) {
+    super(message)
+    console.error({ message, code })
+  }
+}
+
+const ROOT_URL = window.location.origin
+
+export async function loginStatus(backendId: BackendId, type: BackendType, id?: WebsiteId): Promise<LoginStatus> {
+  return api<ApiBackendLoginStatusRequestQuery, null, ApiBackendLoginStatusResponse>(ApiRoute.BACKEND_LOGIN_STATUS, 'GET', {
+    backendId,
+    type,
+    id,
+  })
+}
+
+export async function logout(backendId: BackendId, type: BackendType): Promise<void> {
+  return api<ApiBackendLogoutRequestQuery, null, null>(ApiRoute.BACKEND_LOGOUT, 'POST', { backendId, type })
+}
+
+export async function publish(websiteId: WebsiteId, data: PublicationData): Promise<[url: string, job: PublicationJobData]> {
+  const { url, job } = await api<ApiPublicationPublishRequestQuery, ApiPublicationPublishRequestBody, ApiPublicationPublishResponse>(
+    ApiRoute.PUBLICATION_PUBLISH,
+    'POST',
+    { id: websiteId },
+    data
+  )
+  return [url, job]
+}
+
+export async function publicationStatus(jobId: JobId): Promise<PublicationJobData> {
+  return api<ApiPublicationStatusRequestQuery, null, ApiPublicationStatusResponse>(
+    ApiRoute.PUBLICATION_STATUS,
+    'GET',
+    { jobId },
+  )
+}
+
+export async function backendList(type: BackendType): Promise<BackendData[]> {
+  const list = await api<ApiBackendListRequestQuery, null, ApiBackendListResponse>(ApiRoute.BACKEND_LIST, 'GET', { type })
+  return list as BackendData[]
+}
+
+
+export async function websiteList(backendId: BackendId): Promise<WebsiteMeta[]> {
+  return api<ApiWebsiteReadRequestQuery, null, ApiWebsiteReadResponse>(ApiRoute.WEBSITE_LIST, 'GET', { backendId }) as Promise<WebsiteMeta[]>
+}
+
+export async function websiteLoad(id: WebsiteId, backendId: BackendId): Promise<WebsiteData> {
+  return api<ApiWebsiteReadRequestQuery, null, ApiWebsiteReadResponse>(ApiRoute.WEBSITE_READ, 'GET', { id, backendId }) as Promise<WebsiteData>
+}
+
+export async function websiteSave(id: WebsiteId, backendId: BackendId, data: WebsiteData): Promise<void> {
+  const { message } = await api<ApiWebsiteWriteRequestQuery, ApiWebsiteWriteRequestBody, ApiWebsiteWriteResponse>(ApiRoute.WEBSITE_WRITE, 'POST', { id, backendId }, data)
+}
+
+export async function websiteDelete(id: WebsiteId, backendId: BackendId): Promise<void> {
+  await api<ApiWebsiteDeleteRequestQuery, null, null>(ApiRoute.WEBSITE_DELETE, 'DELETE', { id, backendId })
+}
+
+export async function websiteAssetsLoad(path: string, id: WebsiteId, backendId: BackendId): Promise<string> {
+  return api<ApiWebsiteAssetsReadRequestQuery, null, ApiWebsiteAssetsReadResponse>(`${ApiRoute.WEBSITE_ASSETS_READ}/${path}`, 'GET', { id, backendId })
+}
+
+export async function websiteAssetsSave(id: WebsiteId, backendId: BackendId, files: ClientSideFile[]): Promise<string[]> {
+  const { data } = await api<ApiWebsiteAssetsWriteRequestQuery, ApiWebsiteAssetsWriteRequestBody, ApiWebsiteAssetsWriteResponse>(ApiRoute.WEBSITE_ASSETS_WRITE, 'POST', { id, backendId }, files)
+  return data
+}
+
+export async function api<ReqQuery, ReqBody, ResBody>(route: ApiRoute | string, method: string, query?: ReqQuery, payload?: ReqBody): Promise<ResBody> {
+  const url = `${ROOT_URL}/${route.toString()}?${new URLSearchParams(Object.entries(query)).toString()}`
+  const response = await fetch(url, {
+    method,
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: payload && JSON.stringify(payload), // assuming that the payload needs to be stringified
+    credentials: 'include', // sends the cookies with the request
+  })
+
+  if (!response.ok) {
+    const json = await response.json()
+    console.error('There was a problem calling the API', response, json)
+    throw new ApiError(json.message, response.status)
+  }
+
+  return response.json()
+}

package/src/ts/constants.ts

@@ -19,4 +19,25 @@
  * @fileoverview define constants for Silex client and server
  */
 
+export const WEBSITE_DATA_FILE_NAME = 'website.json'
+
+export const DEFAULT_WEBSITE_ID = 'default'
+export const DEFAULT_BACKEND_ID = ''
+export const DEFAULT_LANGUAGE = 'en'
 export const CLIENT_CONFIG_FILE_NAME = 'silex.js'
+
+export const API_BACKEND_LOGIN_STATUS = 'api/backend/login/status/'
+export const API_BACKEND_LIST = 'api/backend/'
+export const API_BACKEND_LOGOUT = 'api/backend/logout/'
+export const API_BACKEND_LOGIN = 'api/backend/login/'
+export const API_BACKEND_LOGIN_CALLBACK = 'api/backend/login/'
+
+export const API_PUBLICATION_PUBLISH = 'api/publication/'
+export const API_PUBLICATION_STATUS = '/api/publication/status/'
+
+export const API_WEBSITE_READ = 'api/website/'
+export const API_WEBSITE_WRITE = 'api/website/'
+export const API_WEBSITE_DELETE = 'api/website/'
+export const API_WEBSITE_LIST = 'api/website/'
+export const API_WEBSITE_ASSETS_READ = 'assets/:path'
+export const API_WEBSITE_ASSETS_WRITE = 'assets/'

package/src/ts/plugins/AuthPlugin.ts

@@ -0,0 +1,38 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import express from 'express'
+import { Directus } from '@directus/sdk'
+
+export default async function(config, opts = {}) {
+//  config.on('silex:startup:start', ({app}) => {
+//    const router = express.Router()
+//    router.post(['/publish', '/website', '/assets'], async function(req, res, next) {
+//      try {
+//        const token = req.body.token || opts.directusToken
+//        const directus = new Directus(opts.directusUrl)
+//        directus.storage.auth_token = token
+//        const me = await directus.users.me.read()
+//        next()
+//      } catch(err) {
+//        console.error('Publish failed in auth module. Did you provide a directus token?', err.message)
+//        res.status(403).json({ message: err.message })
+//      }
+//    })
+//    app.use(router)
+//  })
+}

package/src/ts/plugins/Cache.ts

@@ -0,0 +1,28 @@
+/*
+ * Silex website builder, free/libre no-code tool for makers.
+ * Copyright (c) 2023 lexoyo and Silex Labs foundation
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+export function noCache (req, res, next) {
+  res.header('Cache-Control', 'private,no-cache,no-store,must-revalidate,proxy-revalidate')
+  res.header('Expires', '-1')
+  res.header('Pragma', 'no-cache')
+  next()
+}
+
+export function withCache(req, res, next) {
+  res.header('Cache-Control', 'public,max-age=86400,immutable') // 24h
+  next()
+}