From 6296997169eca77bcb38b175350040c3d5739968 Mon Sep 17 00:00:00 2001
From: Quentin Dufour <quentin@deuxfleurs.fr>
Date: Sun, 4 Dec 2022 17:11:31 +0100
Subject: [PATCH] demo s3 edit

---
 demo/edit/index.html                        |  50 ++++++++++++++++++++
 {podcast => demo/podcast}/feed.xml          |   2 +-
 {podcast => demo/podcast}/feed.xsl          |   0
 {podcast => demo/podcast}/origine-cloud.mp3 | Bin
 {podcast => demo/podcast}/origine-cloud.txt |   0
 5 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 demo/edit/index.html
 rename {podcast => demo/podcast}/feed.xml (96%)
 rename {podcast => demo/podcast}/feed.xsl (100%)
 rename {podcast => demo/podcast}/origine-cloud.mp3 (100%)
 rename {podcast => demo/podcast}/origine-cloud.txt (100%)
diff --git a/demo/edit/index.html b/demo/edit/index.html
new file mode 100644
index 0000000..958b5d8
--- /dev/null
+++ b/demo/edit/index.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Small web IDE</title>
+    <meta charset="utf-8"/>
+  </head>
+  <body>
+    <h1>Small web IDE</h1>
+    <script src="https://unpkg.com/aws4-tiny@1.0.0/dist/aws4.js"></script>
+    <script>
+      let aki = localStorage.getItem('accessKeyId');
+      if (aki === null) {
+        aki = window.prompt("What is your Garage Access Key ID?");
+        localStorage.setItem('accessKeyId', aki);
+      }
+
+      let sak = localStorage.getItem('secretAccessKey');
+      if (sak === null) {
+        sak = window.prompt("What is you Garage Secret Access Key?");
+        localStorage.setItem("secretAccessKey", sak);
+      }
+
+      const credentials = {
+        accessKeyId: aki,
+        secretAccessKey: sak,
+      };
+
+      const opts = {
+        region: 'garage',
+        service: 's3',
+        host: 'garage.deuxfleurs.fr',
+        path: '/quentin.dufour.io/?list-type=2',
+        headers: {
+          'x-amz-content-sha256': 'UNSIGNED-PAYLOAD',
+        },
+      };
+
+      const req = aws4.sign(opts, credentials);
+      console.log(req)
+      async function ListObjectsV2() {
+        const res = await fetch('https://garage.deuxfleurs.fr/quentin.dufour.io/?list-type=2', req);
+        const body = await res.text()
+        console.log("body raw", body)
+        const objList = new window.DOMParser().parseFromString(body, "text/xml")
+        console.log("parsed body", objList)
+      }
+      ListObjectsV2()
+    </script>
+  </body>
+</html>
diff --git a/podcast/feed.xml b/demo/podcast/feed.xml
similarity index 96%
rename from podcast/feed.xml
rename to demo/podcast/feed.xml
index 0361525..820664e 100644
--- a/podcast/feed.xml
+++ b/demo/podcast/feed.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<?xml-stylesheet href="/feed.xsl" type="text/xsl"?>
+<?xml-stylesheet href="./feed.xsl" type="text/xsl"?>
 
 <!-- https://support.google.com/podcast-publishers/answer/9889544?hl=fr -->
 <rss version="2.0"
diff --git a/podcast/feed.xsl b/demo/podcast/feed.xsl
similarity index 100%
rename from podcast/feed.xsl
rename to demo/podcast/feed.xsl
diff --git a/podcast/origine-cloud.mp3 b/demo/podcast/origine-cloud.mp3
similarity index 100%
rename from podcast/origine-cloud.mp3
rename to demo/podcast/origine-cloud.mp3
diff --git a/podcast/origine-cloud.txt b/demo/podcast/origine-cloud.txt
similarity index 100%
rename from podcast/origine-cloud.txt
rename to demo/podcast/origine-cloud.txt
