Stand-alone, cross-component functions?

Newbie to Preact here ✨ Love how fast it is.

Is it possible to share stand-alone functions across various components? Several components in my preact app share functions that are unrelated to any particular components.

For example (I custom-built my own router):

routes/index.js

export const testForUrlRedirect = ({ url, props }) => {
  ...
  return newUrl
}
export const getPageDataFromPageIdOrUrl = ({ pageId, url }) => {
  ...
  return pageData
}

MyComponent.js

import { testForUrlRedirect, getPageDataFromPageIdOrUrl } from '../routes'

In MyComponent, neither functions work as expected.

I did notice #722, yet that issue refers to functions that are part of other components. Is it possible to have stand-alone functions and share them across various components?

[JoviDeCroock]

in general, routes/*.js and routes/*/index.js must export single components, since they get auto-wrapped by the CLI for lazy loading if you have helper functions you’ll need to move them so they don’t match those patterns behind the scenes, when you do import Foo from 'routes/foo', you’re basically getting: const Foo = lazy(() => import('routes/foo'))

A bit of a more fitting explanation

[heymartinadams]

Thanks @JoviDeCroock 👌