chore: readme updated

Author: fernandez14

package-lock.json

@@ -17,75 +17,75 @@
     "build": "webpack --config webpack.prod.js"
   },
   "dependencies": {
-    "@types/history": "^4.6.1",
-    "autosize": "^4.0.0",
+    "@types/history": "^4.7.5",
+    "autosize": "^4.0.2",
     "babel-polyfill": "^6.26.0",
-    "callbag-basics": "^3.1.0",
+    "callbag-basics": "^3.2.0",
     "callbag-basics-esmodules": "^4.0.0",
     "callbag-debounce": "^2.1.2",
     "callbag-observe": "^1.0.0",
     "callbag-subscribe": "^1.5.1",
-    "classnames": "^2.2.5",
-    "date-fns": "^1.29.0",
-    "deep-equal": "^1.1.0",
+    "classnames": "^2.2.6",
+    "date-fns": "^1.30.1",
+    "deep-equal": "^1.1.1",
     "emoji-dictionary": "^1.0.9",
     "extend": ">=3.0.2",
     "freactal": "^2.0.3",
     "functional-acl": "^0.6.0",
     "hyperscript-helpers": "^3.0.3",
     "install": "^0.10.2",
     "jed": "^1.1.1",
-    "lodash": "^4.17.14",
-    "lost": "^8.2.0",
+    "lodash": "^4.17.15",
+    "lost": "^8.3.1",
     "number-format.js": "^1.1.11",
     "os": "^0.1.1",
     "process": "^0.11.10",
-    "qs": "^6.5.2",
+    "qs": "^6.9.3",
     "query-string": "^5.1.1",
-    "react": "^16.9.0",
+    "react": "^16.13.1",
     "react-autosize-textarea": "^6.0.0",
-    "react-debounce-input": "^3.2.0",
-    "react-dom": "^16.9.0",
+    "react-debounce-input": "^3.2.2",
+    "react-dom": "^16.13.1",
     "react-dropzone": "^8.0.4",
     "react-hyperscript": "^3.2.0",
-    "react-markdown": "^4.0.3",
-    "react-modal": "^3.6.1",
+    "react-markdown": "^4.3.1",
+    "react-modal": "^3.11.2",
     "react-router-dom": "^4.3.1",
     "react-rte": "^0.16.1",
     "react-toastify": "^4.5.2",
-    "react-twitch-embed-video": "^1.1.2",
+    "react-twitch-embed-video": "^1.1.4",
     "react-youtube": "^7.9.0",
-    "spectre.css": "^0.5.0",
+    "spectre.css": "^0.5.8",
     "switch-path": "^1.2.0",
-    "tachyons": "^4.9.0",
+    "tachyons": "^4.11.1",
     "timeago.js": "^3.0.2",
-    "tributejs": "^4.0.0"
+    "tributejs": "^4.1.3"
   },
   "devDependencies": {
-    "@babel/core": "^7.6.4",
-    "@babel/plugin-proposal-class-properties": "^7.5.5",
-    "@babel/preset-env": "^7.6.3",
-    "babel-loader": "^8.0.6",
+    "@babel/core": "^7.9.0",
+    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/preset-env": "^7.9.0",
+    "babel-loader": "^8.1.0",
     "babel-minify-webpack-plugin": "^0.3.1",
     "babel-preset-env": "^1.7.0",
     "braces": ">=2.3.1",
-    "clean-css": ">=4.1.11",
+    "clean-css": "^4.2.3",
     "clean-webpack-plugin": "^3.0.0",
-    "closure-webpack-plugin": "^2.0.1",
-    "css-loader": "^3.2.0",
+    "closure-webpack-plugin": "^2.3.0",
+    "css-loader": "^3.4.2",
     "eslint": "^4.19.1",
-    "eslint-config-prettier": "^2.9.0",
-    "eslint-plugin-prettier": "^2.6.0",
-    "file-loader": "^4.2.0",
-    "mini-css-extract-plugin": "^0.8.0",
-    "node-sass": "^4.12.0",
-    "prettier": "^1.12.0",
-    "sass-loader": "^8.0.0",
-    "style-loader": "^1.0.0",
-    "terser-webpack-plugin": "^2.2.1",
-    "webpack": "^4.41.2",
-    "webpack-cli": "^3.3.9",
+    "eslint-config-prettier": "^2.10.0",
+    "eslint-plugin-prettier": "^2.7.0",
+    "file-loader": "^4.3.0",
+    "mini-css-extract-plugin": "^0.8.2",
+    "node-sass": "^4.13.1",
+    "prettier": "^1.19.1",
+    "sass-loader": "^8.0.2",
+    "style-loader": "^1.1.3",
+    "terser-webpack-plugin": "^2.3.5",
+    "webpack": "^4.42.1",
+    "webpack-cli": "^3.3.11",
     "webpack-merge": "^4.2.2",
-    "ws": ">=3.3.1"
+    "ws": "^7.2.3"
   }
 }

