From 72f625e62a57f2f07fe834e9f2ee82d165f8e0ac Mon Sep 17 00:00:00 2001
From: Adrian Amaglio <aamaglio@dbmtechnologies.com>
Date: Mon, 31 Jul 2023 13:26:59 +0200
Subject: [PATCH] init

---
 .gitmodules |  3 +++
 grapesjs    |  1 +
 index.html  | 55 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 59 insertions(+)
 create mode 100644 .gitmodules
 create mode 160000 grapesjs
 create mode 100644 index.html
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000..2903301
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "grapesjs"]
+	path = grapesjs
+	url = https://github.com/GrapesJS/grapesjs
diff --git a/grapesjs b/grapesjs
new file mode 160000
index 0000000..f8b66a1
--- /dev/null
+++ b/grapesjs
@@ -0,0 +1 @@
+Subproject commit f8b66a1d7e28b6c156cb7d6c61d2951872e9675f
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..dd59225
--- /dev/null
+++ b/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+	<meta charset="utf8" />
+    <link rel="stylesheet" href="grapesjs/dist/css/grapes.min.css">
+    <script src="grapesjs/dist/grapes.min.js"></script>
+	<script type="importmap">
+	  {
+	    "imports": {
+	      "fr_locale": "./grapesjs/src/i18n/locale/fr.js"
+	    }
+	  }
+	</script>
+
+  </head>
+  <body>
+    <div id="gjs"></div>
+
+<script type="module">
+	  import fr from "fr_locale";
+      //const projectID = window.location.hash.substr(1);
+	  const projectID = 1;
+
+      if (projectID == '' || isNaN(projectID)) {
+              alert("L’ID de projet est invalide. Cette application ne va pas fonctionner.");
+            } else {
+                    const projectEndpoint = `/projects/${projectID}`;
+                    var editor = grapesjs.init({
+                            container : '#gjs',
+                            components: '<div style="color:red;">Le chargement du projet est en cours. Si ce message ne disparait pas, le chargement a sans doutes échoué…</div>',
+							i18n: {
+  							  locale: 'fr', // default locale
+  							  detectLocale: false, // by default, the editor will detect the language
+  							  //localeFallback: 'en', // default fallback
+							  messages: {fr},
+  							},
+                            storageManager: {
+                                    type: 'remote',
+                                    stepsBeforeSave: 1,
+                                    autosave: true,
+                                    options: {
+                                            remote: {
+                                                    urlLoad: projectEndpoint,
+                                                    urlStore: projectEndpoint,
+                                                    fetchOptions: opts => (opts.method === 'POST' ?  { method: 'PATCH' } : {}),
+                                                    onStore: data => ({ id: projectID, data }),
+                                                    onLoad: result => result.data,
+                                                  }
+                                          }
+                                  }
+                          });
+                  }
+    </script>
+  </body>
+</html>
