feat(format): new built-in format for es6 module object

[jackholden]

Based on a conversation on Slack to create a PR

This PR adds a new format for generating ES6 module exports for the dictionary object. Also includes a minify flag so you can output just the values.

Usage:

Config (config.js):

export default {
  source: ["src/tokens/color.json"],
  platforms: {
    css: {
      transformGroup: "css",
      files: [
        {
          destination: "vars.css",
          format: "css/variables",
        },
      ],
    },
    es6Module: {
      transformGroup: "js",
      files: [
        {
          destination: "vars.js",
          format: "javascript/es6-module",
          options: {
            minify: true,
          },
        },
      ],
    },
  },
};

Input (color.json):

{
  "colors": {
    "$type": "color",
    "black": {
      "$value": "#000000"
    },
    "white": {
      "$value": "#ffffff"
    },
    "orange": {
      "100": {
        "$value": "#fffaf0"
      },
      "200": {
        "$value": "#feebc8"
      },
      "300": {
        "$value": "#fbd38d"
      },
      "400": {
        "$value": "#f6ad55"
      },
      "500": {
        "$value": "#ed8936"
      },
      "600": {
        "$value": "#dd6b20"
      },
      "700": {
        "$value": "#c05621"
      },
      "800": {
        "$value": "#9c4221"
      },
      "900": {
        "$value": "#7b341e"
      }
    }
  }
}

Output:

export default {
  "colors": {
    "black": "#000000",
    "white": "#ffffff",
    "orange": {
      "100": "#fffaf0",
      "200": "#feebc8",
      "300": "#fbd38d",
      "400": "#f6ad55",
      "500": "#ed8936",
      "600": "#dd6b20",
      "700": "#c05621",
      "800": "#9c4221",
      "900": "#7b341e"
    }
  },
};

Example usage:

import vars from '@your-namespace-package/tokens';

console.log(vars.colors.black); // #000000

[aws-amplify-us-west-1]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-1380.d16eby4ekpss5y.amplifyapp.com

[jorenbroekema]

Small thing, but not a big deal, looks good to me

[jorenbroekema]

Added a commit with changeset and renamed it to javascript/esm for brevity