gatsby-matrix-theme 53.28.5 → 53.28.7

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [53.28.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.28.6...v53.28.7) (2026-09-01)
+
+
+### Bug Fixes
+
+* compose critical-css prefix exactly like gatsby getPublicPath ([04bb5d2](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/04bb5d2635a6e8ea8f5640b3513f089484d91a36))
+* honor assetPrefix in critical-css links (subfolder-served sites 404 on root-relative hrefs) ([b0ed7ae](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b0ed7ae79877d237703b8a2fc57aaac12b46620b))
+* update game card ([ee9248e](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/ee9248ecc94ef6cf924ec155deca4d988d1951ba))
+* update operator details so the link on image is conditional ([b767875](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b76787584823fba703d7a2d7f862611e01a712dc))
+
+
+* Merge branch 'en-664-remove-links-from-images' into 'master' ([1735c02](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1735c024286d1f6077d35cfac9bdf72c2ff784e2))
+* Merge branch 'fix/critical-css-asset-prefix' into 'master' ([12003da](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/12003da1f30a0cd9b436ff765e1a8d22e22029ed))
+
+## [53.28.6](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.28.5...v53.28.6) (2026-08-26)
+
+
+### Bug Fixes
+
+* update theme ([1e126bd](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/1e126bd7928de0cd82fd194136ae56765a04de54))
+
 ## [53.28.5](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.28.4...v53.28.5) (2026-08-24)
 
 

package/critical-css/injectCriticalCss.js

@@ -39,9 +39,13 @@ function listCssChunks(publicDir) {
   return entries.filter((e) => e.isFile() && isModuleChunk(e.name)).map((e) => e.name);
 }
 
