') + ')', 'gi'); if (regex.test(text)) { found = true; var frag = document.createDocumentFragment(); var parts = text.split(regex); parts.forEach(function(part, i) { if (i % 2 === 0) { frag.appendChild(document.createTextNode(part)); } else { var span = document.createElement('span'); span.className = 'userscript-highlight'; span.textContent = part; frag.appendChild(span); } }); node.parentNode.replaceChild(frag, node); } }); } else if (node.nodeType === 1 && node.childNodes) { // element var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT']; if (!skipTags.includes(node.tagName)) { Array.from(node.childNodes).forEach(highlight); } } } highlight(document.body); // Re-highlight on dynamic content var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1 || node.nodeType === 3) highlight(node); }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Strip utm_, fbclid, gclid, etc. from all links on page (function() { var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content', 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid', 'ref', 'ref_src', 'source', 'medium', 'campaign']; function cleanUrl(url) { try { var u = new URL(url, window.location.origin); var changed = false; trackingParams.forEach(function(p) { if (u.searchParams.has(p)) { u.searchParams.delete(p); changed = true; } }); return changed ? u.toString() : url; } catch (e) { return url; } } function cleanLinks() { document.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } cleanLinks(); var observer = new MutationObserver(function(mutations) { mutations.forEach(function(m) { m.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'A') cleanLinks(); node.querySelectorAll('a[href]').forEach(function(a) { var clean = cleanUrl(a.href); if (clean !== a.href) a.href = clean; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Auto-enable theater mode on YouTube (function() { function tryTheater() { var btn = document.querySelector('button[aria-label="Theater mode"], ytd-player #player button[title="Theater mode"]'); if (btn && !btn.classList.contains('activated')) { btn.click(); } } // Try immediately tryTheater(); // Try after navigation (SPA) var lastUrl = location.href; setInterval(function() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(tryTheater, 500); } }, 1000); // Also try on player load var observer = new MutationObserver(tryTheater); observer.observe(document.body, { childList: true, subtree: true }); })(); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + ', 'i'); if (__m === '*' || __re.test(location.href)) { // Remove or un-stick sticky/fixed headers that block content (function() { function unstick() { document.querySelectorAll('header, nav, [role="banner"], .header, .navbar, .sticky, .fixed-top, [style*="position: fixed"], [style*="position:sticky"]').forEach(function(el) { if (el.style.position === 'fixed' || el.style.position === 'sticky' || getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') { el.style.position = 'static'; el.style.top = 'auto'; el.style.zIndex = 'auto'; } }); } unstick(); var observer = new MutationObserver(unstick); observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }); })(); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); })(); `stache:warm` does not work properly in multisite setup (multisite entries not being "linked" anymore) · Issue #9631 · statamic/cms · GitHub
Skip to content

stache:warm does not work properly in multisite setup (multisite entries not being "linked" anymore) #9631

Closed
#9661
Closed
stache:warm does not work properly in multisite setup (multisite entries not being "linked" anymore)#9631
#9661
Labels
criticalmultisitestache

Description

@Sm1lEE
Sm1lEE
opened on Mar 1, 2024

Bug description

What happened?

When clearing all cache via the Cache Manager in the CP in a multisite setup, the connection between origin and translated pages is lost. An additional Stache Warm via the Cache Manager sometimes help, but not reliably. The problematic behavior specifically occurs, when you have the Cache Manager and the origin page (CP) opened in two separate tabs.

I've seen this first happen to a bunch of websites after upgrading to Statamic v4.51.0. We noticed that after a cache:clear command, the language switch did not work anymore. After further testing, we discovered the previously mentioned behavior of unlinked translation pages.

What did you expect to happen?

I expected that after clearing the cache, the stache would automatically be filled up when I visit related entries or pages. As described above, this did not happen.

clear-all-cache-and-stache-warm-issue.mp4

How to reproduce

  • Install the Multisimplicity Starter Kit: statamic new mysite statamic/starter-kit-multisimplicity
  • install node modules: npm install
  • build: npm run production
  • open the Cache Manager in the control panel in browser tab 1
  • open the home page "About The Getaway" in the control panel in browser tab 2
  • clear all cache using the "Clear All" button in the control panel
  • refresh browser tab 2, containing the "About The Getaway" page -> the connection between the english origin and the two translated languages is lost
  • when visiting the frontend, the language switch is missing in the header

I could "solve" the issue by warming the stache multiple times after clearing all cache. While doing this, I also noticed that the Content Stache size increased the first 3, 4 times.
Another way was to navigate to the "About The Getaway" page via the CP after clearing the cache instead of switching to the already opened second tab.

Logs

No entries in the log file.

Environment

EnvironmentApplication Name: StatamicLaravel Version: 10.46.0PHP Version: 8.3.3Composer Version: 2.7.1Environment: localDebug Mode: OFFURL: mysite.testMaintenance Mode: OFFCacheConfig: NOT CACHEDEvents: NOT CACHEDRoutes: NOT CACHEDViews: CACHEDDriversBroadcasting: logCache: statamicDatabase: mysqlLogs: stack / singleMail: smtpQueue: syncSession: fileStatamicAddons: 0Antlers: runtimeSites: 3 (The Getaway, Die Flucht, L'Escapade)Stache Watcher: DisabledStatic Caching: halfVersion: 4.51.0 PRO

Installation

Starter Kit using via CLI

Antlers Parser

Runtime (default)

Additional details

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    criticalmultisitestache

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions