fix: switch to codegen.macro (#286)

Honestly, this doesn't fix anything, but I want to push a release anyway... 🤷‍♂️

.babelrc

@@ -1,11 +1,15 @@
 {
   "presets": [
-    ["env", {
-      "targets": {
-        "node": "4.5"
+    [
+      "env",
+      {
+        "targets": {
+          "node": "4.5"
+        }
       }
-    }],
+    ],
     "stage-2",
     "react"
-  ]
+  ],
+  "plugins": ["babel-macros"]
 }

other/concat-exports.js → other/get-exports-code.js

@@ -1,5 +1,3 @@
-const appendToFile = require('fs').appendFileSync
-const resolve = require('path').resolve
 const htmlTagNames = require('html-tag-names')
 const svgTagNames = require('svg-tag-names')
 
@@ -29,10 +27,9 @@ const componentExports = htmlTagNames
     return `export var ${tagName} = glamorous['${capitalName}'];`
   }).join`\n`
 
-const introText =
-  '\n// these exports below are generated' +
-  "\n// and will be tree-shaken if you're using Webpack 2 or Rollup\n"
+const introText = `
+// these exports below are generated
+// and will be tree-shaken if you're using Webpack 2 or Rollup
+`
 
-const glamorousEsFile = resolve(__dirname, '..', 'dist', 'glamorous.es.js')
-
-appendToFile(glamorousEsFile, introText + componentExports)
+module.exports = introText + componentExports

package-scripts.js

@@ -48,8 +48,7 @@ module.exports = {
       ),
       es: {
         description: 'run the build with rollup (uses rollup.config.js)',
-        script:
-          'rollup --config --environment FORMAT:es && node other/concat-exports.js',
+        script: 'rollup --config --environment FORMAT:es',
         tiny: 'rollup --config --environment FORMAT:es,TINY',
       },
       cjs: {

package.json

@@ -42,12 +42,14 @@
     "all-contributors-cli": "^4.3.0",
     "babel-cli": "^6.24.1",
     "babel-jest": "^20.0.3",
+    "babel-macros": "^0.5.2",
     "babel-plugin-external-helpers": "^6.22.0",
     "babel-preset-env": "^1.5.2",
     "babel-preset-react": "^6.24.1",
     "babel-preset-stage-2": "^6.24.1",
     "babel-register": "^6.24.1",
     "bundlesize": "^0.12.2",
+    "codegen.macro": "^1.0.0",
     "common-tags": "^1.4.0",
     "cross-spawn": "^5.1.0",
     "enzyme": "^2.8.2",

rollup.config.js

@@ -64,7 +64,7 @@ export default {
       exclude: 'node_modules/**',
       babelrc: false,
       presets: [['env', {modules: false}], 'stage-2', 'react'],
-      plugins: ['external-helpers'],
+      plugins: ['external-helpers', 'babel-macros'],
     }),
     minify ? uglify() : null,
   ].filter(Boolean),

src/index.js

@@ -1,3 +1,4 @@
+import codegen from 'codegen.macro'
 import domElements from './dom-elements'
 import withTheme from './with-theme'
 import ThemeProvider from './theme-provider'
@@ -59,3 +60,11 @@ glamorous.default = glamorous
 
 export default glamorous
 export {ThemeProvider, withTheme}
+
+codegen`
+if (process.env.FORMAT === 'es') {
+  module.exports = require('../other/get-exports-code')
+} else {
+  module.exports = ''
+}
+`