package.json

@@ -8,92 +8,43 @@ This repository contains the front-end repository.
 
 We're still working in the first alpha, so previous knowledge about the stack is required to set things up.
 
-##  Alpha screenshot
-
-![Anzu alpha post](https://imgur.com/pXDutG0.png)
-![Anzu alpha publisher](https://imgur.com/tF1ApnP.png)
-![Anzu alpha post](https://imgur.com/IAv9V8C.png)
-![Anzu alpha chat](https://imgur.com/vlari7x.png)
-![Anzu alpha profile](https://imgur.com/uG4C9LE.png)
-
 ##  Anzu's stack
-
 -  Golang.
-
 -  Redis (to be replaced)
-
 -  BuntDB (embedded cache)
-
 -  MongoDB (DB)
-
--  Cycle.JS (A functional and reactive JavaScript framework)
-
-#  Contribute
+-  React JS (with a heavy use of hooks)
 
 ##  Installation
 
 ###  Download dependencies
-
-The first step is to download Go, official binary distributions are available at [https://golang.org/dl/](https://golang.org/dl/).
-
-If you are upgrading from an older version of Go you must first [remove the existing version](https://golang.org/doc/install?download=go1.11.4.darwin-amd64.pkg#uninstall).
-
-[Download the package file](https://golang.org/dl/), open it, and follow the prompts to install the Go tools. The package installs the Go distribution to /usr/local/go.
-
-The package should put the /usr/local/go/bin directory in your PATH environment variable. You may need to restart any open Terminal sessions for the change to take effect.
-
-Make sure you have defined your GOPATH:
-
-```zsh
-
-export GOPATH=$HOME/go
-
-export PATH=$PATH:$GOROOT/bin:$GOPATH/bin
-
-```
+The first step is to download and install Go, official binary distributions are available at [https://golang.org/dl/](https://golang.org/dl/).
 
 Download and configure **MongoDB** and **Redis** (you'll need to create a root user in MongoDB). Alternatively you can use remote servers.
 
-Install `dep` for go dependencies: [https://github.com/golang/dep](https://github.com/golang/dep). In MacOS it can be installed with `brew`.
-
-Execute the following command: `go get https://github.com/cespare/reflex`
-
-Reflex probably only works on Linux and Mac OS.
-
 ###  Download the repositories
 
-Download the [core](http://github.com/tryanzu/core) in any path.
+Download the [core](http://github.com/tryanzu/anzu) in any path.
 
 Initialize the repo submodule, so the [frontend](http://github.com/tryanzu/frontend) is in `static/frontend`.
 
 ```
 git submodule update --init --recursive
 ```
-Install the core dependencies with `go build -o anzu`.
 
-Install the frontend dependencies with `yarn install`.
+Install andn build the core dependencies with `go build -o anzu`. A binary named anzu will be created and it is the program we'll run to create an anzu forum.
+
+Now go to the frontend folder in `static/frontend`, install the frontend dependencies with `npm install` and finally compile the frontend with `npm run build`.
 
 ###  Configure
+Copy the `.env.example` file into `.env` and edit it to meet your local environment configuration. Environment config can be setup either using OS env vars or .env file. This config is read at anzu boot time and it is core to be able to run the program.
 
-Copy the `env.json.example` file into `env.json` and edit it to meet your local environment configuration.
-You'll need to set your MongoDB user and password, should look like this:
-```
-"database": {
-    "uri": "mongodb://[yourUser]:[yourPassword]@127.0.0.1:27017/admin",
-    "name": "anzu"
-},
-```
-  
-Copy the `config.toml.example` file into `config.toml`
+Copy the `config.toml.example` file into `config.toml` and edit it to meet your site configuration.
 
 ###  Last steps
+Having mongodb & redis running and everything set up in .env we can now start the program.
 
-Start mongo service `service mongod start`
-  
-Execute `./anzu`
-[Execute](https://www.cyberciti.biz/faq/run-execute-sh-shell-script/) the script `develop.sh` to have hot reload (compile and run) while editing the core code.
-
-Execute `npm run start` in `static/frontend` to have hot reload while editing the frontend code.
+Execute `./anzu` and have fun.
 
 ##  Commits
 

readme.md

@@ -42,6 +42,8 @@ function Profile({ state, effects }) {
     }
 
     const editable = state.canUpdate(user.id);
+    const owner = state.isOwner(user.id);
+
     return main('.profile.flex-auto', [
         section('.fade-in.tc', [
             editable &&
@@ -156,11 +158,11 @@ function Profile({ state, effects }) {
                 ),
             editable &&
                 !user.description &&
+                owner &&
                 div(
                     '.toast.toast-warning.measure-wide.center.lh-copy.mv3',
                     t`Aún no has escrito tu biografía. Ayuda a otros a conocer sobre ti escribiendo una en tu perfil.`
                 ),
-            //holi
             div('.mw5.mb3.center', [
                 i('.icon-crown.f5'),
                 span('.db.mb2.f5', [

src/board/components/profile.js

@@ -491,11 +491,8 @@ function updateChatChannelConfig(effects, channel, updated) {
                 }
                 return list.concat(updated);
             }
-            return list.map(
-                item =>
-                    item.name === channel.name
-                        ? { ...channel, ...updated }
-                        : item
+            return list.map(item =>
+                item.name === channel.name ? { ...channel, ...updated } : item
             );
         })
         .then(updated => {
@@ -719,6 +716,11 @@ export default provideState({
         authenticated({ auth }) {
             return auth.user !== false && auth.loading === false;
         },
+        isOwner({ auth }) {
+            return id => {
+                return auth.user !== false && auth.user.id == id;
+            };
+        },
         canUpdate({ auth }) {
             return id => {
                 return (

src/board/fractals/auth.js

@@ -15,7 +15,11 @@ function linkSupport(props) {
     return props.href.match(/^(https?:)?\/\//)
         ? h(
               'a',
-              { href: props.href, target: 'blank', rel: 'noopener noreferrer' },
+              {
+                  href: props.href,
+                  target: '_blank',
+                  rel: 'noopener noreferrer',
+              },
               props.children
           )
         : h(Link, { to: props.href }, props.children);
@@ -84,17 +88,15 @@ export function kvReducer(obj) {
 }
 
 export function jsonReq(req) {
-    return req
-        .then(response => response.json())
-        .then(response => {
-            const status = response.status || 'okay';
-            const message =
-                response.message || 'Invalid response, check network requests.';
-            if (status !== 'okay') {
-                throw message;
-            }
-            return response;
-        });
+    return req.then(response => response.json()).then(response => {
+        const status = response.status || 'okay';
+        const message =
+            response.message || 'Invalid response, check network requests.';
+        if (status !== 'okay') {
+            throw message;
+        }
+        return response;
+    });
 }
 
 function socketEvent(event, params) {

src/board/utils.js

@@ -4,7 +4,7 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
     entry: {
-        main: './src/mount.js', 
+        main: './src/mount.js',
         autumn: './src/themes/autumn/autumn.scss',
     },
     mode: 'development',