Automatically pass locals data to the $page store

[j4w8n]

This may be an edge use-case, but I'm curious if anyone else has a +layout.server.js file for the sole purpose of passing event.locals to the page's export let data or $page store. It's a bit boilerplate all by itself.

Lets assume locals contains locals.hello and locals.world

/* +layout.server.js */
export const load = ({ locals }) => {
  return {
    ...locals
  }
}

I'm curious about the possibility of a +page.svelte and/or +layout.svelte option that takes care of this automagically, and adds the locals info to either data (if exported) or $page. Would look something like this:

/* +page.svelte */
<script>
    import { page } from '$app/stores'
    export const locals = true

    /* locals is either explicitly available */
    console.log($page.data.locals.hello, $page.data.locals.world)

    /* or spread into `data` */
    console.log($page.data.hello, $page.data.world)
</script>

You'd wanna have a trigger, not just locals automatically getting passed through; because people sometimes store sensitive data in locals for use only on the server-side, and that data shouldn't be passed to the client. Hence, needing to do something like export const locals = true to get this behavior.

This feature wouldn't save any code if you're doing other things in +layout.server.js. At that point you already have the shell code in place. It'd be easy to just bring in locals and add it to the return statement with the rest of your data.

Cons

• Goes against the concept of having only one way of doing something.
• Hides the fact that something is happening on the server-side which you don't see, because it's not explicitly defined in +layout.server.js.
• Perhaps not much demand for such a feature.