@graffiti-garden/implementation-decentralized 0.0.4 → 0.0.6

package/dist/browser/{style-RMTPI5KV-Y5KAOOZR.js → style-BOBMBTYJ-ORUSIJTZ.js}

@@ -15,6 +15,7 @@ import"./chunk-RFBBAUMM.js";var e=`.graffiti-modal {
     border-radius: 1rem;
     box-shadow: 0 0 2rem black;
     overflow: hidden;
+    position: fixed;
     opacity: 0;
     transition: opacity 0.3s;
     pointer-events: none;
@@ -115,9 +116,18 @@ import"./chunk-RFBBAUMM.js";var e=`.graffiti-modal {
         color: inherit;
     }
 
-    h1 a:hover {
-        background: none;
-        color: inherit;
+    @media (hover: hover) and (pointer: fine) {
+        h1 a:hover {
+            background: none;
+            color: inherit;
+        }
+    }
+
+    @media (hover: none), (pointer: coarse) {
+        h1 a:active {
+            background: none;
+            color: inherit;
+        }
     }
 
     button,
@@ -199,15 +209,30 @@ import"./chunk-RFBBAUMM.js";var e=`.graffiti-modal {
         text-decoration: none;
     }
 
-    :is(button, ul a, input[type="submit"]):hover {
-        cursor: pointer;
-        background: var(--hover);
-        color: var(--front);
+    @media (hover: hover) and (pointer: fine) {
+        :is(button, ul a, input[type="submit"]):hover {
+            cursor: pointer;
+            background: var(--hover);
+            color: var(--front);
+        }
+
+        a:hover {
+            text-decoration: underline;
+            cursor: pointer;
+        }
     }
 
-    a:hover {
-        text-decoration: underline;
-        cursor: pointer;
+    @media (hover: none), (pointer: coarse) {
+        :is(button, ul a, input[type="submit"]):active {
+            cursor: pointer;
+            background: var(--hover);
+            color: var(--front);
+        }
+
+        a:active {
+            text-decoration: underline;
+            cursor: pointer;
+        }
     }
 
     form {
@@ -234,10 +259,20 @@ import"./chunk-RFBBAUMM.js";var e=`.graffiti-modal {
         color: white;
     }
 
-    :is(button, a[type="button"], input[type="submit"]):hover {
-        background: rgba(202, 122, 204, 0.6);
-        color: white;
-        text-decoration: none;
+    @media (hover: hover) and (pointer: fine) {
+        :is(button, a[type="button"], input[type="submit"]):hover {
+            background: rgba(202, 122, 204, 0.6);
+            color: white;
+            text-decoration: none;
+        }
+    }
+
+    @media (hover: none), (pointer: coarse) {
+        :is(button, a[type="button"], input[type="submit"]):active {
+            background: rgba(202, 122, 204, 0.6);
+            color: white;
+            text-decoration: none;
+        }
     }
 }
 
@@ -253,18 +288,18 @@ import"./chunk-RFBBAUMM.js";var e=`.graffiti-modal {
 
 .graffiti-modal::before {
     content: "";
-    position: fixed;
-    left: 0;
-    right: 0;
+    position: absolute;
+    inset: calc(-1 * var(--blurpix));
     z-index: -1;
     background-image: url(graffiti.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: 50% 50%;
-    height: calc(100% + 2 * var(--blurpix));
-    width: calc(100% + 2 * var(--blurpix));
     filter: blur(var(--blurpix));
-    margin: calc(-1 * var(--blurpix));
+    border-radius: inherit;
+    pointer-events: none;
+    transform: translateZ(0);
+    overflow: hidden;
 }
 `;export{e as default};
-//# sourceMappingURL=style-RMTPI5KV-Y5KAOOZR.js.map
+//# sourceMappingURL=style-BOBMBTYJ-ORUSIJTZ.js.map

package/dist/browser/style-BOBMBTYJ-ORUSIJTZ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../node_modules/@graffiti-garden/modal/src/style.css"],
+  "sourcesContent": [".graffiti-modal {\n    --back: rgba(26, 26, 26, 0.85);\n    --halfback: rgba(80, 80, 80, 0.85);\n    --halfback2: rgba(26, 26, 26, 0.85);\n    --hover: rgba(202, 122, 204, 0.3);\n    --frontfaded: rgba(190, 190, 190);\n    --front: rgba(240, 240, 240);\n    --emph: rgb(202, 122, 204);\n    --blurpix: 3px;\n    border-color: var(--emph);\n    box-sizing: border-box;\n    border-width: 2px;\n    padding: 0;\n    margin: 0;\n    border-radius: 1rem;\n    box-shadow: 0 0 2rem black;\n    overflow: hidden;\n    position: fixed;\n    opacity: 0;\n    transition: opacity 0.3s;\n    pointer-events: none;\n    min-width: 95dvw;\n    min-height: 95dvh;\n    height: 95dvh;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: center;\n    font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Roboto,\n        Oxygen,\n        Ubuntu,\n        Cantarell,\n        \"Fira Sans\",\n        \"Droid Sans\",\n        \"Helvetica Neue\",\n        sans-serif;\n    color: var(--front);\n    font-size: 150%;\n\n    * {\n        box-sizing: border-box;\n        padding: 0;\n        margin: 0;\n    }\n\n    ::selection {\n        background: rgba(202, 122, 204, 0.3);\n    }\n\n    :focus {\n        outline: 2px solid var(--front);\n    }\n\n    header {\n        width: 100%;\n        display: flex;\n        justify-content: flex-end;\n    }\n\n    main {\n        flex: 1;\n        max-width: 600px;\n        width: 100%;\n        gap: 2em;\n        padding-inline: clamp(1rem, 4dvw, 3rem);\n        padding-block: clamp(1rem, 4dvh, 3rem);\n        margin-inline: clamp(1rem, 4dvw, 3rem);\n        margin-block: clamp(1rem, 4dvh, 3rem);\n        background: var(--back);\n        border-radius: 1rem;\n        display: flex;\n        flex-direction: column;\n        overflow-y: auto;\n        scrollbar-color: var(--emph) rgba(0, 0, 0, 0);\n    }\n\n    ul {\n        list-style-type: none;\n        display: flex;\n        flex-direction: column;\n        gap: 0.5em;\n        align-items: stretch;\n        justify-content: stretch;\n    }\n\n    aside {\n        color: var(--frontfaded);\n    }\n\n    .secondary,\n    a:not([type=\"button\"]) {\n        color: var(--emph);\n    }\n\n    h1 {\n        font-size: 120%;\n        font-family:\n            Rock Salt,\n            cursive,\n            sans-serif;\n        letter-spacing: 0.1em;\n        text-align: center;\n        color: var(--front);\n        line-height: 1.5em;\n    }\n\n    h1 a:not([type=\"button\"]) {\n        color: inherit;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        h1 a:hover {\n            background: none;\n            color: inherit;\n        }\n    }\n\n    @media (hover: none), (pointer: coarse) {\n        h1 a:active {\n            background: none;\n            color: inherit;\n        }\n    }\n\n    button,\n    input[type=\"submit\"],\n    input[type=\"text\"],\n    a[type=\"button\"] {\n        font-size: inherit;\n        width: 100%;\n        text-align: center;\n        display: block;\n        border-radius: 1rem;\n        border: 2px solid var(--emph);\n        padding: 1em;\n        padding-top: 0.5em;\n        padding-bottom: 0.5em;\n        transition: 0.1s;\n        text-overflow: ellipsis;\n        background: none;\n        line-height: 1.2em;\n    }\n\n    input[type=\"text\"] {\n        font-weight: 500;\n        background: var(--front);\n        text-align: left;\n        color: black;\n    }\n\n    header button {\n        border-radius: 0 0 0 1rem;\n        border-right: none;\n        border-top: none;\n        background-color: var(--halfback2);\n        width: fit-content;\n        position: relative;\n        overflow: hidden;\n    }\n\n    header button::before {\n        z-index: -1;\n        top: 0;\n        left: 0;\n        height: 100%;\n        position: absolute;\n        width: 100%;\n        content: \"\";\n        background-color: var(--back);\n    }\n\n    @media (max-height: 600px) {\n        main {\n            gap: 1em;\n        }\n\n        h1 {\n            font-size: 100%;\n        }\n    }\n\n    @media (max-width: 600px) {\n        main {\n            border-radius: 0;\n            margin: auto;\n            overflow: auto;\n        }\n\n        header button {\n            border-radius: 0;\n            border-left: none;\n            width: 100%;\n        }\n\n        html {\n            justify-content: safe center;\n        }\n    }\n\n    a {\n        text-decoration: none;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        :is(button, ul a, input[type=\"submit\"]):hover {\n            cursor: pointer;\n            background: var(--hover);\n            color: var(--front);\n        }\n\n        a:hover {\n            text-decoration: underline;\n            cursor: pointer;\n        }\n    }\n\n    @media (hover: none), (pointer: coarse) {\n        :is(button, ul a, input[type=\"submit\"]):active {\n            cursor: pointer;\n            background: var(--hover);\n            color: var(--front);\n        }\n\n        a:active {\n            text-decoration: underline;\n            cursor: pointer;\n        }\n    }\n\n    form {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n        align-items: stretch;\n        gap: 0.5em;\n    }\n\n    iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\n\n    :is(button, a[type=\"button\"], input[type=\"submit\"]).secondary {\n        color: rgb(244, 213, 244);\n        background: rgba(26, 26, 26, 0.6);\n    }\n\n    :is(button, a[type=\"button\"], input[type=\"submit\"]):not(.secondary) {\n        background: var(--hover);\n        color: white;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        :is(button, a[type=\"button\"], input[type=\"submit\"]):hover {\n            background: rgba(202, 122, 204, 0.6);\n            color: white;\n            text-decoration: none;\n        }\n    }\n\n    @media (hover: none), (pointer: coarse) {\n        :is(button, a[type=\"button\"], input[type=\"submit\"]):active {\n            background: rgba(202, 122, 204, 0.6);\n            color: white;\n            text-decoration: none;\n        }\n    }\n}\n\n.graffiti-modal[open] {\n    pointer-events: inherit;\n    opacity: 1;\n}\n\n.graffiti-modal::backdrop {\n    background-color: black;\n    opacity: 0.5;\n}\n\n.graffiti-modal::before {\n    content: \"\";\n    position: absolute;\n    inset: calc(-1 * var(--blurpix));\n    z-index: -1;\n    background-image: url(graffiti.jpg);\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: 50% 50%;\n    filter: blur(var(--blurpix));\n    border-radius: inherit;\n    pointer-events: none;\n    transform: translateZ(0);\n    overflow: hidden;\n}\n"],
+  "mappings": "4BAAA,IAAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;",
+  "names": ["style_default"]
+}

package/dist/cjs/3-protocol/4-graffiti.js

@@ -530,69 +530,77 @@ class GraffitiDecentralized {
     );
     let indexedIteratorNexts = iterators.map(async (it, index) => indexedSingleEndpointQueryNext(it, index));
     let active = indexedIteratorNexts.length;
-    while (active > 0) {
-      const next = await Promise.race(indexedIteratorNexts);
-      if (next.error !== void 0) {
-        indexedIteratorNexts[next.index] = new Promise(() => {
-        });
-        active--;
-        yield {
-          error: next.error,
-          origin: allInboxes[next.index].serviceEndpoint
-        };
-      } else if (next.result.done) {
-        const inbox = allInboxes[next.index];
-        cursors[inbox.serviceEndpoint] = next.result.value;
-        indexedIteratorNexts[next.index] = new Promise(() => {
-        });
-        active--;
-      } else {
-        indexedIteratorNexts[next.index] = indexedSingleEndpointQueryNext(
-          iterators[next.index],
-          next.index
-        );
-        const { object, tombstone, tags: receivedTags } = next.result.value;
-        if (tombstone) {
-          if (tombstones.get(object.url) === true) continue;
-          tombstones.set(object.url, true);
+    try {
+      while (active > 0) {
+        const next = await Promise.race(indexedIteratorNexts);
+        if (next.error !== void 0) {
+          indexedIteratorNexts[next.index] = new Promise(() => {
+          });
+          active--;
           yield {
-            tombstone,
-            object: { url: object.url }
+            error: next.error,
+            origin: allInboxes[next.index].serviceEndpoint
           };
+        } else if (next.result.done) {
+          const inbox = allInboxes[next.index];
+          cursors[inbox.serviceEndpoint] = next.result.value;
+          indexedIteratorNexts[next.index] = new Promise(() => {
+          });
+          active--;
         } else {
-          if (tombstones.get(object.url) === false) continue;
-          const matchedTagIndices = tags.reduce(
-            (acc, tag, tagIndex) => {
-              for (const receivedTag of receivedTags) {
-                if (tag.length === receivedTag.length && tag.every((b, i) => receivedTag[i] === b)) {
-                  acc.push(tagIndex);
-                  break;
-                }
-              }
-              return acc;
-            },
-            []
+          indexedIteratorNexts[next.index] = indexedSingleEndpointQueryNext(
+            iterators[next.index],
+            next.index
           );
-          const matchedChannels = matchedTagIndices.map(
-            (index) => channels[index]
-          );
-          if (matchedChannels.length === 0) {
+          const { object, tombstone, tags: receivedTags } = next.result.value;
+          if (tombstone) {
+            if (tombstones.get(object.url) === true) continue;
+            tombstones.set(object.url, true);
             yield {
-              error: new Error(
-                "Inbox returned object without matching channels"
-              ),
-              origin: allInboxes[next.index].serviceEndpoint
+              tombstone,
+              object: { url: object.url }
             };
-          }
-          tombstones.set(object.url, false);
-          yield {
-            object: {
-              ...object,
-              channels: matchedChannels
+          } else {
+            if (tombstones.get(object.url) === false) continue;
+            const matchedTagIndices = tags.reduce(
+              (acc, tag, tagIndex) => {
+                for (const receivedTag of receivedTags) {
+                  if (tag.length === receivedTag.length && tag.every((b, i) => receivedTag[i] === b)) {
+                    acc.push(tagIndex);
+                    break;
+                  }
+                }
+                return acc;
+              },
+              []
+            );
+            const matchedChannels = matchedTagIndices.map(
+              (index) => channels[index]
+            );
+            if (matchedChannels.length === 0) {
+              yield {
+                error: new Error(
+                  "Inbox returned object without matching channels"
+                ),
+                origin: allInboxes[next.index].serviceEndpoint
+              };
             }
-          };
+            tombstones.set(object.url, false);
+            yield {
+              object: {
+                ...object,
+                channels: matchedChannels
+              }
+            };
+          }
         }
       }
+    } finally {
+      await Promise.all(
+        iterators.map(async (it) => {
+          await it.return("");
+        })
+      );
     }
     return {
       cursor: JSON.stringify({
@@ -754,30 +762,34 @@ class GraffitiDecentralized {
     );
     const inFlight = [];
     let doneValue = null;
-    while (true) {
-      while (doneValue === null && inFlight.length < CONCURRENCY) {
-        const itResult = await iterator.next();
-        if (itResult.done) {
-          doneValue = itResult.value;
-          break;
+    try {
+      while (true) {
+        while (doneValue === null && inFlight.length < CONCURRENCY) {
+          const itResult = await iterator.next();
+          if (itResult.done) {
+            doneValue = itResult.value;
+            break;
+          }
+          const processPromise = this.processOneLabeledMessage(
+            inboxEndpoint,
+            itResult.value,
+            inboxToken,
+            recipient
+          ).catch((e) => {
+            throw e;
+          });
+          inFlight.push(processPromise);
         }
-        const processPromise = this.processOneLabeledMessage(
-          inboxEndpoint,
-          itResult.value,
-          inboxToken,
-          recipient
-        ).catch((e) => {
-          throw e;
-        });
-        inFlight.push(processPromise);
-      }
-      const nextProcessedPromise = inFlight.shift();
-      if (!nextProcessedPromise) {
-        if (doneValue !== null) return doneValue;
-        throw new Error("Process queue empty but no return value");
+        const nextProcessedPromise = inFlight.shift();
+        if (!nextProcessedPromise) {
+          if (doneValue !== null) return doneValue;
+          throw new Error("Process queue empty but no return value");
+        }
+        const processed = await nextProcessedPromise;
+        if (processed) yield processed;
       }
-      const processed = await nextProcessedPromise;
-      if (processed) yield processed;
+    } finally {
+      await iterator.return("");
     }
   }
   async processOneLabeledMessage(inboxEndpoint, result, inboxToken, recipient) {