I'm not familiar with m3o, but my ES6 translation of what you posted would be:

import { default as m3o } from 'm3o';
m3o(process.env.M3O_API_TOKEN);

Hi @awesomebanana2018!
We only provide plugins to compile your code from modern syntax to older one. However, there are many "unofficial" plugins that might help you.

What you are looking for is technically called a codemod: it's a transformation that you run on your source code only one time, and not as a build step to create a "dist" version of your app.

An example of such codemod/plugin is https://github.com/tbranyen/babel-plugin-transform-commonjs. However, please note that it might not fit exactly your needs, because a CommonJS->ES modules transformation could be done in many different ways. In that case, I suggest trying to write your own plugin that does exactly what you need.

Just drop the IIFE from your module pattern - ES6 modules come with their own scope.

import extend from './extend.js';

export default function WorkflowDesigner(element, options) {
  if ($(element).hasClass('panel')) {
    this.panel = $(element);
  } else {
    this.panel = $(element).closest('.panel');
  }
}

extend(Object, WorkflowDesigner, {
  getWorkflowName: () => 'WorkflowName001',
  …
});

const $ = jQuery; // you might want to solve this with a proper `import`
$.fn.createWorkflowDesigner = function (options) {
  debugger;
  return this.map(function (index, element) {
    return new WorkflowDesigner($(element), options);
  });
};

Working with CommonJS modules is pretty straight forward. You can only do default exports from CommonJS modules.

import packageMain from 'commonjs-package'; // Works
import { method } from 'commonjs-package'; // Errors

This means that all commonjs exports will live on the packageMain object, and you need to dot in to the packageMain object to pickup what you need.

packageMain.method1()

More info in the official nodejs docs

This line:

require('./app/routes/routes')(app)

is importing a function and then calling it. It is logically the same as:

const init = require('./app/routes/routes');
init(app);

So, to translate this to ESM, you change your routes module to export a named function. You can then import that named function and then call it (pass app to it).

routes.js

import express from 'express';
import recipe from '../controllers/recipe-controller.js';

export function init(app) {
    // Create a new Recipe
    const router = express.Router();
    router.post('/recipe', recipe.create);
    app.use('/api/recipes', router);
}

server.js

import express from 'express'
import db from './app/models/index'
import init from './app/routes/routes';

const app = express();

app.get('/', (req, res) => {
  res.json({ message: 'Welcome to bezkoder application.' });
});

init(app);

const PORT = process.env.PORT || 8080;
app.listen(PORT, () => {
  console.log(`Server is running on port ${PORT}.`);
});