-function injectCriticalCss({ publicDir, config, reporter }) {
+function injectCriticalCss({ publicDir, config, reporter, assetPrefix }) {
   const log = reporter || { info() {}, warn() {} };
   const minLen = config && Number.isInteger(config.minClassLen) ? config.minClassLen : 5;
+  // Combined asset/path prefix of the build (e.g. https://www.meutimao.com.br/apostas). Subfolder-
+  // served sites (partnerships) load assets from there — a root-relative href 404s on the host
+  // domain. Root-served sites pass '' and keep root-relative links.
+  const prefix = typeof assetPrefix === 'string' ? assetPrefix.replace(/\/+$/, '') : '';
 
   const chunkFiles = listCssChunks(publicDir);
   if (!chunkFiles.length) {
@@ -132,10 +136,18 @@ function injectCriticalCss({ publicDir, config, reporter }) {
       let add = '';
       for (const f of needed) {
         // skip chunks already inlined by the core theme (data-href, e.g. the base chunk) or
-        // already linked (href) — idempotent, avoids double-loading.
-        // eslint-disable-next-line no-continue
-        if (html.includes(`data-href="/${f}"`) || html.includes(`href="/${f}"`)) continue;
-        add += `<link rel="stylesheet" href="/${f}" data-crit="${f}">`;
+        // already linked (href) — idempotent, avoids double-loading. Check both the prefixed and
+        // root-relative forms: the core theme's inlined data-href carries the prefix on prefixed
+        // builds, while root-served builds emit root-relative everywhere.
+        if (
+          html.includes(`data-href="${prefix}/${f}"`) ||
+          html.includes(`href="${prefix}/${f}"`) ||
+          html.includes(`data-href="/${f}"`) ||
+          html.includes(`href="/${f}"`)
+        )
+          // eslint-disable-next-line no-continue
+          continue;
+        add += `<link rel="stylesheet" href="${prefix}/${f}" data-crit="${f}">`;
         totalLinked += 1;
       }
       // eslint-disable-next-line no-continue

package/critical-css/injectCriticalCss.test.js

@@ -111,6 +111,47 @@ describe('injectCriticalCss (integration over a temp public/)', () => {
     expect(read('index.html')).toBe(original);
   });
 
+  const runPrefixed = (assetPrefix) =>
+    injectCriticalCss({
+      publicDir: dir,
+      config: { enabled: true, skipRoutes: ['preview'], minClassLen: 5 },
+      reporter: silent,
+      assetPrefix,
+    });
+
+  test('prefixes hrefs with assetPrefix on subfolder-served builds', () => {
+    write('page-data/index/page-data.json', pageData());
+    write('index.html', html('<div class="Bonus_wrap__x1">x</div>'));
+    runPrefixed('https://www.meutimao.com.br/apostas/'); // trailing slash must be normalized
+    const out = read('index.html');
+    expect(out).toContain(
+      '<link rel="stylesheet" href="https://www.meutimao.com.br/apostas/100.aaa.css" data-crit="100.aaa.css">',
+    );
+  });
+
+  test('prefixed: does not double-link a chunk inlined with a prefixed data-href', () => {
+    write('page-data/index/page-data.json', pageData());
+    write(
+      'index.html',
+      html('<div class="Bonus_wrap__x1">x</div>').replace(
+        '<title>t</title>',
+        '<title>t</title><style data-href="https://www.meutimao.com.br/apostas/100.aaa.css">.Bonus_wrap__x1{}</style>',
+      ),
+    );
+    runPrefixed('https://www.meutimao.com.br/apostas');
+    expect(read('index.html')).not.toContain('data-crit="100.aaa.css"');
+  });
+
+  test('prefixed: is idempotent across runs', () => {
+    write('page-data/index/page-data.json', pageData());
+    write('index.html', html('<div class="Bonus_wrap__x1 Toplist_row__y2">x</div>'));
+    runPrefixed('https://www.meutimao.com.br/apostas');
+    runPrefixed('https://www.meutimao.com.br/apostas');
+    const out = read('index.html');
+    expect(out.match(/data-crit="100\.aaa\.css"/g)).toHaveLength(1);
+    expect(out.match(/data-crit="200\.bbb\.css"/g)).toHaveLength(1);
+  });
+
   test('guards: missing public dir does not throw', () => {
     expect(() =>
       injectCriticalCss({ publicDir: path.join(dir, 'nope'), config: { enabled: true }, reporter: silent }),

package/critical-css/publicPrefix.js

@@ -0,0 +1,28 @@
+/**
+ * composePublicPrefix — the combined prefix a build's asset URLs carry, replicating Gatsby's own
+ * getPublicPath algorithm (gatsby/dist/utils/get-public-path.js, the source of __PATH_PREFIX__ and
+ * webpack publicPath). Kept as a copy rather than requiring the private Gatsby path, but must stay
+ * in sync with it:
+ *   - only active when the build ran with --prefix-paths and a prefix is configured
+ *   - each part is trimmed of ONE leading and ONE trailing slash (Gatsby's exact regex — this is
+ *     what keeps a protocol-relative `//cdn...` prefix working), empty parts dropped, joined by '/'
+ *   - a result that is not a URL (http(s):// or protocol-relative //) gets a forced leading slash
+ * Returns '' (root-served) or a prefix with no trailing slash, safe to use as `${prefix}/${file}`.
+ */
+
+const trimSlashes = (part) => part.replace(/(^\/)|(\/$)/g, '');
+const isURL = (possibleUrl) =>
+  ['http://', 'https://', '//'].some((expr) => possibleUrl.startsWith(expr));
+
+function composePublicPrefix({ assetPrefix, pathPrefix, prefixPaths }) {
+  if (prefixPaths && (assetPrefix || pathPrefix)) {
+    const normalized = [assetPrefix, pathPrefix]
+      .filter((part) => (part ? part.length > 0 : false))
+      .map((part) => trimSlashes(part))
+      .join('/');
+    return isURL(normalized) ? normalized : `/${normalized}`;
+  }
+  return '';
+}
+
+module.exports = { composePublicPrefix };

package/critical-css/publicPrefix.test.js

@@ -0,0 +1,45 @@
+import { composePublicPrefix } from './publicPrefix';
+
+// Mirrors Gatsby's getPublicPath (gatsby/dist/utils/get-public-path.js) — these cases are the
+// documented semantics of __PATH_PREFIX__ / webpack publicPath.
+describe('composePublicPrefix', () => {
+  test('returns "" when prefixPaths is off, regardless of config', () => {
+    expect(
+      composePublicPrefix({ assetPrefix: 'https://cdn.example.com', pathPrefix: '/sub', prefixPaths: false }),
+    ).toBe('');
+  });
+
+  test('returns "" when nothing is configured', () => {
+    expect(composePublicPrefix({ assetPrefix: undefined, pathPrefix: undefined, prefixPaths: true })).toBe('');
+    expect(composePublicPrefix({ assetPrefix: '', pathPrefix: '', prefixPaths: true })).toBe('');
+  });
+
+  test('URL assetPrefix: trailing slash trimmed, no leading slash forced', () => {
+    expect(
+      composePublicPrefix({ assetPrefix: 'https://www.meutimao.com.br/apostas/', prefixPaths: true }),
+    ).toBe('https://www.meutimao.com.br/apostas');
+  });
+
+  test('protocol-relative assetPrefix keeps its form', () => {
+    expect(composePublicPrefix({ assetPrefix: '//cdn.example.com/', prefixPaths: true })).toBe(
+      '//cdn.example.com',
+    );
+  });
+
+  test('pathPrefix only: leading slash forced, trailing trimmed', () => {
+    expect(composePublicPrefix({ pathPrefix: '/blog/', prefixPaths: true })).toBe('/blog');
+    expect(composePublicPrefix({ pathPrefix: 'blog', prefixPaths: true })).toBe('/blog');
+  });
+
+  test('assetPrefix + pathPrefix joined with a single slash', () => {
+    expect(
+      composePublicPrefix({ assetPrefix: 'https://cdn.example.com/', pathPrefix: '/blog/', prefixPaths: true }),
+    ).toBe('https://cdn.example.com/blog');
+  });
+
+  test('non-URL assetPrefix gets a forced leading slash (Gatsby getPublicPath parity)', () => {
+    expect(composePublicPrefix({ assetPrefix: 'cdn.example.com', prefixPaths: true })).toBe(
+      '/cdn.example.com',
+    );
+  });
+});

package/gatsby-node.js

@@ -21,6 +21,7 @@
 const path = require('path');
 const { resolveConfig } = require('./critical-css/config');
 const { injectCriticalCss } = require('./critical-css/injectCriticalCss');
+const { composePublicPrefix } = require('./critical-css/publicPrefix');
 const { resolveConfig: resolveWidgetHeightsConfig } = require('./widget-heights/config');
 const { measureHeights, closeSharedBrowser } = require('./widget-heights/measureHeights');
 const { applyWidgetHeights } = require('./widget-heights/applyWidgetHeights');
@@ -65,10 +66,18 @@ exports.onPostBuild = async ({ reporter, store }, pluginOptions) => {
   const cfg = resolveConfig(pluginOptions);
   if (!cfg.enabled) return;
   try {
-    const dir =
-      (store && store.getState && store.getState().program && store.getState().program.directory) ||
-      process.cwd();
-    injectCriticalCss({ publicDir: path.join(dir, 'public'), config: cfg, reporter });
+    const state = (store && store.getState && store.getState()) || {};
+    const dir = (state.program && state.program.directory) || process.cwd();
+    // Combined prefix the build's asset URLs carry (gatsby build --prefix-paths): assetPrefix +
+    // pathPrefix, composed like Gatsby's own getPublicPath (see ./critical-css/publicPrefix).
+    // Subfolder-served sites (assetPrefix e.g. https://www.meutimao.com.br/apostas/) 404 on
+    // root-relative links.
+    const assetPrefix = composePublicPrefix({
+      assetPrefix: state.config && state.config.assetPrefix,
+      pathPrefix: state.config && state.config.pathPrefix,
+      prefixPaths: Boolean(state.program && state.program.prefixPaths),
+    });
+    injectCriticalCss({ publicDir: path.join(dir, 'public'), config: cfg, reporter, assetPrefix });
   } catch (e) {
     reporter.warn(`[critical-css] onPostBuild skipped: ${e && e.message}`);
   }

package/gatsby-ssr.js

@@ -48,8 +48,9 @@ function resolvePublicDir() {
   return null;
 }
 
-function getModuleCssLinks() {
-  // only cache a non-empty success; retry on failure (dir may not be resolvable on an early call)
+function getModuleCssLinks(prefix) {
+  // only cache a non-empty success; retry on failure (dir may not be resolvable on an early call).
+  // prefix is constant for the life of a build/server process, so the cache stays valid.
   if (cachedLinks && cachedLinks.length) return cachedLinks;
   try {
     const dir = resolvePublicDir();
@@ -59,7 +60,7 @@ function getModuleCssLinks() {
       React.createElement('link', {
         key: f,
         rel: 'stylesheet',
-        href: `/${f}`,
+        href: `${prefix}/${f}`,
         'data-crit-ssr': f,
       })
     );
@@ -78,13 +79,16 @@ function firstSegment(pathname) {
   );
 }
 
-exports.onRenderBody = ({ setHeadComponents, pathname }, pluginOptions) => {
+exports.onRenderBody = ({ setHeadComponents, pathname, pathPrefix }, pluginOptions) => {
   try {
     const cfg = resolveConfig(pluginOptions);
     if (!cfg.enabled) return;
     if (!cfg.skipRoutes.includes(firstSegment(pathname))) return;
 
-    const links = getModuleCssLinks();
+    // pathPrefix here is Gatsby's combined __PATH_PREFIX__ (assetPrefix + pathPrefix) on
+    // --prefix-paths builds — required for subfolder-served sites, '' on root-served ones.
+    const prefix = typeof pathPrefix === 'string' ? pathPrefix.replace(/\/+$/, '') : '';
+    const links = getModuleCssLinks(prefix);
     if (links.length) setHeadComponents(links);
   } catch (e) {
     /* never break SSR over a CSS optimisation */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.28.5",
+  "version": "53.28.7",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -26,7 +26,7 @@
     "@gigmedia/enigma-utils": "^1.20.0",
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "44.35.8",
+    "gatsby-core-theme": "44.35.9",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/atoms/cards/game-cards/template-one/index.js

@@ -25,6 +25,7 @@ const TemplateOne = ({
   modulePosition,
   itemPosition,
   moduleStyle,
+  showImageAsLink = true,
 }) => {
   const { relation, path, banner } = item;
   const { name } = relation || {};
@@ -35,26 +36,45 @@ const TemplateOne = ({
   const gameImage = relation?.logo?.filename || banner;
 
   return (
-    <div className={`${styles?.baseCard || ''} ${featured ? styles.featured || '' : ''} ${moduleStyle ? styles[moduleStyle] || '' : ''}`}>
-      <Link
-        to={path}
-        className={`game-card-gtm ${styles?.cardBanner || ''}`}
-        aria-label={useTranslate(
-          `ariaLabel-${name || item?.title}Link`,
-          `${name || item?.title} Link`
-        )}
-      >
-        {storybookImage || gameImage ? (
-          <LazyImage
-            width={width}
-            height={height}
-            src={storybookImage || imagePrettyUrl(gameImage, width, height)}
-            alt={getAltText(relation?.logo, name || item?.title)}
-          />
-        ) : (
-          <GatsbyImg filename="default-slot.jpg" alt={name || item?.title} />
-        )}
-      </Link>
+    <div
+      className={`${styles?.baseCard || ''} ${featured ? styles.featured || '' : ''} ${
+        moduleStyle ? styles[moduleStyle] || '' : ''
+      }`}
+    >
+      {showImageAsLink ? (
+        <Link
+          to={path}
+          className={`game-card-gtm ${styles?.cardBanner || ''}`}
+          aria-label={useTranslate(
+            `ariaLabel-${name || item?.title}Link`,
+            `${name || item?.title} Link`
+          )}
+        >
+          {storybookImage || gameImage ? (
+            <LazyImage
+              width={width}
+              height={height}
+              src={storybookImage || imagePrettyUrl(gameImage, width, height)}
+              alt={getAltText(relation?.logo, name || item?.title)}
+            />
+          ) : (
+            <GatsbyImg filename="default-slot.jpg" alt={name || item?.title} />
+          )}
+        </Link>
+      ) : (
+        <>
+          {storybookImage || gameImage ? (
+            <LazyImage
+              width={width}
+              height={height}
+              src={storybookImage || imagePrettyUrl(gameImage, width, height)}
+              alt={getAltText(relation?.logo, name || item?.title)}
+            />
+          ) : (
+            <GatsbyImg filename="default-slot.jpg" alt={name || item?.title} />
+          )}
+        </>
+      )}
       <div className={`${styles?.cardContent || ''} ${featured ? styles?.featured || '' : ''}`}>
         <Link to={path} className="game-card-gtm">
           <span className={styles?.cardTitle || ''}>{name || item?.title}</span>
@@ -165,6 +185,7 @@ TemplateOne.propTypes = {
   modulePosition: PropTypes.number,
   itemPosition: PropTypes.number,
   moduleStyle: PropTypes.string,
+  showImageAsLink: PropTypes.bool
 };
 
 export default TemplateOne;

package/src/components/molecules/operator-details/index.js

@@ -53,6 +53,7 @@ const OperatorDetails = ({
   showVerificationBadge = false,
   verificationBadgeByName = false,
   reviewPathProp = null,
+  showImageAsLink= true
 }) => {
   const itemName = item?.name || item?.relation?.name;
   const status = item?.status || item?.relation?.status;
@@ -84,35 +85,44 @@ const OperatorDetails = ({
       </Link>
     );
 
+  const logoContent = (
+    <>
+      <LazyImage
+        src={imagePrettyUrl(image?.filename, imageWidth, imageHeight)}
+        alt={getAltText(image, itemName)}
+        width={imageWidth}
+        height={imageHeight}
+        className={styles.image}
+        loading={imageLoad}
+      />
+
+      {showRibbon &&
+        !contentRibbon &&
+        (status === 'active'
+          ? hasRibbons && (
+              <Ribbons
+                item={[ribbons[0]]}
+                customStyle={`${styles.ribbon} ${contentRibbon && styles.contentRibbon}`}
+              />
+            )
+          : showNonActiveRibbons && (
+              <Ribbons
+                item={[useTranslate(`${status}_ribbon`, ribbonText[`${status}_ribbon`])]}
+                customStyle={`${styles.ribbon} ${contentRibbon && styles.contentRibbon} ${
+                  styles[status] || ''
+                }`}
+              />
+            ))}
+    </>
+  );
+
   return (
     <div className={`${styles.operatorDetails} ${costumeStyle}`}>
-      <Tag classStyle="logo-cta-gtm">
-        <LazyImage
-          src={imagePrettyUrl(image?.filename, imageWidth, imageHeight)}
-          alt={getAltText(image, itemName)}
-          width={imageWidth}
-          height={imageHeight}
-          className={styles.image}
-          loading={imageLoad}
-        />
-        {showRibbon &&
-          !contentRibbon &&
-          (status === 'active'
-            ? hasRibbons && (
-                <Ribbons
-                  item={[ribbons[0]]}
-                  customStyle={`${styles.ribbon} ${contentRibbon && styles.contentRibbon}`}
-                />
-              )
-            : showNonActiveRibbons && (
-                <Ribbons
-                  item={[useTranslate(`${status}_ribbon`, ribbonText[`${status}_ribbon`])]}
-                  customStyle={`${styles.ribbon} ${contentRibbon && styles.contentRibbon} ${
-                    styles[status] || ''
-                  }`}
-                />
-              ))}
-      </Tag>
+      {showImageAsLink ? (
+        <Tag classStyle="logo-cta-gtm">{logoContent}</Tag>
+      ) : (
+        <div className={styles.logoContent}>{logoContent}</div>
+      )}
 
       <div className={styles.details}>
         {showRibbon &&
@@ -253,6 +263,7 @@ OperatorDetails.propTypes = {
   showVerificationBadge: PropTypes.bool,
   verificationBadgeByName: PropTypes.bool,
   reviewPathProp: PropTypes.string,
+  showImageAsLink: PropTypes.bool
 };
 
 export default OperatorDetails;