Add a build script

haadcode · haadcode · commit d7996f017367 · 2017-11-29T17:13:44.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -1 +1,2 @@
 node_modules/
+dist/
diff --git a/README.md b/README.md
@@ -15,6 +15,7 @@ TodoMVC application using [OrbitDB](https://github.com/orbitdb/orbit-db) as a da
 git clone <repo>
 cd repo/
 npm install
+npm run build
 ```
 
 ## Run
diff --git a/build.sh b/build.sh
@@ -0,0 +1,13 @@
+mkdir -p dist/lib
+mkdir -p dist/src
+cp node_modules/todomvc-common/base.css dist/lib/
+cp node_modules/todomvc-app-css/index.css dist/lib/
+cp node_modules/todomvc-common/base.js dist/lib/
+cp node_modules/react/dist/react-with-addons.js dist/lib/
+cp node_modules/classnames/index.js dist/lib/classnames.js
+cp node_modules/react/dist/JSXTransformer.js dist/lib/
+cp node_modules/director/build/director.js dist/lib/
+cp node_modules/orbit-db/dist/orbitdb.min.js dist/lib/
+cp node_modules/ipfs/dist/index.min.js dist/lib/ipfs.min.js
+cp -R src/ dist/src/
+cp index.dist.html dist/index.html
diff --git a/index.dist.html b/index.dist.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html lang="en" data-framework="react">
+  <head>
+    <meta charset="utf-8">
+    <title>OrbitDB • TodoMVC</title>
+    <link rel="stylesheet" href="lib/base.css">
+    <link rel="stylesheet" href="lib/index.css">
+    <link rel="stylesheet" href="src/app.css">
+  </head>
+  <body>
+    <section class="todoapp"></section>
+    <footer class="info">
+      <p>Double-click to edit a todo</p>
+      <p>Created by <a href="http://github.com/haadcode/">Haad</a></p>
+      <p>Based on <a href="https://github.com/tastejs/todomvc/tree/master/examples/react">React</a> <a href="http://todomvc.com">TodoMVC</a></p>
+    </footer>
+
+    <script src="lib/base.js"></script>
+    <script src="lib/react-with-addons.js"></script>
+    <script src="lib/classnames.js"></script>
+    <script src="lib/JSXTransformer.js"></script>
+    <script src="lib/director.js"></script>
+    <script src="lib/orbitdb.min.js"></script>
+    <script src="lib/ipfs.min.js"></script>
+
+    <!-- OrbitDB -->
+    <script type="text/javascript" src="src/store.js"></script>
+
+    <!-- Todo MVC -->
+    <script src="src/utils.js"></script>
+    <script src="src/todoModel.js"></script>
+    <!-- jsx is an optional syntactic sugar that transforms methods in React's
+    `render` into an HTML-looking format. Since the two models above are
+    unrelated to React, we didn't need those transforms. -->
+    <script type="text/jsx" src="src/todoItem.jsx"></script>
+    <script type="text/jsx" src="src/footer.jsx"></script>
+    <script type="text/jsx" src="src/app.jsx"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "http-server": "^0.10.0"
   },
   "scripts": {
+    "build": "./build.sh",
     "start": "http-server -c-1 & open http://127.0.0.1:8080/index.html & wait",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
