initial commit

Author: pfrazee

README.md

@@ -0,0 +1,12 @@
+# Form: Pub Invite
+
+Modal form for using Pub-server invites
+
+![screenshot.png](screenshot.png)
+
+```jsx
+import ModalBtn from 'patchkit-modal/btn'
+import FormPubInvite from 'patchkit-form-profile-name'
+
+<ModalBtn Form={FormPubInvite} nextLabel="Join"><a className="btn"><i className="fa fa-cloud"/> Join Pub</a></ModalBtn>
+```

help.jsx

@@ -0,0 +1,68 @@
+import React from 'react'
+
+export class InviteErrorExplanation extends React.Component {
+  render() {
+    if (!this.props.error)
+      return <span/>
+    console.log(this.props.error)
+    const msg = this.props.error.message.toLowerCase()
+
+    if (~msg.indexOf('invite code not provided'))
+      return <div className="error">The invite code is required.</div>
+
+    if (~msg.indexOf('invite not accepted'))
+      return <div className="error">The invite code was not accepted.</div>
+
+    if (~msg.indexOf('incorrect or expired') || ~msg.indexOf('has expired'))
+      return <div className="error">The invite code is mis-issued or expired.</div>
+
+    if (~msg.indexOf('invalid') || ~msg.indexOf('feed to follow is missing') || ~msg.indexOf('may not be used to follow another key'))
+      return <div className="error">Something is wrong with the invite code.</div>
+
+    if (~msg.indexOf('pub server did not have correct public key'))
+      return <div className="error">Connection failure.</div>
+
+    if (~msg.indexOf('unexpected end of parent stream'))
+      return <div className="error">Failed to connect to the pub server.</div>
+
+    if (~msg.indexOf('ENOTFOUND'))
+      return <div className="error">The pub server could not be found.</div>
+
+    if (~msg.indexOf('already following'))
+      return <div className="error">You are already followed by this pub server.</div>
+
+    return <div className="error">Sorry, an unexpected error occurred: {msg}</div>
+  }
+}
+
+export class InviteErrorHelp extends React.Component {
+  render() {
+    if (!this.props.error)
+      return <span/>
+    const err = this.props.error
+    let msg = err.message.toLowerCase()
+    let helpText = false
+
+    if (~msg.indexOf('invite not accepted'))
+      helpText = 'The invite code was not accepted. It may have been used already. Ask the pub-operator for a new code and try again.'
+
+    if (~msg.indexOf('incorrect or expired') || ~msg.indexOf('has expired'))
+      helpText = 'The invite code is incorrect or expired. Make sure you copy/pasted it correctly. If you did, ask the pub-operator for a new code and try again.'
+
+    if (~msg.indexOf('invalid') || ~msg.indexOf('feed to follow is missing') || ~msg.indexOf('may not be used to follow another key'))
+      helpText = 'The invite code is malformed. Make sure you copy/pasted it correctly. If you did, ask the pub-server owner for a new code and try again.'
+
+    if (~msg.indexOf('pub server did not have correct public key'))
+      helpText = 'The pub server did not identify itself correctly for the invite code. Ask the pub-operator for a new code and try again.'
+
+    if (~msg.indexOf('could not connect to server') || ~msg.indexOf('unexpected end of parent stream'))
+      helpText = 'Failed to connect to the pub server. Check your connection, make sure the pub server is online, and try again.'
+
+    if (~msg.indexOf('ENOTFOUND'))
+      helpText = 'Check your connection, make sure the pub server is online, and try again. If this issue persists, check with the pub operator.'
+
+    if (!helpText)
+      return <span/>
+    return <div className="help-text">{helpText}</div>
+  }
+}

index.jsx

