Config changes / umd

.babelrc

@@ -0,0 +1,11 @@
+{
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "useBuiltIns": "usage",
+        "corejs": 3,
+      },
+    ]
+  ]
+}

.browserslistrc

@@ -0,0 +1 @@
+last 2 versions, not dead

.eslintrc.js

@@ -2,5 +2,6 @@ module.exports = {
   extends: "@hacss",
   parserOptions: {
     ecmaVersion: 2018,
+    sourceType: "module",
   },
 };

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 .eslintcache
+dist

package.json

@@ -4,7 +4,9 @@
   "description": "Create simple shorthand properties that expand one declaration into multiple.",
   "main": "index.js",
   "scripts": {
-    "test": "mocha test"
+    "prepublishOnly": "webpack",
+    "pretest": "webpack",
+    "test": "node test"
   },
   "repository": {
     "type": "git",
@@ -28,20 +30,23 @@
   },
   "homepage": "https://hacss.io/",
   "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "@hacss/compose-plugins": "^1.0.1",
     "@hacss/eslint-config": "^1.0.0",
+    "@hacss/plugin-copy": "^1.1.0",
+    "@hacss/plugin-delete": "^1.1.0",
     "@hacss/prettier-config": "^1.0.0",
-    "chai": "^4.2.0",
+    "babel-loader": "^8.1.0",
+    "core-js-pure": "^3.6.5",
     "eslint": "^6.8.0",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.2",
-    "mocha": "^7.1.2",
-    "prettier": "^2.0.5"
-  },
-  "dependencies": {
-    "@hacss/compose-plugins": "^1.0.1",
-    "@hacss/plugin-copy": "^1.0.0",
-    "@hacss/plugin-delete": "^1.0.0"
+    "prettier": "^2.0.5",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.11"
   },
+  "dependencies": {},
   "prettier": "@hacss/prettier-config",
   "husky": {
     "hooks": {
@@ -54,5 +59,8 @@
       "eslint --cache --fix",
       "npm test"
     ]
+  },
+  "peerDependencies": {
+    "@hacss/core": "^1.0.0"
   }
 }

src/index.js

@@ -0,0 +1,5 @@
+import compose from "@hacss/compose-plugins";
+import copy from "@hacss/plugin-copy/src/index.js";
+import del from "@hacss/plugin-delete/src/index.js";
+
+export default spec => compose(del(Object.keys(spec)), copy(spec));

test/index.js

@@ -1,23 +1,22 @@
-const { expect } = require("chai");
-const expandPlugin = require("../index.js");
+const assert = require("assert");
+const expandPlugin = require("../dist/hacss-plugin-expand.umd.js");
 
-describe("expand plugin", () => {
-  const spec = {
-    "margin-x": ["margin-left", "margin-right"],
-  };
+const spec = {
+  "margin-x": ["margin-left", "margin-right"],
+};
 
-  const [ expand, properties ] = expandPlugin(spec);
+const test = (actual, expected) => {
+  console.log(`${JSON.stringify(actual)} === ${JSON.stringify(expected)}`);
+  assert.deepEqual(actual, expected);
+};
 
-  it("should expand specified properties", () => {
-    expect(expand({ "margin-x": "20px", "padding-top": "40px" }))
-      .to.deep.equal({
-        "margin-left": "20px",
-        "margin-right": "20px",
-        "padding-top": "40px",
-      });
-  });
+const [expand, properties] = expandPlugin(spec);
 
-  it("should add the properties in the spec to the list of recognized properties", () => {
-    expect(properties).to.deep.equal(Object.keys(spec));
-  });
+test(expand({ "margin-x": "20px", "padding-top": "40px" }), {
+  "margin-left": "20px",
+  "margin-right": "20px",
+  "padding-top": "40px",
 });
+
+test(properties, Object.keys(spec));
+console.log("All tests passed.");

webpack.config.js

@@ -0,0 +1,26 @@
+const path = require("path");
+
+module.exports = [
+  ["hacss-plugin-expand.umd.js", "development"],
+  ["hacss-plugin-expand.umd.min.js", "production"],
+].map(([filename, mode]) => ({
+  entry: "./src/index.js",
+  output: {
+    path: path.join(__dirname, "dist"),
+    filename,
+    library: ["hacssPlugins", "expand"],
+    libraryTarget: "umd",
+    globalObject: "this",
+    libraryExport: "default",
+  },
+  resolve: {
+    alias: {
+      "core-js": "core-js-pure",
+    },
+  },
+  module: {
+    rules: [{ test: /\.js$/, use: "babel-loader" }],
+  },
+  mode,
+  devtool: "source-map",
+}));