How to enable Top level await in PayloadCMS project?

harleyqueens

10 months ago

5

• 

  jmikrut

  Payload Team

  10 months ago

  Hey @harleyqueens I responded to your issue on GitHub, and I'd certainly be interested in tracking down any incompatible packages that Payload relies on to be able to run ESM

  
  

  
  

  to get around top-level await, for now, you could always just wrap your server code in a function and then call it

  
  

  
  

  import express from 'express';
  import payload from 'payload';
  
  require('dotenv').config();
  const app = express();
  
  // Redirect root to Admin panel
  app.get('/', (_, res) => {
    res.redirect('/admin');
  });
  
  const start = async () => {
  
    // Fetch your secrets
    await fetchSecrets()
  
    // Initialize Payload
    await payload.initAsync({
      secret: process.env.PAYLOAD_SECRET,
      mongoURL: process.env.MONGODB_URI,
      express: app,
      onInit: () => {
        payload.logger.info(`Payload Admin URL: ${payload.getAdminURL()}`)
      },
    })
  
    // Add your own express routes here
  
    app.listen(3000);
  }
  
  start()

  
  

  
  

  would something like that be a stop-gap solution for you?

  
  

  
  

  still though, it seems like we shouldn't need to support ESM to support a higher target than es5

  
  

  
  

  and even still, i'd expect that TS should be able to transpile top-level await to es5 anyway

  
  

  
  

  there's certainly more reading / thinking to be done here

• 

  harleyqueens

  10 months ago

  Yes I am doing this rn

  
  

  
  

  But TOp level is cleaner

• 

  wiesson

  last month

  I have the same question 🙂

• 

  remy_90

  last month

  Would love to hear what the plans are around this

• 

  wiesson

  last month

  I assume that once payload switches from CJS to ESM, everything will be better and we can have top level await