How to use fields.file with content components an non-public path?

[tordans]

Did anyone figure our how to create a Download button component (using fields.file) to be used inside an fields.mdx that stores the downloadable file somewhere that is not the public folder?

I tried following the guide for images https://keystatic.com/docs/recipes/astro-images#content-component-images.
I can get the glob to return the xlsx file, that I want to be downloadable but then …

14:24:36 [ERROR] [Error] Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .xlsx file format, or if it's an asset, add "**/*.xlsx" to `assetsInclude` in your configuration.
  Hint:
    This issue often occurs when your MDX component encounters runtime errors.
  Stack trace:
    at TransformPluginContext._formatError (file:///Users/fmc/Development/rsv-landingpages/rsv-lp-frm7/node_modules/vite/dist/node/chunks/dep-CB_7IfJ-.js:49255:41)
    [...] See full stack trace in the browser, or rerun with --verbose.

---

Parts of the astro Component that create the error above:

const { label, file } = Astro.props

// Types: https://docs.astro.build/en/reference/api-reference/#other-files
const files = import.meta.glob<{ default: any }>('/src/assets/**/*')
console.log('xx', await files[file]?.())

My Keystatic Block Config:

Details

import { fields } from '@keystatic/core'
import { block } from '@keystatic/core/content-components'

export const keystaticDownloadButtonConfig = (imagePath: string) =>
  block({
    label: 'Download Button',
    schema: {
      label: fields.text({ label: 'Label', validation: { isRequired: true } }),
      file: fields.file({
        label: 'Datei',
        validation: { isRequired: true },
        directory: `src/assets/${imagePath}`,
        publicPath: `/src/assets/${imagePath}`,
      }),
      filename: fields.text({
        label: 'Dateiname der Datei beim Download',
        validation: { isRequired: false },
      }),
    },
    ContentView: (props) => {
      return props.value.label
    },
  })