Changeset 3766720

Timestamp:

10/26/2026 02:48:50 PM (3 days ago)

Author:

pluginpeer

Message:

Release 1.2.23

Location:

ppeer-glitchpin

Files:

• tags/1.2.23 (copied) (copied from ppeer-glitchpin/trunk )
• tags/1.2.23/languages/ppeer-glitchpin.pot (modified) (1 diff)
• tags/1.2.23/ppeer-glitchpin.php (modified) (2 diffs)
• tags/1.2.23/public/assets/reporter.js (modified) (2 diffs)
• tags/1.2.23/readme.txt (modified) (2 diffs)
• trunk/languages/ppeer-glitchpin.pot (modified) (1 diff)
• trunk/ppeer-glitchpin.php (modified) (2 diffs)
• trunk/public/assets/reporter.js (modified) (2 diffs)
• trunk/readme.txt (modified) (2 diffs)

ppeer-glitchpin/tags/1.2.23/languages/ppeer-glitchpin.pot

@@ -3 +3 @@
 msgid ""
 msgstr ""
-"Project-Id-Version: GlitchPin - Visual Bug Feedback 1.2.12\n"
+"Project-Id-Version: GlitchPin - Visual Bug Feedback 1.2.23\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/ppeer-glitchpin\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"

ppeer-glitchpin/tags/1.2.23/ppeer-glitchpin.php

@@ -3 +3 @@
  * Plugin Name: GlitchPin - Visual Bug Feedback
  * Description: Collect private, local bug reports with screenshots and page context.
- * Version: 1.2.12
+ * Version: 1.2.23
  * Requires at least: 6.4
  * Requires PHP: 8.3
@@ -18 +18 @@
 defined( 'ABSPATH' ) || exit;
 
-define( 'PPBH_VERSION', '1.2.12' );
+define( 'PPBH_VERSION', '1.2.23' );
 define( 'PPBH_FILE', __FILE__ );
 define( 'PPBH_DIR', plugin_dir_path( __FILE__ ) );

ppeer-glitchpin/tags/1.2.23/public/assets/reporter.js

@@ -7833 +7833 @@
   // src/reporter/capture.ts
   var import_html2canvas = __toESM(require_html2canvas());
