Mirrors
/
Matterwiki
mirror of https://github.com/Matterwiki/Matterwiki.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added webpack, babel and react. Basic client setup

Browse Source
pull/1/head
Nishant Arora 9 years ago
parent 175b4c1b8e
commit 6b5633dd0b
8 changed files with 67 additions and 3 deletions
Show Stats Download Patch File Download Diff File

3
.babelrc
Unescape Escape View File

@ -0,0 +1,3 @@
{
"presets" : ["es2015", "react"]
}

3
.gitignore vendored
Unescape Escape View File

@ -35,3 +35,6 @@ jspm_packages
# Optional REPL history # Optional REPL history
.node_repl_history .node_repl_history
client/public
db/matterwiki.sqlite

10
client/app/index.jsx
Unescape Escape View File

@ -0,0 +1,10 @@
import React from 'react';
import {render} from 'react-dom';
class App extends React.Component {
render () {
return <p> Hello React!</p>;
}
}
render(<App/>, document.getElementById('app'));

14
client/index.html
Unescape Escape View File

@ -0,0 +1,14 @@
<html>
<head>
<meta charset="utf-8">
<title>Matterwiki</title>
</head>
<body>
<!--
This is the main index file which just imports the
compiled react files and holds the app container div.
-->
<div id="app" />
<script src="public/bundle.js" type="text/javascript"></script>
</body>
</html>

BIN
db/matterwiki.sqlite
View File

Binary file not shown.

4
index.js
Unescape Escape View File

@ -6,10 +6,12 @@ Once we have enough endpoints defined we start breaking them into modules for be
var express = require('express'); var express = require('express');
var app = express(); var app = express();
app.get('/',function(req,res){ app.get('/api',function(req,res){
res.send("Hey! You're looking at the matterwiki API"); res.send("Hey! You're looking at the matterwiki API");
}); });
app.use(express.static(__dirname + '/client'));
app.listen(5000 || process.env.PORT, function(){ app.listen(5000 || process.env.PORT, function(){
console.log("The magic is happening on port 5000"); console.log("The magic is happening on port 5000");
}); });

12
package.json
Unescape Escape View File

@ -4,7 +4,9 @@
"description": "a simple and sexy wiki", "description": "a simple and sexy wiki",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack -d --watch",
"build" : "webpack -p"
}, },
"bin": { "bin": {
"wiki": "./install.js" "wiki": "./install.js"
@ -20,7 +22,13 @@
}, },
"homepage": "https://github.com/nshntarora/matterwiki#readme", "homepage": "https://github.com/nshntarora/matterwiki#readme",
"dependencies": { "dependencies": {
"babel-loader": "^6.2.5",
"babel-preset-es2015": "^6.13.2",
"babel-preset-react": "^6.11.1",
"express": "^4.14.0", "express": "^4.14.0",
"sqlite3": "^3.1.4" "react": "^15.3.0",
"react-dom": "^15.3.0",
"sqlite3": "^3.1.4",
"webpack": "^1.13.2"
} }
} }

24
webpack.config.js
Unescape Escape View File

@ -0,0 +1,24 @@
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'client/public');
var APP_DIR = path.resolve(__dirname, 'client/app');
var config = {
entry: APP_DIR + '/index.jsx',
output: {
path: BUILD_DIR,
filename: 'bundle.js'
},
module : {
loaders : [
{
test : /\.jsx?/,
include : APP_DIR,
loader : 'babel'
}
]
}
};
module.exports = config;
Write Preview
Loading…
Cancel
Save