Feature/web components

biome.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "files": {
+    "ignore": ["src/**/*.css", "src/**/*.html", "src/**/*.svg"]
+  }
+}

demo/index.html

@@ -18,6 +18,7 @@
   </header>
   <script type="text/javascript" src="remotestorage.js"></script>
   <script type="text/javascript" src="widget.js"></script>
+  <remotestorage-widget></remotestorage-widget>
   <script>
     var remoteStorage = new RemoteStorage();
 
@@ -29,15 +30,18 @@
     remoteStorage.access.claim('bookmarks', 'rw');
     remoteStorage.caching.enable('/bookmarks/');
 
-    var widget = new Widget(remoteStorage, {
+    const remoteStorageWidget = document.querySelector('remotestorage-widget');
+    remoteStorageWidget.setRemoteStorage(remoteStorage);
+
+    //var widget = new Widget(remoteStorage, {
       //leaveOpen: true,
       //autoCloseAfter: 2000,
       //skipInitial: true,
       //modalBackdrop: true,
-      logging: true,
-    });
+    //  logging: true,
+    //});
 
-    widget.attach();
+    //widget.attach();
     // widget.attach('rs-wrapper');
     // widget.attach(document.querySelector('header .rs-wrapper'));
     // widget.attach('foo'); // throws an error