+
+  // src/reporter/capture-styles.ts
+  function absoluteUrls(css, base) {
+    return css.replace(/url\(\s*(?:"((?:\\.|[^"\\])*)"|'((?:\\.|[^'\\])*)'|((?:\\.|[^)\\])*))\s*\)|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/gi, (token, double, single, bare) => {
+      if (double === void 0 && single === void 0 && bare === void 0) return token;
+      const value = (double ?? single ?? bare.trim()).replace(/\\([\da-f]{1,6}\s?|\r\n|[\n\r\f]|.)/gi, (_, escape) => {
+        if (/^[\da-f]/i.test(escape)) {
+          const point = parseInt(escape, 16);
+          return point > 0 && point <= 1114111 ? String.fromCodePoint(point) : "\uFFFD";
+        }
+        return /^[\n\r\f]/.test(escape) ? "" : escape;
+      });
+      try {
+        return `url(${JSON.stringify(new URL(value, base).href)})`;
+      } catch {
+        return token;
+      }
+    });
+  }
+  function stylesheetText(sheet, base) {
+    let rules;
+    try {
+      rules = Array.from(sheet.cssRules);
+    } catch {
+      return null;
+    }
+    const parts = [];
+    for (const rule of rules) {
+      if (rule instanceof CSSImportRule) {
+        const href = new URL(rule.href, base).href;
+        const imported = rule.styleSheet && stylesheetText(rule.styleSheet, href);
+        if (imported !== null) {
+          let css = imported;
+          if (rule.media.mediaText) css = `@media ${rule.media.mediaText} {${css}}`;
+          if (rule.supportsText) css = `@supports (${rule.supportsText}) {${css}}`;
+          if (rule.layerName != null) css = `@layer ${rule.layerName} {${css}}`;
+          parts.push(css);
+          continue;
+        }
+        return null;
+      }
+      parts.push(absoluteUrls(rule.cssText, base));
+    }
+    return parts.join("\n");
+  }
+  function loadedStyles() {
+    const styles = /* @__PURE__ */ new Map();
+    document.querySelectorAll('link[rel~="stylesheet" i]').forEach((link) => {
+      const entries = styles.get(link.href) ?? [];
+      entries.push({
+        css: link.sheet ? stylesheetText(link.sheet, link.href) : null,
+        disabled: link.disabled || !!link.sheet?.disabled
+      });
+      styles.set(link.href, entries);
+    });
+    return async (clone) => {
+      clone.querySelectorAll('link[rel~="stylesheet" i]').forEach((link) => {
+        let href;
+        try {
+          href = new URL(link.getAttribute("href") || "", document.baseURI).href;
+        } catch {
+          return;
+        }
+        const entry = styles.get(href)?.shift();
+        if (!entry) return;
+        if (entry.disabled) {
+          link.remove();
+          return;
+        }
+        if (entry.css === null) return;
+        const style = clone.createElement("style");
+        style.media = link.media;
+        style.nonce = link.nonce;
+        style.textContent = entry.css;
+        link.replaceWith(style);
+        if (!style.sheet) style.replaceWith(link);
+      });
+      clone.body.getBoundingClientRect();
+      if (clone.fonts) await clone.fonts.ready;
+    };
+  }
+
+  // src/reporter/capture.ts
   async function capturePage() {
     const width = window.innerWidth;
     const height = window.innerHeight;
+    const restoreStyles = loadedStyles();
     const canvas = await (0, import_html2canvas.default)(document.documentElement, {
       x: window.scrollX,
@@ -7851 +7935 @@
       removeContainer: true,
       ignoreElements: (element) => element.id === "ppbh-root",
-      onclone: (clone) => {
+      onclone: async (clone) => {
+        await restoreStyles(clone);
         if (/iPhone OS 15_(0|1)/.test(navigator.userAgent)) {
           clone.querySelectorAll("*").forEach((element) => {

ppeer-glitchpin/tags/1.2.23/readme.txt

@@ -5 +5 @@
 Tested up to: 7.1
 Requires PHP: 8.3
-Stable tag: 1.2.12
+Stable tag: 1.2.23
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -80 +80 @@
 == Changelog ==
 
+= 1.2.23 =
+* Preserve loaded page styles when capturing feedback in WordPress Playground.
+* Keep stylesheet order, imported rules, media conditions, and relative asset URLs in captured screenshots.
+
 = 1.2.12 =
 * Fix feedback storage in WordPress Playground with SQLite using transactional row locking instead of MySQL advisory locks.

ppeer-glitchpin/trunk/languages/ppeer-glitchpin.pot

@@ -3 +3 @@
 msgid ""
 msgstr ""
-"Project-Id-Version: GlitchPin - Visual Bug Feedback 1.2.12\n"
+"Project-Id-Version: GlitchPin - Visual Bug Feedback 1.2.23\n"
 "Report-Msgid-Bugs-To: https://wordpress.org/support/plugin/ppeer-glitchpin\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"

ppeer-glitchpin/trunk/ppeer-glitchpin.php

@@ -3 +3 @@
  * Plugin Name: GlitchPin - Visual Bug Feedback
  * Description: Collect private, local bug reports with screenshots and page context.
- * Version: 1.2.12
+ * Version: 1.2.23
  * Requires at least: 6.4
  * Requires PHP: 8.3
@@ -18 +18 @@
 defined( 'ABSPATH' ) || exit;
 
-define( 'PPBH_VERSION', '1.2.12' );
+define( 'PPBH_VERSION', '1.2.23' );
 define( 'PPBH_FILE', __FILE__ );
 define( 'PPBH_DIR', plugin_dir_path( __FILE__ ) );

ppeer-glitchpin/trunk/public/assets/reporter.js

@@ -7833 +7833 @@
   // src/reporter/capture.ts
   var import_html2canvas = __toESM(require_html2canvas());
+
+  // src/reporter/capture-styles.ts
+  function absoluteUrls(css, base) {
+    return css.replace(/url\(\s*(?:"((?:\\.|[^"\\])*)"|'((?:\\.|[^'\\])*)'|((?:\\.|[^)\\])*))\s*\)|"(?:\\.|[^"\\])*"|'(?:\\.|[^'\\])*'/gi, (token, double, single, bare) => {
+      if (double === void 0 && single === void 0 && bare === void 0) return token;
+      const value = (double ?? single ?? bare.trim()).replace(/\\([\da-f]{1,6}\s?|\r\n|[\n\r\f]|.)/gi, (_, escape) => {
+        if (/^[\da-f]/i.test(escape)) {
+          const point = parseInt(escape, 16);
+          return point > 0 && point <= 1114111 ? String.fromCodePoint(point) : "\uFFFD";
+        }
+        return /^[\n\r\f]/.test(escape) ? "" : escape;
+      });
+      try {
+        return `url(${JSON.stringify(new URL(value, base).href)})`;
+      } catch {
+        return token;
+      }
+    });
+  }
+  function stylesheetText(sheet, base) {
+    let rules;
+    try {
+      rules = Array.from(sheet.cssRules);
+    } catch {
+      return null;
+    }
+    const parts = [];
+    for (const rule of rules) {
+      if (rule instanceof CSSImportRule) {
+        const href = new URL(rule.href, base).href;
+        const imported = rule.styleSheet && stylesheetText(rule.styleSheet, href);
+        if (imported !== null) {
+          let css = imported;
+          if (rule.media.mediaText) css = `@media ${rule.media.mediaText} {${css}}`;
+          if (rule.supportsText) css = `@supports (${rule.supportsText}) {${css}}`;
+          if (rule.layerName != null) css = `@layer ${rule.layerName} {${css}}`;
+          parts.push(css);
+          continue;
+        }
+        return null;
+      }
+      parts.push(absoluteUrls(rule.cssText, base));
+    }
+    return parts.join("\n");
+  }
+  function loadedStyles() {
+    const styles = /* @__PURE__ */ new Map();
+    document.querySelectorAll('link[rel~="stylesheet" i]').forEach((link) => {
+      const entries = styles.get(link.href) ?? [];
+      entries.push({
+        css: link.sheet ? stylesheetText(link.sheet, link.href) : null,
+        disabled: link.disabled || !!link.sheet?.disabled
+      });
+      styles.set(link.href, entries);
+    });
+    return async (clone) => {
+      clone.querySelectorAll('link[rel~="stylesheet" i]').forEach((link) => {
+        let href;
+        try {
+          href = new URL(link.getAttribute("href") || "", document.baseURI).href;
+        } catch {
+          return;
+        }
+        const entry = styles.get(href)?.shift();
+        if (!entry) return;
+        if (entry.disabled) {
+          link.remove();
+          return;
+        }
+        if (entry.css === null) return;
+        const style = clone.createElement("style");
+        style.media = link.media;
+        style.nonce = link.nonce;
+        style.textContent = entry.css;
+        link.replaceWith(style);
+        if (!style.sheet) style.replaceWith(link);
+      });
+      clone.body.getBoundingClientRect();
+      if (clone.fonts) await clone.fonts.ready;
+    };
+  }
+
+  // src/reporter/capture.ts
   async function capturePage() {
     const width = window.innerWidth;
     const height = window.innerHeight;
+    const restoreStyles = loadedStyles();
     const canvas = await (0, import_html2canvas.default)(document.documentElement, {
       x: window.scrollX,
@@ -7851 +7935 @@
       removeContainer: true,
       ignoreElements: (element) => element.id === "ppbh-root",
-      onclone: (clone) => {
+      onclone: async (clone) => {
+        await restoreStyles(clone);
         if (/iPhone OS 15_(0|1)/.test(navigator.userAgent)) {
           clone.querySelectorAll("*").forEach((element) => {

ppeer-glitchpin/trunk/readme.txt

@@ -5 +5 @@
 Tested up to: 7.1
 Requires PHP: 8.3
-Stable tag: 1.2.12
+Stable tag: 1.2.23
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -80 +80 @@
 == Changelog ==
 
+= 1.2.23 =
+* Preserve loaded page styles when capturing feedback in WordPress Playground.
+* Keep stylesheet order, imported rules, media conditions, and relative asset URLs in captured screenshots.
+
 = 1.2.12 =
 * Fix feedback storage in WordPress Playground with SQLite using transactional row locking instead of MySQL advisory locks.