fix(.gitignore): deconflict ignored files with published files

Author: llorca

.gitignore

@@ -2,8 +2,7 @@
 /node_modules
 
 # Production
-/**/*.js
-/**/*.js.map
+lib/**/*.js
 
 # Misc
 .DS_Store

README.md

@@ -14,4 +14,4 @@ react-layered-image is an interactive, multi-layer image component for
 
 ## License
 
-react-layered-image is [MIT licensed](./LICENSE).
+[MIT](./LICENSE)

commitlint.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"],
+};

dist/index.js

@@ -0,0 +1,29 @@
+import React from "react";
+import { render } from "react-dom";
+
+import LayeredImage from "react-layered-image";
+
+const rootDivStyle = {
+  position: "absolute",
+  top: 0,
+  right: 0,
+  bottom: 0,
+  left: 0,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  backgroundColor: "rgba(238, 239, 244, 1)",
+};
+
+render(
+  <div style={rootDivStyle}>
+    <LayeredImage
+      layers={["http://kloc.pm/images/back.png", "http://kloc.pm/images/front.png"]}
+      aspectRatio={0.75}
+      borderRadius={8}
+      lightOpacity={0.15}
+      shadowColor="#1f2933"
+    />
+  </div>,
+  document.getElementById("root"),
+);

dist/index.js.map

@@ -1,4 +1,3 @@
-// export { LayeredImage, ILayeredImageProps, ILayeredImageState } from "./LayeredImage";
 import LayeredImage, { ILayeredImageProps, ILayeredImageState } from "./LayeredImage";
 
 export { ILayeredImageProps, ILayeredImageState };

example/src/index.js

@@ -0,0 +1,40 @@
+const path = require("path");
+const CleanWebpackPlugin = require("clean-webpack-plugin");
+const CopyWebpackPlugin = require("copy-webpack-plugin");
+
+module.exports = {
+  entry: "./lib/index.ts",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "index.js",
+    library: "react-layered-image",
+    libraryTarget: "umd",
+  },
+  resolve: {
+    extensions: [".js", "jsx", ".ts", ".tsx"],
+  },
+  externals: {
+    react: "react",
+  },
+  module: {
+    rules: [
+      {
+        test: /\.tsx?$/,
+        loader: "awesome-typescript-loader",
+        exclude: /node_modules/,
+        query: {
+          declaration: false,
+        },
+      },
+    ],
+  },
+  plugins: [
+    new CleanWebpackPlugin(["dist"]),
+    new CopyWebpackPlugin([
+      {
+        from: "typings/LayeredImage.d.ts",
+        to: "index.d.ts",
+      },
+    ]),
+  ],
+};

lib/index.ts

@@ -0,0 +1,9 @@
+const merge = require("webpack-merge");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  devtool: "inline-source-map",
+  devServer: {
+    contentBase: "./dist",
+  },
+});

webpack.common.js

@@ -0,0 +1,16 @@
+const webpack = require("webpack");
+const merge = require("webpack-merge");
+const UglifyJSPlugin = require("uglifyjs-webpack-plugin");
+const common = require("./webpack.common.js");
+
+module.exports = merge(common, {
+  devtool: "source-map",
+  plugins: [
+    new UglifyJSPlugin({
+      sourceMap: true,
+    }),
+    new webpack.DefinePlugin({
+      "process.env.NODE_ENV": JSON.stringify("production"),
+    }),
+  ],
+});