feat: Add examples

Author: ragingwind

examples/express/server.js

@@ -0,0 +1,48 @@
+'use strict'
+
+const path = require('path')
+const express = require('express')
+const firebase = require('firebase')
+const hackernews = require('../../')
+
+const server = express()
+const hnservice = hackernews.init(firebase, {
+log: console.log
+})
+const watchmode = process.argv.includes('--watch')
+const index = `
+<ul>
+<li><a href="/hackernews/top">top</a></li>
+<li><a href="/hackernews/top/1>top at page 1</a></li>
+<li><a href="/hackernews/new">new</a></li>
+<li><a href="/hackernews/best">best</a></li>
+<li><a href="/hackernews/ask">ask</a></li>
+<li><a href="/hackernews/show">show</a></li>
+<li><a href="/hackernews/job">job</a></li>
+<li><a href="/hackernews/kids/14545382">kids/14545382</a></li>
+<li><a href="/hackernews/length/top">length/top</a></li>
+<li><a href="/hackernews/user/jl">users/jl</a></li>
+</ui>`
+
+server.get('/', (req, res) => {
+res.send(index)
+})
+
+server.get('/hackernews/*', (req, res) => {
+hnservice.fetch(req.path)
+.then(data => {
+res.send(typeof data === "number" ? String(data) : data)
+})
+.catch(err => {
+console.error(err)
+res.status(500).send(err.toString())
+})
+})
+
+Promise.resolve(watchmode && hnservice.watch()).then(() => {
+const PORT = 3001
+server.listen(PORT, () => {
+console.log(`server has started with ${watchmode ? 'watch' : 'fetch'} mode.` +
+` visit to http://localhost:${PORT}`)
+})
+})

examples/react/.gitignore

@@ -1,7 +1,7 @@
 # See https://help.github.com/ignore-files/ for more about ignoring files.
 
 # dependencies
-/node_modules
+node_modules
 
 # testing
 /coverage

examples/react/src/App.js

@@ -0,0 +1,52 @@
+import React, { Component } from 'react';
+import firebase from 'firebase'
+import hackernews from 'firebase-hackernews'
+import logo from './logo.svg';
+import './App.css';
+
+class App extends Component {
+ constructor() {
+ super();
+
+ this.state = {
+ top: []
+ };
+
+ this.hnservice = hackernews.init(firebase)
+ }
+
+ async componentDidMount() {
+ const top = await this.hnservice.stories('top', {page: 1, count: 40})
+ this.setState({top: top})
+ }
+
+ render() {
+ const liStyle = {
+ listStyleType: 'none',
+ textAlign: 'left',
+ paddingBottom: '5px'
+ };
+
+ const top = this.state.top.map(t => (
+ <li key={t.id} style={liStyle}>
+ <a href={t.url}>{t.title}</a> - {t.by}
+ </li>
+ ));
+
+ return (
+ <div className="App">
+ <div className="App-header">
+ <img src={logo} className="App-logo" alt="logo" />
+ <h2>Hacker News - Top</h2>
+ </div>
+ <p className="App-intro">
+ <ul>
+ {top}
+ </ul>
+ </p>
+ </div>
+ );
+ }
+}
+
+export default App;

examples/react/src/App.test.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+
+it('renders without crashing', () => {
+ const div = document.createElement('div');
+ ReactDOM.render(<App />, div);
+});

examples/react/src/index.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+import './index.css';
+
+ReactDOM.render(<App />, document.getElementById('root'));

examples/service-worker/server.js

@@ -0,0 +1,17 @@
+const path = require('path')
+const express = require('express')
+
+const server = express()
+const serve = (subpath, cache) => express.static(
+ path.resolve(__dirname, subpath),
+ {maxAge: cache && !dev ? 1000 * 60 * 60 * 24 * 30 : 0}
+)
+
+server.use('/firebase-hackernews-sw.js', serve('../../dist/firebase-hackernews-sw.js'))
+
+server.use(serve('./'))
+
+server.listen(3000, (err) => {
+if (err) throw err
+console.log('> Ready on http://localhost:3000')
+})

examples/service-worker/service-worker.js

@@ -0,0 +1,9 @@
+/* global importScripts hackernews */
+importScripts('https://www.gstatic.com/firebasejs/4.1.2/firebase-app.js')
+importScripts('https://www.gstatic.com/firebasejs/4.1.2/firebase-database.js')
+importScripts('/firebase-hackernews-sw.js')
+
+hackernews.init(firebase, {
+log: console.log,
+watch: true
+})