Skip to content

Instantly share code, notes, and snippets.

View htdat's full-sized avatar

Dat Hoang htdat

View GitHub Profile
Index: client/payment-methods/index.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/client/payment-methods/index.js b/client/payment-methods/index.js
--- a/client/payment-methods/index.js (revision d8958789371cd08850016c48ee2bec9f9b363a0a)
+++ b/client/payment-methods/index.js (date 1648624598757)
@@ -243,7 +243,7 @@
<CardBody size={ null }>

Skeleton Component Export Analysis

The Skeleton component at plugins/woocommerce/client/blocks/assets/js/base/components/skeleton/ is not exported by any npm package and is not available for use by external extensions.

How it's used internally

  • Imported via the webpack alias @woocommerce/base-components/skeleton
  • This alias is defined in webpack-helpers.js#L55 and resolves to assets/js/base/components/
  • @woocommerce/base-components is not a real npm package — it only exists at build time within the blocks webpack config
@htdat
htdat / woopay-pattern-style-variation-fix.md
Created April 7, 2026 04:22
PR #11545: WooPay appearance extraction — block pattern resolution & style variation support (ASCII diagrams)

PR #11545: WooPay Block Pattern & Style Variation Fix

ASCII diagrams describing the changes in Automattic/woocommerce-payments#11545.

1. Before vs After: Color Extraction Flow

BEFORE (broken on modern themes)
═════════════════════════════════