@@ -0,0 +1,106 @@
+import React from 'react'
+import ref from 'ssb-ref'
+import MDLSpinner from 'patchkit-mdl-spinner'
+import { InviteErrorExplanation, InviteErrorHelp } from './help'
+
+export default class PubInvite extends React.Component {
+  static propTypes = {
+    setIsHighlighted: React.PropTypes.func.isRequired,
+    setIsValid: React.PropTypes.func.isRequired,
+    code: React.PropTypes.string
+  }
+
+  static contextTypes = {
+    ssb: React.PropTypes.object.isRequired
+  }
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      code: this.props.code,
+      info: false,
+      error: false,
+      isProcessing: false
+    }
+  }
+
+  onChange(e) {
+    this.setState({ code: e.target.value })    
+  }
+
+  componentDidMount() {
+    this.props.setIsHighlighted(true)
+    this.props.setIsValid(true)
+  }
+
+  getValues(cb) {
+    cb({ code: this.state.code })
+  }
+
+  submit(cb) {
+    this.getValues(values => {
+      let code = values.code || ''
+      this.setState({ isProcessing: true, error: false, info: false })
+
+      // surrounded by quotes?
+      // (the scuttlebot cli ouputs invite codes with quotes, so this could happen)
+      if (code.charAt(0) == '"' && code.charAt(code.length - 1) == '"')
+        code = code.slice(1, -1) // strip em
+
+      // validate
+      if (!code)
+        return this.setState({ isProcessing: false, error: { message: 'Invite code not provided' } })
+      if (!ref.isInvite(code))
+        return this.setState({ isProcessing: false, error: { message: 'Invalid invite code' } })
+
+      // use the invite
+      this.setState({ info: 'Contacting server with invite code, this may take a few moments...' })
+      this.context.ssb.invite.accept(code, err => {
+        if (err) {
+          console.error(err)
+          return this.setState({ isProcessing: false, info: false, error: err })
+        }
+
+        // trigger sync with the pub
+        this.context.ssb.gossip.connect(code.split('~')[0])
+        cb()
+      })
+    })
+  }
+  render() {
+    const msg = (this.state.error) ?
+      <InviteErrorExplanation error={this.state.error} /> :
+      (this.state.info || '')
+    const helpText = (this.state.error) ? <InviteErrorHelp error={this.state.error} /> : ''
+
+    return <div>
+      <h1>Join a Pub</h1>
+      <h3>Pubs host your messages online, and connect you globally.</h3>
+      <form className="fullwidth" onSubmit={e=>e.preventDefault()}>
+        <fieldset>
+          <input type="text" value={this.state.code} onChange={this.onChange.bind(this)} placeholder="Enter the invite code here" />
+          <div>{msg}</div>
+          <div>{helpText}</div>
+        </fieldset>
+      </form>
+      { this.state.isProcessing ? <MDLSpinner /> : '' }
+      <div className="faq text-center">
+        { this.props.gotoNextStep ?
+          <div><a onClick={this.props.gotoNextStep}>You can skip this step</a>, but your messages {"won't"} reach outside the WiFi until you do it.</div>
+          : '' }
+        <div className="faq-entry">
+          <div>{"What's"} an invite code?</div>
+          <div>An invite code tells the Pub to join your contacts.</div>
+        </div>
+        <div className="faq-entry">
+          <div>Where can I get an invite code?</div>
+          <div>You should ask a Pub operator. Many of them hang out in #scuttlebutt on Freenode.</div>
+        </div>
+        <div className="faq-entry">
+          <div>Can I create a Pub?</div>
+          <div>Yes, but it requires a public server. If you have one, you can <a href="http://ssbc.github.io/docs/scuttlebot/howto-setup-a-pub.html" target="_blank">follow&nbsp;this&nbsp;guide</a>.</div>
+        </div>
+      </div>
+    </div>
+  }
+}

package.json

@@ -0,0 +1,56 @@
+{
+  "name": "patchkit-form-pub-invite",
+  "version": "1.0.0",
+  "description": "Modal form for using Pub-server invites",
+  "main": "index.jsx",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/patchkit/patchkit-form-pub-invite.git"
+  },
+  "keywords": [
+    "react"
+  ],
+  "author": "Paul Frazee <[email protected]>",
+  "license": "GPL-3.0",
+  "bugs": {
+    "url": "https://github.com/patchkit/patchkit-form-pub-invite/issues"
+  },
+  "homepage": "https://github.com/patchkit/patchkit-form-pub-invite#readme",
+  "dependencies": {
+    "patchkit-mdl-spinner": "^1.0.0",
+    "react": "^0.14.6",
+    "ssb-ref": "^2.3.0"
+  },
+  "devDependencies": {
+    "babel": "^6.3.26",
+    "babel-preset-es2015": "^6.3.13",
+    "babel-preset-react": "^6.3.13",
+    "babel-preset-stage-0": "^6.3.13",
+    "babelify": "^7.2.0",
+    "browserify": "^13.0.0",
+    "patchkit-modal": "^1.0.3"
+  },
+  "browserify": {
+    "transform": [
+      [
+        "envify",
+        {
+          "global": true
+        }
+      ],
+      [
+        "babelify",
+        {
+          "presets": [
+            "es2015",
+            "stage-0",
+            "react"
+          ]
+        }
+      ]
+    ]
+  }
+}