Why does a particular route match gets disabled automatically?

Issues
1

Here’s my routes.ts config:

import { Router } from '@layer0/core/router'
import { starterRoutes } from '@layer0/starter'
import { CACHE_ASSETS, CACHE_PAGES } from './cache'
import shoppingFlowRouteHandler from './shoppingFlowRouteHandler'

const postCacheConfig = {
  edge: {
    maxAgeSeconds: 60 * 60 * 24,
    staleWhileRevalidateSeconds: 60 * 60 * 24 * 365,
    forcePrivateCaching: true,
  },
  browser: {
    maxAgeSeconds: 0,
    serviceWorkerSeconds: 60 * 60 * 24,
  },
}

export default new Router()

  // Service Worker and Browser.js
  .use(starterRoutes)

  // Partial Views
  .match('/PartialViews/:path*', ({ cache, proxy }) => {
    cache(CACHE_PAGES)
    proxy('origin')
  })

  // Home page
  .match('/', shoppingFlowRouteHandler)

  .fallback(({ proxy }) => {
    proxy('origin')
  })

But on deployments, I see the following:
image

2

Typically it shows disabled if the route does not appear to be cacheable, but based on the code I see a cache handler is defined. Looking at the project build, I no longer see the disabled label that you’ve identified in your screenshot. Perhaps this was a rendering issue/miscalculation on the page.

Please let me know if you continue to run into this as I have not been able to reproduce.