g-comments 0.2.0 → 0.2.1

package/dist/react.cjs

@@ -353,12 +353,15 @@ function forumThemeCss(theme) {
 }
 function forumFontFacesCss(theme) {
   let css = "";
+  const seen = /* @__PURE__ */ new Set();
   for (const font of Object.values(theme.fonts)) {
     for (const face of font?.faces ?? []) {
       const weight = String(face.weight);
-      if (SAFE_FAMILY.test(face.family) && FONT_SOURCE.test(face.src) && FONT_WEIGHT.test(weight)) {
-        css += `@font-face{font-family:"${face.family}";src:${face.src};font-weight:${weight};font-display:swap;}
+      const rule = `@font-face{font-family:"${face.family}";src:${face.src};font-weight:${weight};font-display:swap;}
 `;
+      if (SAFE_FAMILY.test(face.family) && FONT_SOURCE.test(face.src) && FONT_WEIGHT.test(weight) && !seen.has(rule)) {
+        seen.add(rule);
+        css += rule;
       }
     }
   }
@@ -380,6 +383,14 @@ function forumStylesheetUrls(theme, forum) {
   }
   return urls;
 }
+function forumThemeStyleText(theme, forum) {
+  const imports = forumStylesheetUrls(theme, forum).map((href) => `@import url(${JSON.stringify(href)}) layer(gc-forum);
+`).join("");
+  return `@layer gc-defaults, gc-forum;
+${imports}@layer gc-forum{
+${forumThemeCss(theme)}}
+`;
+}
 function documentOf(root) {
   return root.nodeType === 9 ? root : root.ownerDocument;
 }
@@ -404,15 +415,8 @@ function applyForumTheme(root, theme, forum) {
   replaceNodes(container, STYLE_ATTRIBUTE, forum, key, () => {
     const style = doc.createElement("style");
     style.setAttribute(STYLE_ATTRIBUTE, key);
-    style.textContent = forumThemeCss(theme);
-    const links = forumStylesheetUrls(theme, forum).map((href) => {
-      const link = doc.createElement("link");
-      link.rel = "stylesheet";
-      link.href = href;
-      link.setAttribute(STYLE_ATTRIBUTE, key);
-      return link;
-    });
-    return [style, ...links];
+    style.textContent = forumThemeStyleText(theme, forum);
+    return [style];
   });
   const faces = forumFontFacesCss(theme);
   if (faces) {