fix: fixed CI pipeline for releases (#2297)

* feat: added release process

* fix: removed debug echo's

* fix: fixed typo and bug

- replaced // with /# to remove "v" prefix only, not all "v" in string

* fix: updated docs

.babelrc

@@ -1,21 +0,0 @@
-{
-  "presets": [
-    ["es2015", {"modules": false}]
-  ],
-  "plugins": [
-    "transform-class-properties",
-    "transform-decorators-legacy",
-    "transform-object-assign",
-    "transform-object-rest-spread",
-    "transform-async-to-generator",
-    "transform-react-jsx",
-    "syntax-dynamic-import"
-  ],
-  "env": {
-    "test": {
-      "plugins": [
-        ["transform-es2015-modules-commonjs", "dynamic-import-node"]
-      ]
-    }
-  }
-}

.circleci/config.yml

@@ -1,60 +1,15 @@
-
 # job_environment will setup the environment for any job being executed.
 job_environment: &job_environment
   NODE_ENV: test
-  DISABLE_CREATE_MONGO_INDEXES: TRUE
 
 # job_defaults applies all the defaults for each job.
 job_defaults: &job_defaults
   working_directory: ~/coralproject/talk
   docker:
-    - image: circleci/node:8
+    - image: circleci/node:10
   environment:
     <<: *job_environment
 
-# create_indexes will create the mongo indexes and wait until they have been
-# built.
-create_indexes: &create_indexes
-  run:
-    name: Create the database indexes and wait until they are built
-    command: ./bin/cli db createIndexes
-
-# integration_environment is the environment that configures the tests.
-integration_environment: &integration_environment
-  <<: *job_environment
-  CIRCLE_TEST_REPORTS: /tmp/circleci-test-results
-  E2E_MAX_RETRIES: 3
-
-# integration_job runs the integration tests and saves the test results.
-integration_job: &integration_job
-  <<: *job_defaults
-  environment:
-    <<: *integration_environment
-  docker:
-    # TODO: replace with node:8-browsers when build issues are resolved.
-    # - image: circleci/node:8-browsers
-    - image: coralproject/ci
-    - image: circleci/mongo:3
-    - image: circleci/redis:4-alpine
-  steps:
-    - checkout
-    - attach_workspace:
-        at: ~/coralproject/talk
-    - <<: *create_indexes
-    # - run:
-    #     name: Setup the database with defaults
-    #     command: ./bin/cli setup --defaults
-    - run:
-        name: Run the integration tests
-        command: bash .circleci/e2e.sh
-    - store_test_results:
-        when: always
-        path: /tmp/circleci-test-results
-    - store_artifacts:
-        when: always
-        path: /tmp/circleci-test-results
-
-
 version: 2
 jobs:
   # npm_dependencies will install the dependencies used by all other steps.
@@ -65,16 +20,30 @@ jobs:
       - attach_workspace:
           at: ~/coralproject/talk
       - restore_cache:
-          key: dependency-cache-{{ checksum "yarn.lock" }}
+          keys:
+            # Find a cache corresponding to this specific package-lock.json
+            # checksum when this file is changed, this key will fail.
+            - v1-dependency-cache-{{ checksum "package-lock.json" }}
+            # Find the most recently generated cache used from any branch
+            - v1-dependency-cache-
+      - run:
+          name: Update NPM
+          command: sudo npm update -g npm
+      # Disabled until there's capabilities to ignore a specific vun. Related:
+      # https://npm.community/t/please-provide-option-to-ignore-packages-in-npm-audit/403/4
+      # https://github.com/npm/cli/pull/10
+      # https://github.com/npm/rfcs/pull/18
+      #
+      #   - run:
+      #       name: Audit dependencies
+      #       command: npm audit
       - run:
           name: Install dependencies
-          command: |
-            yarn global add node-gyp &&
-            yarn install --frozen-lockfile
+          command: npm ci
       - save_cache:
-          key: dependency-cache-{{ checksum "yarn.lock" }}
+          key: v1-dependency-cache-{{ checksum "package-lock.json" }}
           paths:
-            - ./node_modules
+            - ~/.npm
       - persist_to_workspace:
           root: .
           paths: node_modules
@@ -87,11 +56,44 @@ jobs:
       - attach_workspace:
           at: ~/coralproject/talk
       - run:
-          name: Perform linting
-          command: yarn lint
+          name: Generate schemas and types
+          command: npm run generate
+      - run:
+          name: Lint Source Code
+          command: npm run lint
+      - run:
+          name: Lint README.md
+          command: |
+            cp README.md README.md.orig
+            npm run doctoc
+            diff -q README.md README.md.orig
 
-  # build_assets will build the static assets.
-  build_assets:
+  # unit_tests will run the unit tests.
+  unit_tests:
+    <<: *job_defaults
+    environment:
+      <<: *job_environment
+      CI: true
+      JEST_JUNIT_OUTPUT: "reports/junit/js-test-results.xml"
+    steps:
+      - checkout
+      - attach_workspace:
+          at: ~/coralproject/talk
+      - run:
+          name: Generate schemas and types
+          command: npm run generate
+      - run:
+          name: Perform testing
+          # We're running these tests in band to avoid errors where the circleci
+          # test runner runs out of RAM trying to run them all in parallel.
+          command: npm run test -- --ci --runInBand --testResultsProcessor="jest-junit"
+      - store_test_results:
+          path: reports/junit
+      - store_artifacts:
+          path: reports/junit
+
+  # build will build the static assets and server typescript files.
+  build:
     <<: *job_defaults
     steps:
       - checkout
@@ -99,136 +101,60 @@ jobs:
           at: ~/coralproject/talk
       - restore_cache:
           keys:
-            - build-cache-{{ .Branch }}-{{ .Revision }}
-            - build-cache-{{ .Branch }}-
-            - build-cache-
+            - v1-build-cache-{{ .Branch }}-{{ .Revision }}
+            - v1-build-cache-{{ .Branch }}-
+            - v1-build-cache-
       - run:
-          name: Build static assets
-          command: yarn build
+          name: Build
+          command: npm run build
+          no_output_timeout: 30m
+      - run:
+          name: Verify Bundle Size
+          command: npx bundlesize
       - save_cache:
-          key: build-cache-{{ .Branch }}-{{ .Revision }}
+          key: v1-build-cache-{{ .Branch }}-{{ .Revision }}
           paths:
-            - ./node_modules/.cache/babel-loader
+            - ./dist
       - persist_to_workspace:
           root: .
           paths: dist
 
-  # test_unit will run the unit tests.
-  test_unit:
-    <<: *job_defaults
+  # docker_tests will test that the docker build process completes.
+  docker_tests:
     docker:
-      - image: circleci/node:8
-      - image: circleci/mongo:3
-      - image: circleci/redis:4-alpine
+      - image: node:10-alpine
+    environment:
+      NODE_ENV: development
     steps:
       - checkout
-      - attach_workspace:
-          at: ~/coralproject/talk
       - run:
-          name: Setup the test results directory
-          command: mkdir -p /tmp/circleci-test-results
+          name: Update Image Dependencies
+          command: apk --no-cache add git python
       - run:
-          name: Run the client unit tests
-          command: yarn test:client --ci
-          environment:
-            JEST_JUNIT_OUTPUT: /tmp/circleci-test-results/jest/test-results.xml
-            JEST_REPORTER: jest-junit
-      - <<: *create_indexes
-      - run:
-          name: Run the server unit tests
-          command: yarn test:server
-          environment:
-            MOCHA_FILE: /tmp/circleci-test-results/mocha/test-results.xml
-            MOCHA_REPORTER: mocha-junit-reporter
-      - store_test_results:
-          when: always
-          path: /tmp/circleci-test-results
+          name: Install NodeJS Dependencies
+          command: npm install
 
-  # test_integration_chrome_local will run the integration tests locally with
-  # chrome headless.
-  test_integration_chrome_local:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      E2E_BROWSERS: chrome
-
-  # test_integration_firefox_local will run the integration tests locally with
-  # firefox headless.
-  test_integration_firefox_local:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      E2E_BROWSERS: firefox
-
-  # test_integration_chrome will run the integration tests with chrome in
-  # browserstack.
-  test_integration_chrome:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      BROWSERSTACK: true
-      E2E_BROWSERS: chrome
-
-  # test_integration_firefox will run the integration tests with firefox in
-  # browserstack.
-  test_integration_firefox:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      BROWSERSTACK: true
-      E2E_BROWSERS: firefox
-
-  # test_integration_edge will run the integration tests with edge in
-  # browserstack.
-  test_integration_edge:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      BROWSERSTACK: true
-      E2E_BROWSERS: edge
-
-  # test_integration_ie will run the integration tests with ie in
-  # browserstack.
-  test_integration_ie:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      BROWSERSTACK: true
-      E2E_BROWSERS: ie
-      # TODO: remove when more reliable
-      E2E_MAX_RETRIES: 1
-
-  # test_integration_safari will run the integration tests with safari in
-  # browserstack.
-  test_integration_safari:
-    <<: *integration_job
-    environment:
-      <<: *integration_environment
-      BROWSERSTACK: true
-      E2E_BROWSERS: safari
-      # TODO: remove when more reliable
-      E2E_MAX_RETRIES: 1
-
-  # deploy will deploy the application as a docker image.
-  deploy:
+  # release_docker will build and push the Docker image.
+  release_docker:
     <<: *job_defaults
     steps:
       - checkout
       - setup_remote_docker
-      - run:
+      - deploy:
           name: Deploy the code
           command: bash ./scripts/docker.sh deploy
+          no_output_timeout: 30m
 
-# filter_deploy will add the filters for a deploy job in a workflow to make it
+# filter_release will add the filters for a deploy job in a workflow to make it
 # only execute on a deploy related job.
-filter_deploy: &filter_deploy
+filter_release: &filter_release
   filters:
     branches:
       only:
         - master
         - next
     tags:
-      only: /v[0-9]+(\.[0-9]+)*/
+      only: /^v.*/
 
 # filter_develop will add the filters for a development related commit.
 filter_develop: &filter_develop
@@ -240,78 +166,43 @@ filter_develop: &filter_develop
 
 workflows:
   version: 2
-
-  # All PR's will hit this workflow.
-  build-and-test:
+  build-test:
     jobs:
+      - docker_tests:
+          <<: *filter_develop
       - npm_dependencies:
           <<: *filter_develop
       - lint:
           <<: *filter_develop
           requires:
             - npm_dependencies
-      - test_unit:
+      - unit_tests:
           <<: *filter_develop
           requires:
             - npm_dependencies
-      - build_assets:
+      - build:
           <<: *filter_develop
           requires:
             - npm_dependencies
-      - test_integration_chrome_local:
-          <<: *filter_develop
-          requires:
-            - build_assets
-      # TODO: uncomment when more reliable
-      # - test_integration_firefox_local:
-      #     <<: *filter_develop
-      #     requires:
-      #       - build_assets
-  deploy-tagged:
+  build-test-deploy:
     jobs:
       - npm_dependencies:
-          <<: *filter_deploy
+          <<: *filter_release
       - lint:
-          <<: *filter_deploy
+          <<: *filter_release
           requires:
             - npm_dependencies
-      - test_unit:
-          <<: *filter_deploy
+      - unit_tests:
+          <<: *filter_release
           requires:
             - npm_dependencies
-      - build_assets:
-          <<: *filter_deploy
+      - build:
+          <<: *filter_release
           requires:
             - npm_dependencies
-      - test_integration_chrome:
-          <<: *filter_deploy
-          requires:
-            - build_assets
-      - test_integration_firefox:
-          <<: *filter_deploy
-          requires:
-            - build_assets
-      - test_integration_edge:
-          <<: *filter_deploy
-          requires:
-            - build_assets
-      # TODO: uncomment when more reliable
-      # - test_integration_ie:
-      #    <<: *filter_deploy
-      #    requires:
-      #      - build_assets
-      # - test_integration_safari:
-      #    <<: *filter_deploy
-      #    requires:
-      #      - build_assets
-      - deploy:
-          <<: *filter_deploy
+      - release_docker:
+          <<: *filter_release
           requires:
             - lint
-            - test_unit
-            - test_integration_chrome
-            - test_integration_firefox
-            - test_integration_edge
-            # TODO: uncomment when more reliable
-            # - test_integration_ie
-            # - test_integration_safari
+            - unit_tests
+            - build

.circleci/e2e.sh

@@ -1,29 +0,0 @@
-#!/bin/bash
-
-REPORTS_FOLDER=${CIRCLE_TEST_REPORTS:-./test/e2e/reports}
-CIRCLE_BRANCH=${CIRCLE_BRANCH:-master}
-E2E_DISABLE=${E2E_DISABLE:-false}
-
-# Amount of retries before failure.
-E2E_MAX_RETRIES=${E2E_MAX_RETRIES:-1}
-
-# Timeout for WaitForConditions.
-E2E_WAIT_FOR_TIMEOUT=${E2E_WAIT_FOR_TIMEOUT:-10000}
-
-# Safari >= 8 has issues connecting to browserstack-local. Safari < 8 is too old.
-# IE 64bit has issues with receiving keyboard input. Let's wait for them to fix it.
-E2E_BROWSERS=${E2E_BROWSERS:-chrome,firefox,edge} #ie safari
-
-if [[ "${E2E_DISABLE}" == "true" ]]; then
-  echo E2E is disabled.
-  exit
-fi
-
-if [[ "$BROWSERSTACK" == "true" && -n "$BROWSERSTACK_KEY" ]]; then
-  echo Testing on browserstack
-  node scripts/e2e.js --reports-folder "$REPORTS_FOLDER" --retries "$E2E_MAX_RETRIES" --timeout "$E2E_WAIT_FOR_TIMEOUT" --browsers "$E2E_BROWSERS" --browserstack
-else
-  # When browserstack is not available test locally.
-  echo Testing locally
-  node scripts/e2e.js --reports-folder "$REPORTS_FOLDER" --retries "$E2E_MAX_RETRIES" --timeout "$E2E_WAIT_FOR_TIMEOUT" --browsers "$E2E_BROWSERS" --headless
-fi

.dockerignore

@@ -1,20 +1,30 @@
-# excluded because we'll likely need to rebuild this.
-node_modules
-
-# most scripts are used during development and testing, not
-# production.
-scripts
-!scripts/generateIntrospectionResult.js
-
-# documentation should not be visible in production.
-docs
-
-# static assets are rebuild in the docker container.
-dist
-
 # tests are not run in the docker container.
-test
 __tests__
+coverage
 
 # we won't use the .git folder in production.
 .git
+
+# don't include the dependancies
+node_modules
+
+# don't include any logs
+npm-debug.log*
+
+# don't include any yarn files
+yarn-error.log
+yarn.lock
+
+# don't include any OS/editor files
+.env
+.idea/
+.vs
+.docz
+*.swp
+*.DS_STORE
+
+# don't include any generated files
+dist
+*.css.d.ts
+__generated__
+README.md.orig

.editorconfig

@@ -8,5 +8,8 @@ charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true
 
-[*.md]
-trim_trailing_whitespace = false
+[*.json]
+insert_final_newline = false
+
+[*.ts]
+max_line_length = 80

.eslintignore

@@ -1,5 +0,0 @@
-**/*.html
-dist
-node_modules
-public
-**/*.min.js

.eslintrc.json

@@ -1,11 +0,0 @@
-{
-  "env": {
-    "jest": true
-  },
-  "settings": {
-    "react": {
-      "version": "15.0"
-    }
-  },
-  "extends": "@coralproject/eslint-config-talk"
-}

.github/ISSUE_TEMPLATE.md

@@ -1,34 +0,0 @@
-<!--
-
-  Thank you for filing an issue on Coral Talk!
-
-  Please fill out the questions below so we can take action on your issue as soon as we can.
-
-  If you're filing a feature request, you do not need to follow the outline below. Instead please include "Feature Idea" in your issue title and explain a specific example in which that feature would be useful.
-  
--->
-
-#### Do you want to request a **feature** or report a **bug**?
-
-
-#### Intended outcome:
-<!--
-What you were trying to accomplish when the bug occurred?
--->
-
-#### Actual outcome:
-<!--
-What happened instead?
-
-Please provide as much detail as possible, including a screenshot or copy-paste of any related error messages, logs, or other output that might be related. Places to look for information include your browser console, server console, and network logs. The more information you can give the better.
--->
-
-#### How to reproduce the issue:
-<!--
-Instructions for how the issue can be reproduced by someone from our team or by a contributor. Be as specific as possible, and only mention what is necessary to reproduce the bug. If possible, try to isolate the exact circumstances in which the bug occurs and avoid speculation over what the cause might be.
--->
-
-#### Version and environment
-<!--
-List what version of Talk you're using, as well as any other relevant environment information, such as operating system or browser
--->

.github/PULL_REQUEST_TEMPLATE.md

@@ -1,7 +0,0 @@
-## What does this PR do?
-
-## How do I test this PR?
-
-- click a button
-- view the cat
-- see the cat meow

.gitignore

@@ -1,74 +1,23 @@
+# don't include the dependancies
 node_modules
 
-dist
-
+# don't include any logs
 npm-debug.log*
-dump.rdb
 
-client/coral-framework/graphql/introspection.json
-docs/source/_data/introspection.json
+# don't include any yarn files
+yarn-error.log
+yarn.lock
 
+# don't include any OS/editor files
 .env
-*.cfg
-
 .idea/
+.vs
+.docz
 *.swp
 *.DS_STORE
-.prettierrc.json
-.vscode
 
-coverage/
-test/e2e/reports/
-test/e2e/bslocal.log
-test/e2e/selenium-debug.log
-browserstack.err
-
-plugins.json
-
-plugins/*
-!plugins/talk-plugin-akismet
-!plugins/talk-plugin-auth
-!plugins/talk-plugin-author-menu
-!plugins/talk-plugin-comment-content
-!plugins/talk-plugin-deep-reply-count
-!plugins/talk-plugin-downvote
-!plugins/talk-plugin-facebook-auth
-!plugins/talk-plugin-featured-comments
-!plugins/talk-plugin-flag-details
-!plugins/talk-plugin-google-auth
-!plugins/talk-plugin-ignore-user
-!plugins/talk-plugin-like
-!plugins/talk-plugin-local-auth
-!plugins/talk-plugin-love
-!plugins/talk-plugin-member-since
-!plugins/talk-plugin-mod
-!plugins/talk-plugin-moderation-actions
-!plugins/talk-plugin-notifications
-!plugins/talk-plugin-notifications-category-featured
-!plugins/talk-plugin-notifications-category-moderation-actions
-!plugins/talk-plugin-notifications-category-reply
-!plugins/talk-plugin-notifications-category-staff
-!plugins/talk-plugin-notifications-digest-daily
-!plugins/talk-plugin-notifications-digest-hourly
-!plugins/talk-plugin-offtopic
-!plugins/talk-plugin-permalink
-!plugins/talk-plugin-profile-data
-!plugins/talk-plugin-remember-sort
-!plugins/talk-plugin-respect
-!plugins/talk-plugin-rich-text
-!plugins/talk-plugin-slack-notifications
-!plugins/talk-plugin-sort-most-downvoted
-!plugins/talk-plugin-sort-most-liked
-!plugins/talk-plugin-sort-most-loved
-!plugins/talk-plugin-sort-most-replied
-!plugins/talk-plugin-sort-most-respected
-!plugins/talk-plugin-sort-most-upvoted
-!plugins/talk-plugin-sort-newest
-!plugins/talk-plugin-sort-oldest
-!plugins/talk-plugin-subscriber
-!plugins/talk-plugin-toxic-comments
-!plugins/talk-plugin-upvote
-!plugins/talk-plugin-viewing-options
-
-**/node_modules/*
-yarn-error.log
+# don't include any generated files
+dist
+*.css.d.ts
+__generated__
+README.md.orig

.graphqlconfig

@@ -0,0 +1,7 @@
+{
+    "projects": {
+        "tenant": {
+            "schemaPath": "src/core/server/graph/tenant/schema/schema.graphql"
+        }
+    }
+}

.lintstagedrc.json

@@ -1,13 +0,0 @@
-{
-  "linters": {
-    "*.js": [
-      "git-exec-and-restage eslint --fix --"
-    ],
-    "bin/cli*": [
-      "git-exec-and-restage eslint --fix --"
-    ],
-    "*.yml": [
-      "yamllint"
-    ]
-  }
-}

.nodemon.json

@@ -1,10 +0,0 @@
-{
-  "exec": "npm-run-all --parallel generate-introspection start:development",
-  "ignore": ["test/*", "client/*", "dist/*", "plugins/*/client", "docs/*"],
-  "ext": "js,json,graphql,yml",
-  "watch": [
-    ".",
-    "bin/cli",
-    "bin/cli-serve"
-  ]
-}

.nsprc

@@ -1,13 +0,0 @@
-{
-  "exceptions": [
-    "https://nodesecurity.io/advisories/531",
-    "https://nodesecurity.io/advisories/532",
-    "https://nodesecurity.io/advisories/566",
-    "https://nodesecurity.io/advisories/577",
-    "https://nodesecurity.io/advisories/594",
-    "https://nodesecurity.io/advisories/603",
-    "https://nodesecurity.io/advisories/611",
-    "https://nodesecurity.io/advisories/612",
-    "https://nodesecurity.io/advisories/654"
-  ]
-}

.nvmrc

@@ -1,2 +1,2 @@
-8
+10
 

.prettierignore

@@ -0,0 +1 @@
+node_modules

.prettierrc

@@ -1,4 +0,0 @@
-overrides:
-- files: "bin/cli*"
-  options:
-    parser: babylon

.prettierrc.json

@@ -0,0 +1,3 @@
+{
+  "trailingComma": "es5"
+}

.vscode/launch.json

@@ -0,0 +1,27 @@
+{
+  // Use IntelliSense to learn about possible attributes.
+  // Hover to view descriptions of existing attributes.
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "launch",
+      "name": "Launch Program",
+      "cwd": "${workspaceFolder}",
+      "args": [
+        "-r",
+        "ts-node/register",
+        "-r",
+        "tsconfig-paths/register",
+        "${workspaceFolder}/src/index.ts"
+      ],
+      "env": {
+        "TS_NODE_PROJECT": "${workspaceFolder}/src/tsconfig.json",
+        // Set to 1 here beacuse clustering gets all weird with logging + output.
+        "CONCURRENCY": "1"
+      },
+      "outputCapture": "std"
+    }
+  ]
+}

.vscode/settings.json

@@ -0,0 +1,19 @@
+{
+  "editor.formatOnSave": true,
+  "files.associations": {
+    "*.css": "postcss"
+  },
+  "files.exclude": {
+    "**/.git": true,
+    "**/.svn": true,
+    "**/.hg": true,
+    "**/CVS": true,
+    "**/.DS_Store": true,
+    ".vs": true
+  },
+  "tslint.exclude": "**/node_modules/**",
+  "tslint.autoFixOnSave": true,
+  "tslint.jsEnable": true,
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "postcss.validate": false
+}

CODE_OF_CONDUCT.md

@@ -1,7 +0,0 @@
-# Vox Media Code of Conduct
-
-## Introduction
-
-This code of conduct governs the environment of the Vox Product team. We created it not because we anticipate bad behavior, but because we believe that articulating our values and obligations to one another reinforces the already exceptional level of respect among the team and because having a code provides us with clear avenues to correct our culture should it ever stray from that course. We make this code public in the hopes of contributing to the ongoing conversation about inclusion in the tech, design, and media communities and encourage other teams to fork it and make it their own. To our team, we commit to enforce and evolve this code as our team grows.
-
-Read the rest here: http://code-of-conduct.voxmedia.com/

CONTRIBUTING.md

@@ -1,73 +0,0 @@
-# Contributor's Guide
-
-Welcome! We are very excited that you are interested in contributing to Talk.
-
-This document is a companion to help you approach contributing. If it does not do so, please [let us know how we can improve it](https://github.com/coralproject/talk/issues)!
-
-By contributing to this project you agree to the [Code of Conduct](CODE_OF_CONDUCT.md).
-
-## What should I Contribute?
-
-There are at least three ways to contribute to Talk:
-
-* Writing Code
-* Writing Docs
-* Providing Translations
-
-## Writing Code
-
-Conversation surrounding contributions begins in [issues](https://github.com/coralproject/talk/issues).
-
-### When should I create an issue?
-
-File an issue as soon as you have an idea of something you'd like to contribute. We would love to hear what you're thinking and help refine the idea to make it into the Talk ecosystem.
-
-Please file issues if:
-
-* you would like to contribute to Talk Core.
-* you are building a Plugin that the current Plugin API doesn't support.
-* you are building a Plugin and want advice.
-
-### What should I include?
-
-Coral has adopted an iterative, agile development philosophy. All contributions that make it into the Talk repository should start with a user story in this form:
-
-> As a [type of Coral user] I'd like to [do something] so that I can [get some result/value].
-
-This exercise does two things:
-
-* allows us to ground our technical choices in a clear, simple product need.
-* expresses that product need in a way that doesn't imply a specific technical solution allowing for debate as to the best way to solve the problem.
-
-Please feel free to provide as much detail as possible when filing the issue but please do keep the initial issue specific to one need and try to avoid including technical or design solutions.
-
-If you have a specific technical or design solution in mind, please submit it as the first comment on the thread.
-
-## Contributing Documentation
-
-Clear docs are a prerequisite for a successful open source project. Contributing to the documentation is often more important than contributing to the code!
-
-We are looking for _documentarians_ to:
-
-* make clarity, grammar and completeness updates,
-* create new / missing sections, and
-* take the lead in making sections, or the over all structure better.
-
-Our documentation is stored in markdown files in the [docs](docs) directory. We
-use [Hexo](https://hexo.io/) to provide our docs. To preview:
-
-```shell
-cd docs
-yarn
-yarn start
-```
-
-Then visit http://127.0.0.1:4000/talk/.
-
-If you'd like to discuss a contribution, please [file an issue](https://github.com/coralproject/talk/issues) describing the changes you would like to see.
-
-## Contributing Translations
-
-Talk's translations are stored in `.yml` files [here](https://github.com/coralproject/talk/tree/master/locales).
-
-Translations can be submitted via pull request. If you do not use github, you can use 'en.yml' as a template and [email](https://coralproject.net/contact) the translations to us. We can import it into the repository.

Dockerfile

@@ -1,28 +1,33 @@
-FROM node:8-alpine
+FROM node:10-alpine
 
-# Create app directory
+# Install build dependancies.
+RUN apk --no-cache add git python
+
+# Create app directory.
 RUN mkdir -p /usr/src/app
 WORKDIR /usr/src/app
 
-# Setup the environment
-ENV PATH /usr/src/app/bin:$PATH
-ENV TALK_PORT 5000
-EXPOSE 5000
-
-# Bundle app source
-COPY . /usr/src/app
-
-# Ensure the runtime of the container is in production mode.
+# Setup the environment for production.
 ENV NODE_ENV production
 
+# Bundle application source.
+COPY . /usr/src/app
+
 # Store the current git revision.
 ARG REVISION_HASH
-ENV REVISION_HASH=${REVISION_HASH}
+RUN mkdir -p dist/core/common/__generated__ && \
+  echo "{\"revision\": \"${REVISION_HASH}\"}" > dist/core/common/__generated__/revision.json
 
-# Install app dependencies and build static assets.
-RUN yarn global add node-gyp && \
-    yarn install --frozen-lockfile && \
-    yarn build && \
-    yarn cache clean
+# Install build static assets and clear caches.
+RUN NODE_ENV=development npm install && \
+  npm run generate && \
+  npm run build && \
+  npm prune --production
 
-CMD ["yarn", "start"]
+# Setup the environment
+ENV PATH /usr/src/app/bin:$PATH
+ENV PORT 5000
+EXPOSE 5000
+ENV NODE_ENV production
+
+CMD ["npm", "run", "start"]

Dockerfile.onbuild

@@ -1,27 +0,0 @@
-FROM coralproject/talk:latest
-
-# Setup the build arguments
-ONBUILD ARG TALK_ADDTL_COMMENTS_ON_LOAD_MORE=10
-ONBUILD ARG TALK_ASSET_COMMENTS_LOAD_DEPTH=10
-ONBUILD ARG TALK_REPLY_COMMENTS_LOAD_DEPTH=3
-ONBUILD ARG TALK_ADDTL_REPLIES_ON_LOAD_MORE=999999
-ONBUILD ARG TALK_THREADING_LEVEL=3
-ONBUILD ARG TALK_DEFAULT_STREAM_TAB=all
-ONBUILD ARG TALK_DISABLE_EMBED_POLYFILL=FALSE
-ONBUILD ARG TALK_DEFAULT_LANG=en
-ONBUILD ARG TALK_WHITELISTED_LANGUAGES
-ONBUILD ARG TALK_PLUGINS_JSON
-ONBUILD ARG TALK_WEBPACK_SOURCE_MAP
-ONBUILD ARG TALK_DEFAULT_LAZY_RENDER
-
-# Bundle app source
-ONBUILD COPY . /usr/src/app
-
-# At this stage, we need to install the development dependencies again because
-# we need to have webpack available. We then build the new dependencies and
-# clear out the development dependencies again. After this we of course need to
-# clear out the yarn cache, this saves quite a lot of size.
-ONBUILD RUN cli plugins reconcile && \
-            yarn && \
-            yarn build && \
-            yarn cache clean

LICENSE

@@ -1,4 +1,4 @@
-Copyright 2018 Mozilla Foundation
+Copyright 2019 Vox Media, Inc
 
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.

README.md

@@ -1,40 +1,243 @@
-# Talk · [![CircleCI](https://circleci.com/gh/coralproject/talk.svg?style=svg)](https://circleci.com/gh/coralproject/talk) · [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md#pull-requests)
+# talk ![CircleCI](https://img.shields.io/circleci/project/github/coralproject/talk/next.svg)
 
-Online comments are broken. Our open-source commenting platform, Talk, rethinks how moderation, comment display, and conversation function, creating the opportunity for safer, smarter discussions around your work. [Read more about Talk here](https://coralproject.net/talk).
+Online comments are broken. Our open-source commenting platform, Talk, rethinks
+how moderation, comment display, and conversation function, creating the
+opportunity for safer, smarter discussions around your work.
+[Read more about Talk here](https://coralproject.net/talk).
 
-Built with <3 by The Coral Project, a part of [Vox Media](https://www.voxmedia.com/).
+Built with <3 by The Coral Project, a part of [Vox Media](https://product.voxmedia.com/).
 
-## Getting Started
+Preview Talk easily by running Talk via a Heroku App:
 
-Check out our Quickstart and Install guides to get started with Talk in our [Technical Docs](https://docs.coralproject.net/talk/).
+[![Deploy](https://www.herokucdn.com/deploy/button.svg)](https://heroku.com/deploy?template=https://github.com/coralproject/talk/tree/next)
 
-## Product Guide
+<!-- START doctoc generated TOC please keep comment here to allow auto update -->
+<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
+## Table of Contents
 
-Learn more about Talk, including a deep dive into features for commenters and moderators, and FAQs in our [Talk Product Guide](https://docs.coralproject.net/talk/how-talk-works).
+- [Requirements](#requirements)
+- [Running](#running)
+  - [Docker](#docker)
+  - [Source](#source)
+  - [Development](#development)
+    - [Design Language System (UI Components)](#design-language-system-ui-components)
+- [Configuration](#configuration)
+- [License](#license)
 
-## Pre-Launch Guide
+<!-- END doctoc generated TOC please keep comment here to allow auto update -->
 
-You’ve installed Talk on your server, and you’re preparing to launch it on your site. The real community work starts now, before you go live. You have a unique opportunity pre-launch to set your community up for success. Read our [Talk Community Guide](https://coralproject.net/blog/youve-installed-talk-now-what/).
+## Requirements
 
-## Advanced Usage
+- MongoDB >=3.6
+- Redis >=3.2
+- NodeJS >=10
+- NPM >=6.7
 
-For advanced configuration and usage of Talk, check out our [Configuration](https://docs.coralproject.net/talk/advanced-configuration/) and [Integration](https://docs.coralproject.net/talk/integrating/authentication/) how-tos. This covers topics in which you will need dev support to fully customize and integrate Talk, such as SSO/authentication, creating and managing assets and articles, styling Talk with custom CSS, and setting up Notifications and SMTP support.
+## Running
 
-## Versions & Upgrading
+You can install Talk using Docker or via Source. We recommend Docker, as it
+provides the easiest deployment solution going forward, as all the dependencies
+are baked and shipped with the provided
+[coralproject/talk:next](https://hub.docker.com/r/coralproject/talk) image.
+When v5 releases to master, you'll be able to select it using
+`coralproject/talk:5`.
 
-Check our Releases page for the latest recommended release version. [Releases](https://github.com/coralproject/talk/releases) All future even-numbered versions are considered stable LTS versions. We recommend the latest verified release for use in production environments. 
+### Docker
 
-## More Resources
+The easiest way to get started with Talk is through our published Docker image
+and provided example `docker-compose.yml` file. The following assumes that you
+have Docker and Docker Compose installed on your local machine:
 
-- [Our Blog](https://coralproject.net/blog)
-- [Community Guides for Journalism](https://guides.coralproject.net/)
-- [More About Us](https://coralproject.net/)
+- Install Docker: https://docs.docker.com/install/
+- Install Docker Compose: https://docs.docker.com/compose/install/ (this is typically included in the Docker Desktop editions already)
 
-## End-to-End Testing
+```bash
+# Create directories to persist the data in MongoDB and Redis.
+mkdir -p data/{mongo,redis}
 
-Talk uses [Nightwatch](http://nightwatchjs.org/) as our e2e testing framework. The testing infrastructure that allows us to run our tests in real browsers is provided with love by our friends at [Browserstack](https://browserstack.com).
+# Create the `docker-compose.yml` file to get started.
+cat > docker-compose.yml <<EOF
+version: "2"
+services:
+  talk:
+    image: coralproject/talk:next
+    restart: always
+    ports:
+      - "127.0.0.1:3000:5000"
+    depends_on:
+      - mongo
+      - redis
+    environment:
+      - MONGODB_URI=mongodb://mongo:27017/talk
+      - REDIS_URI=redis://redis:6379
+      - SIGNING_SECRET=<replace me with something secret>
+  mongo:
+    image: mongo:3.6
+    volumes:
+      - ./data/mongo:/data/db
+  redis:
+    image: redis:3.2
+    volumes:
+      - ./data/redis:/data
+EOF
 
-[![Browserstack](/public/img/browserstack_logo.png)](https://browserstack.com)
+# Start up Talk using Docker.
+docker-compose up -d
+```
+
+Then head on over to http://localhost:3000 to install Talk!
+
+### Source
+
+Talk requires NodeJS >=10, we recommend using `nvm` to help manage node
+versions: https://github.com/creationix/nvm.
+
+```bash
+# Clone and cd into the Talk directory.
+git clone https://github.com/coralproject/talk.git
+cd talk
+
+# Install dependencies.
+npm install
+
+# Build the application dependencies.
+# This might take a while.
+npm run build
+```
+
+This should output all the compiled application code to `./dist`.
+
+Running Talk with default settings assumes that you have:
+
+- MongoDB >=3.6 running on `127.0.0.1:27017`
+- Redis >=3.2 running on `127.0.0.1:6379`
+
+If you don't already have these databases running, you can execute the following
+assuming you have Docker installed on your local machine:
+
+```bash
+docker run -d -p 27017:27017 --restart always --name mongo mongo:3.6
+docker run -d -p 6379:6379 --restart always --name redis redis:3.2
+```
+
+Then start Talk with:
+
+```bash
+# Start the server in production mode.
+npm run start
+```
+
+Then head on over to http://localhost:3000 to install Talk!
+
+### Development
+
+Running Talk for development is very similar to installing Talk via Source as
+described above.
+
+Talk requires NodeJS >=10, we recommend using `nvm` to help manage node
+versions: https://github.com/creationix/nvm.
+
+```bash
+# Clone and cd into the Talk directory.
+git clone https://github.com/coralproject/talk.git
+cd talk
+
+# Install dependencies.
+npm install
+```
+
+Running Talk with default settings assumes that you have:
+
+- MongoDB >=3.6 running on `127.0.0.1:27017`
+- Redis >=3.2 running on `127.0.0.1:6379`
+
+If you don't already have these databases running, you can execute the following
+assuming you have Docker installed on your local machine:
+
+```bash
+docker run -d -p 27017:27017 --restart always --name mongo mongo:3.6
+docker run -d -p 6379:6379 --restart always --name redis redis:3.2
+```
+
+Then start Talk with:
+
+```bash
+# Run the server in development mode in order to facilitate auto-restarting and
+# rebuilding when file changes are detected. This might take a while to fully run.
+npm run watch
+```
+
+When the client code has been built, navigate to http://localhost:8080/install.html
+to start the installation wizard. **Note: Ensure `localhost:8080` is used in the permitted domains list.**
+
+To see the comment stream goto http://localhost:8080/.
+
+To run linting and tests use the following commands:
+
+```bash
+# Run the linters.
+npm run lint
+
+# Run our unit and integration tests.
+npm run test
+```
+
+#### Design Language System (UI Components)
+
+We use [docz](https://docz.site) to document and develop our Design Language System. To start docz run:
+
+```bash
+# Make sure CSS types are generated.
+# This is not required when `npm run watch` is already running.
+npm run generate:css-types
+
+# Run docz in development.
+npm run docz -- dev
+```
+
+After compilation has finished you can access docz at http://localhost:3030/.
+
+## Configuration
+
+The following environment variables can be set to configure the Talk Server. You
+can expose them in your shell via `export NODE_ENV=development` or by placing
+the variables in a `.env` file in the root of the project in a simple
+`NODE_ENV=development` format delimited by newlines.
+
+- `NODE_ENV` - Can be one of `production` or `development`. All production
+  deployments should use `production`. Defaults to `production` when ran with
+  `npm run start` and `development` when run with `npm run start:development`.
+- `PORT` - The port to listen for HTTP and Websocket requests. (Default `3000`)
+- `MONGODB_URI` - The MongoDB database URI to connect to.
+  (Default `mongodb://127.0.0.1:27017/talk`)
+- `REDIS_URI` - The Redis database URI to connect to.
+  (Default `redis://127.0.0.1:6379`)
+- `SIGNING_SECRET` - The shared secret to use to sign JSON Web Tokens (JWT) with
+  the selected signing algorithm. 🚨 **Don't forget to set this variable!** 🚨
+  (Default: `keyboard cat`)
+- `SIGNING_ALGORITHM` - The signing algorithm to use for signing JWT's.
+  (Default `HS256`).
+- `LOGGING_LEVEL` - The logging level that can be set to one of `fatal`,
+  `error`, `warn`, `info`, `debug`, or `trace`. (Default `info`)
+- `STATIC_URI` - The URI that static assets can be accessed from. This URI can
+  be to a proxy that uses this Talk server on `PORT` as the upstream. Disabled
+  by default.
+- `DISABLE_TENANT_CACHING` - When `true`, all tenants will be loaded from the
+  database when needed rather than keeping a in-memory copy in sync via
+  published events on Redis. (Default `false`)
+- `DISABLE_MONGODB_AUTOINDEXING` - When `true`, Talk will not perform indexing
+  operations when it starts up. This can be desired when you've already
+  installed Talk on the target MongoDB, but want to improve start performance.
+  (Default `false`)
+- `LOCALE` - Specify the default locale to use for all requests without a locale
+  specified. (Default `en-US`)
+- `ENABLE_GRAPHIQL` - When `true`, it will enable the `/graphiql` even in
+  production, use with care. (Default `false`)
+- `CONCURRENCY` - The number of worker nodes to spawn to handle web traffic,
+  this should be tied to the number of CPU's available. (Default
+  `os.cpus().length`)
+- `DEV_PORT` - The port where the Webpack Development server is running on.
+  (Default `8080`)
 
 ## License
 

app.js

@@ -1,108 +0,0 @@
-const express = require('express');
-const nunjucks = require('nunjucks');
-const cons = require('consolidate');
-const trace = require('./middleware/trace');
-const logging = require('./middleware/logging');
-const path = require('path');
-const merge = require('lodash/merge');
-const helmet = require('helmet');
-const plugins = require('./services/plugins');
-const { HELMET_CONFIGURATION } = require('./config');
-const { MOUNT_PATH } = require('./url');
-const routes = require('./routes');
-const debug = require('debug')('talk:app');
-const { ENABLE_TRACING, APOLLO_ENGINE_KEY, PORT } = require('./config');
-
-const app = express();
-
-// Add the trace middleware first, it will create a request ID for each request
-// downstream.
-app.use(trace);
-
-//==============================================================================
-// PLUGIN PRE APPLICATION MIDDLEWARE
-//==============================================================================
-
-// Inject server route plugins.
-plugins.get('server', 'app').forEach(({ plugin, app: callback }) => {
-  debug(`added plugin '${plugin.name}'`);
-
-  // Pass the app to the plugin to mount it's routes.
-  callback(app);
-});
-
-//==============================================================================
-// APPLICATION WIDE MIDDLEWARE
-//==============================================================================
-
-// Add the logging middleware only if we aren't testing.
-if (process.env.NODE_ENV !== 'test') {
-  app.use(logging.log);
-}
-
-if (ENABLE_TRACING && APOLLO_ENGINE_KEY) {
-  const { Engine } = require('apollo-engine');
-
-  const engine = new Engine({
-    engineConfig: {
-      apiKey: APOLLO_ENGINE_KEY,
-    },
-    graphqlPort: PORT,
-    endpoint: `${MOUNT_PATH}api/v1/graph/ql`,
-  });
-
-  engine.start();
-
-  app.use(engine.expressMiddleware());
-}
-
-// Trust the first proxy in front of us, this will enable us to trust the fact
-// that SSL was terminated correctly.
-app.set('trust proxy', 1);
-
-// Enable a suite of security good practices through helmet. We disable
-// frameguard to allow crossdomain injection of the embed.
-app.use(
-  helmet(
-    merge(HELMET_CONFIGURATION, {
-      frameguard: false,
-    })
-  )
-);
-
-//==============================================================================
-// VIEW CONFIGURATION
-//==============================================================================
-
-// configure the default views directory.
-const views = path.join(__dirname, 'views');
-app.set('views', views);
-
-// reconfigure nunjucks.
-cons.requires.nunjucks = nunjucks.configure(views, {
-  autoescape: true,
-  trimBlocks: true,
-  lstripBlocks: true,
-  watch: process.env.NODE_ENV === 'development',
-});
-
-// assign the nunjucks engine to .njk files.
-app.engine('njk', cons.nunjucks);
-
-// assign the ejs engine to .ejs and .html files.
-app.engine('ejs', cons.ejs);
-app.engine('html', cons.ejs);
-
-// set .ejs as the default extension.
-app.set('view engine', 'ejs');
-
-//==============================================================================
-// ROUTES
-//==============================================================================
-
-debug(`mounting routes on the ${MOUNT_PATH} path`);
-
-// Actually apply the routes.
-app.use(MOUNT_PATH, routes);
-
-module.exports = app;

app.json

@@ -1,41 +1,40 @@
 {
-    "name": "The Coral Project: Talk",
-    "env": {
-        "TALK_JWT_SECRET": {
-            "description": "The session secret",
-            "generator": "secret"
-        },
-        "TALK_ROOT_URL": {
-            "description": "Please copy the App Name you choose above. If you did not choose one, please do so now and copy it here. Talk on Heroku will not work without this setting.",
-            "value":"https://<COPY APP NAME HERE>.herokuapp.com",
-            "required": true
-        },
-        "TALK_FACEBOOK_APP_ID": {
-            "value": "",
-            "required": true
-        },
-        "TALK_FACEBOOK_APP_SECRET": {
-            "value": "",
-            "required": true
-        },
-        "MAILGUN_SMTP_PASSWORD": {
-            "value": "",
-            "required": true
-        },
-        "NODE_ENV": "production",
-        "REWRITE_ENV": "TALK_MONGO_URL:MONGO_URI,TALK_REDIS_URL:REDIS_URL,TALK_SMTP_HOST:MAILGUN_SMTP_SERVER,TALK_SMTP_PORT:MAILGUN_SMTP_PORT,TALK_SMTP_USERNAME:MAILGUN_SMTP_LOGIN,TALK_SMTP_PASSWORD:MAILGUN_SMTP_PASSWORD",
-        "NPM_CONFIG_PRODUCTION": "false"
+  "name": "Talk",
+  "description": "A better commenting experience from Vox Media.",
+  "env": {
+    "REWRITE_ENV": {
+      "description": "Used to rewrite the environment variables set by Heroku.",
+      "value": "REDIS_URI:REDIS_URL,MONGODB_URI:MONGO_URI"
     },
-    "addons": [{
-        "plan": "mongolab:sandbox",
-        "as": "MONGO"
-    }, {
-        "plan": "rediscloud:30",
-        "as": "REDIS"
-    }, {
-        "plan": "mailgun:starter",
-        "as": "MAILGUN"
-    }],
-    "image": "heroku/nodejs",
-    "success_url": "/admin/install"
+    "SIGNING_SECRET": {
+      "description":
+        "The shared secret to use to sign JSON Web Tokens (JWT) with the selected signing algorithm.",
+      "generator": "secret"
+    },
+    "CONCURRENCY": {
+      "description": "The number of worker nodes to spawn to handle traffic.",
+      "value": "1"
+    },
+    "LOCALE": {
+      "description":
+        "Specify the default locale to use for all requests without a locale specified",
+      "value": "en-US"
+    },
+    "ENABLE_GRAPHIQL": {
+      "description": "When true, this will enable the GraphiQL routes",
+      "value": "false"
+    }
+  },
+  "addons": [
+    {
+      "plan": "mongolab:sandbox",
+      "as": "MONGO"
+    },
+    {
+      "plan": "rediscloud:30",
+      "as": "REDIS"
+    }
+  ],
+  "success_url": "/install",
+  "website": "https://github.com/coralproject/talk"
 }

babel.config.js

@@ -0,0 +1,30 @@
+/**
+ * This is a project wide babel configuration.
+ * https://babeljs.io/docs/en/config-files#project-wide-configuration
+ *
+ * We use this file to apply babel configuration to packages in `node_modules`
+ */
+
+const lodashOptimizations =
+  process.env.WEBPACK === "true" ? ["use-lodash-es", "lodash"] : [];
+
+module.exports = {
+  env: {
+    production: {
+      plugins: [...lodashOptimizations],
+    },
+    development: {
+      plugins: [...lodashOptimizations],
+    },
+    test: {
+      presets: [
+        [
+          "@babel/env",
+          { targets: "last 2 versions, ie 11", modules: "commonjs" },
+        ],
+        "@babel/react",
+      ],
+      plugins: ["dynamic-import-node"],
+    },
+  },
+};

bin/cli

@@ -1,24 +0,0 @@
-#!/usr/bin/env node
-
-const program = require('commander');
-
-// We're requiring this here so it'll setup some promise rejection hooks to log
-// out.
-require('./util');
-
-// Setup the program.
-program
-  .command('serve', 'serve the application')
-  .command('db', 'run database commands')
-  .command('settings', 'interact with the application settings')
-  .command('assets', 'interact with assets')
-  .command('setup', 'setup the application')
-  .command('jobs', 'work with the job queues')
-  .command('token', 'work with the access tokens')
-  .command('users', 'work with the application auth')
-  .command('migration', 'provides utilities for migrating the database')
-  .command(
-    'plugins',
-    'provides utilities for interacting with the plugin system'
-  )
-  .parse(process.argv);

bin/cli-assets

@@ -1,297 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const program = require('commander');
-const parseDuration = require('ms');
-const Table = require('cli-table2');
-const AssetModel = require('../models/asset');
-const CommentModel = require('../models/comment');
-const AssetsService = require('../services/assets');
-const mongoose = require('../services/mongoose');
-const scraper = require('../services/scraper');
-const Context = require('../graph/context');
-const inquirer = require('inquirer');
-const { URL } = require('url');
-
-// Register the shutdown criteria.
-util.onshutdown([() => mongoose.disconnect()]);
-
-/**
- * Lists all the assets registered in the database.
- */
-async function listAssets(opts) {
-  try {
-    let assets = await AssetModel.find({}).sort({ created_at: 1 });
-
-    switch (opts.format) {
-      case 'json': {
-        console.log(JSON.stringify(assets, null, 2));
-        break;
-      }
-      default: {
-        let table = new Table({
-          head: ['ID', 'Title', 'URL'],
-        });
-
-        assets.forEach(asset => {
-          table.push([
-            asset.id,
-            asset.title ? asset.title : '',
-            asset.url ? asset.url : '',
-          ]);
-        });
-
-        console.log(table.toString());
-        break;
-      }
-    }
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function refreshAssets(ageString) {
-  try {
-    const query = AssetModel.find({}, { id: 1 });
-    if (ageString) {
-      // An age was specified, so filter only those assets.
-      const ageMs = parseDuration(ageString);
-      const age = new Date(Date.now() - ageMs);
-
-      query.merge({
-        $or: [
-          {
-            scraped: {
-              $lte: age,
-            },
-          },
-          {
-            scraped: null,
-          },
-        ],
-      });
-    }
-
-    // Create a graph context.
-    const ctx = Context.forSystem();
-
-    // Load the assets.
-    const cursor = query.cursor();
-
-    // Queue all the assets for scraping.
-    const promises = [];
-
-    let asset = await cursor.next();
-    while (asset) {
-      promises.push(scraper.create(ctx, asset.id));
-      asset = await cursor.next();
-    }
-
-    await Promise.all(promises);
-
-    console.log(`${promises.length} Assets were queued to be scraped.`);
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function updateURL(assetID, assetURL) {
-  try {
-    await AssetsService.updateURL(assetID, assetURL);
-
-    console.log(`Asset ${assetID} was updated to have url ${assetURL}.`);
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function merge(srcID, dstID) {
-  try {
-    // Grab the assets...
-    let [srcAsset, dstAsset] = await AssetsService.findByIDs([srcID, dstID]);
-    if (!srcAsset || !dstAsset) {
-      throw new Error('Not all assets indicated by id exist, cannot merge');
-    }
-
-    // Count the affected resources...
-    let srcCommentCount = await CommentModel.find({ asset_id: srcID }).count();
-
-    console.log(
-      `Now going to update ${srcCommentCount} comments and delete the source Asset[${srcID}].`
-    );
-
-    let { confirm } = await inquirer.prompt([
-      {
-        type: 'confirm',
-        name: 'confirm',
-        message: 'Proceed with merge',
-        default: false,
-      },
-    ]);
-
-    if (confirm) {
-      // Perform the merge!
-      await AssetsService.merge(srcID, dstID);
-    } else {
-      console.warn('Aborting merge');
-    }
-
-    util.shutdown(0);
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function rewrite(search, replace, options) {
-  try {
-    search = new RegExp(search);
-
-    const assets = await AssetModel.find({
-      url: { $regex: search },
-    });
-    if (assets.length === 0) {
-      console.log(`No assets found with the pattern: ${search}`);
-      return util.shutdown(0);
-    }
-
-    let opts = [];
-    assets.forEach(({ id, url: oldURL }) => {
-      // Replace the url.
-      const newURL = oldURL.replace(search, replace);
-
-      // Try to validate that the new url is valid.
-      try {
-        new URL(newURL);
-      } catch (err) {
-        throw new Error(
-          `Rewrite would have replaced the valid URL ${oldURL} with an invalid one ${newURL}`
-        );
-      }
-
-      opts.push({
-        find: { id },
-        updateOne: { $set: { url: newURL } },
-        id,
-        oldURL,
-        newURL,
-      });
-    });
-
-    if (opts.length > 0) {
-      if (options.dryRun) {
-        const table = new Table({ head: ['ID', 'Old URL', 'New URL'] });
-
-        opts.forEach(({ id, oldURL, newURL }) => {
-          table.push([id, oldURL, newURL]);
-        });
-
-        console.log(table.toString());
-      } else {
-        const bulk = AssetModel.collection.initializeUnorderedBulkOp();
-        opts.forEach(({ find, updateOne, oldURL, newURL }) => {
-          // If the url was updated with the operation, then queue up the update op.
-          if (newURL !== oldURL) {
-            bulk.find(find).updateOne(updateOne);
-          }
-        });
-        await bulk.execute();
-        console.log(`${opts.length} assets had their url's updated`);
-      }
-    }
-
-    util.shutdown(0);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-/**
- * debugAssetURL will scrape the given URL and print it's scraped values.
- */
-async function debugAssetURL(url) {
-  try {
-    const meta = await scraper.scrape(url);
-
-    const table = new Table({ head: ['Property', 'Value'] });
-
-    for (const [property, value] of Object.entries(meta)) {
-      table.push([property, value]);
-    }
-
-    console.log(table.toString());
-
-    util.shutdown(0);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('list')
-  .option(
-    '--format <type>',
-    'Specify the output format [table]',
-    /^(table|json)$/i,
-    'table'
-  )
-  .description('list all the assets in the database')
-  .action(listAssets);
-
-program
-  .command('debug [url]')
-  .description(
-    'prints the scraped metadata that would be added to the given asset'
-  )
-  .action(debugAssetURL);
-
-program
-  .command('refresh [age]')
-  .description('queues the assets that exceed the age requested')
-  .action(refreshAssets);
-
-program
-  .command('update-url <assetID> <url>')
-  .description('update the URL of an asset')
-  .action(updateURL);
-
-program
-  .command('merge <srcID> <dstID>')
-  .description(
-    'merges two assets together by moving comments from src to dst and deleting the src asset'
-  )
-  .action(merge);
-
-program
-  .command('rewrite <search> <replace>')
-  .option('-d, --dry-run', 'enables dry run of the replacement')
-  .description(
-    "rewrites asset url's using the provided regex replacement pattern"
-  )
-  .action(rewrite);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-db

@@ -1,53 +0,0 @@
-#!/usr/bin/env node
-
-const util = require('./util');
-const program = require('commander');
-const config = require('../config');
-
-async function createIndexes() {
-  try {
-    // Ensure we enable the index creation.
-    config.CREATE_MONGO_INDEXES = true;
-
-    // TODO: handle the plugin index creation?
-
-    // Let's register the shutdown hooks.
-    util.onshutdown([() => require('../services/mongoose').disconnect()]);
-
-    // Lets create all the database indexes for the application and wait for all
-    // them to finish their indexing.
-    const models = [
-      require('../models/action'),
-      require('../models/asset'),
-      require('../models/comment'),
-      require('../models/setting'),
-      require('../models/user'),
-      require('../models/migration'),
-    ];
-
-    // Call the `.init()` method to setup all the indexes on each model.
-    // `init()` returns a promise that resolves when the indexes have finished
-    // building successfully. The `init()` function is idempotent, so we don't
-    // have to worry about triggering an index rebuild.
-    await Promise.all(models.map(Model => Model.init()));
-
-    console.log('Indexes created');
-    util.shutdown(0);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-program
-  .command('createIndexes')
-  .description('creates the database indexes and waits until they are created')
-  .action(createIndexes);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (process.argv.length <= 2) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-jobs

@@ -1,130 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const program = require('commander');
-const jobs = require('../jobs');
-const mongoose = require('../services/mongoose');
-const kue = require('../services/kue');
-
-util.onshutdown([() => mongoose.disconnect()]);
-
-/**
- * Starts the job processor.
- */
-function processJobs() {
-  // The scraper only needs to shutdown when the scraper has actually been
-  // started.
-  util.onshutdown([() => kue.Task.shutdown()]);
-
-  // Start the jobs processor.
-  jobs.process();
-}
-
-/**
- * Removes a single job.
- * @param  {Object} job the job to be removed
- * @return {Promise}
- */
-function removeJob(job) {
-  return new Promise((resolve, reject) =>
-    job.remove(err => {
-      if (err) {
-        return reject(err);
-      }
-
-      return resolve(job);
-    })
-  );
-}
-
-/**
- * Get the top n jobs with a specific state.
- * @param  {String} [state='complete'] state to list jobs by
- * @param  {Number} limit              limit of jobs to load
- * @return {Promise}
- */
-function rangeJobsByState(state, limit) {
-  return new Promise((resolve, reject) => {
-    kue.Job.rangeByState(state, 0, limit, 'asc', (err, jobs) => {
-      if (err) {
-        return reject(err);
-      }
-
-      resolve(jobs);
-    });
-  });
-}
-
-async function getJobBatch(n, includeStuck) {
-  let jobs = [];
-
-  jobs = await rangeJobsByState('complete', n);
-
-  if (includeStuck) {
-    jobs = jobs.concat(await rangeJobsByState('failed', n));
-  }
-
-  return jobs;
-}
-
-/**
- * Cleans up the jobs that are in the queue.
- */
-async function cleanupJobs(options) {
-  // The scraper only needs to shutdown when the scraper has actually been
-  // started.
-  util.onshutdown([() => kue.Task.shutdown()]);
-
-  const n = 100;
-
-  try {
-    // Connect to redis by establishing a queue.
-    kue.Task.connect();
-
-    let jobCount = 0;
-    let jobs = await getJobBatch(n, options.stuck);
-
-    while (jobs.length > 0) {
-      // Remove all the jobs.
-      await Promise.all(jobs.map(job => removeJob(job)));
-
-      jobCount += jobs.length;
-
-      // Get the next batch of jobs.
-      jobs = await getJobBatch(n, options.stuck);
-    }
-
-    util.shutdown();
-    console.log(`Removed ${jobCount} jobs`);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('process')
-  .description('starts job processing')
-  .action(processJobs);
-
-program
-  .command('cleanup')
-  .option('-s, --stuck', 'cleans up jobs that have been stuck', false)
-  .description('cleans up inactive jobs')
-  .action(cleanupJobs);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (process.argv.length <= 2) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-migration

@@ -1,129 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const _ = require('lodash');
-const program = require('commander');
-const inquirer = require('inquirer');
-const mongoose = require('../services/mongoose');
-const MigrationService = require('../services/migration');
-
-// Register shutdown hooks.
-util.onshutdown([() => mongoose.disconnect()]);
-
-async function createMigration(name) {
-  try {
-    // Create the migration.
-    await MigrationService.create(name);
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function runMigrations(options) {
-  const { yes, queryBatchSize, updateBatchSize } = options;
-  try {
-    if (!yes) {
-      const { backedUp } = await inquirer.prompt([
-        {
-          type: 'confirm',
-          name: 'backedUp',
-          message: 'Did you perform a database backup',
-          default: false,
-        },
-      ]);
-
-      if (!backedUp) {
-        throw new Error(
-          'Please backup your databases prior to migrations occuring'
-        );
-      }
-    }
-
-    // Get the migrations to run.
-    const migrations = await MigrationService.listPending();
-
-    console.log('Now going to run the following migrations:\n');
-
-    for (const { filename } of migrations) {
-      console.log(`\tmigrations/${filename}`);
-    }
-
-    if (!yes) {
-      const { confirm } = await inquirer.prompt([
-        {
-          type: 'confirm',
-          name: 'confirm',
-          message: 'Proceed with migrations',
-          default: false,
-        },
-      ]);
-
-      if (confirm) {
-        // Run the migrations.
-        await MigrationService.run(migrations, {
-          queryBatchSize,
-          updateBatchSize,
-        });
-      } else {
-        console.warn('Skipping migrations');
-      }
-    } else {
-      // Run the migrations.
-      await MigrationService.run(migrations, {
-        queryBatchSize,
-        updateBatchSize,
-      });
-    }
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('create <name>')
-  .description('creates a new migration')
-  .action(createMigration);
-
-// Bypasses issue that defaults + coercion doesn't work well together.
-// Ref: https://github.com/tj/commander.js/issues/400#issuecomment-310860869
-const parse10 = _.ary(_.partialRight(parseInt, 10), 1);
-
-program
-  .command('run')
-  .option(
-    '-q, --query-batch-size <n>',
-    'change the size of queried documents that are batched at a time',
-    parse10,
-    10000
-  )
-  .option(
-    '-u, --update-batch-size <n>',
-    'change the size of documents that are batched before the update is sent',
-    parse10,
-    20000
-  )
-  .option('-y, --yes', 'will answer yes to all questions')
-  .description('runs all pending migrations')
-  .action(runMigrations);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (process.argv.length <= 2) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-plugins

@@ -1,406 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-// Interface heavily inspired by the yarn package manager:
-// https://yarnpkg.com/
-
-require('./util');
-const program = require('commander');
-const inquirer = require('inquirer');
-
-// Make things colorful!
-require('colors');
-const emoji = require('node-emoji');
-
-const fs = require('fs-extra');
-const path = require('path');
-const dir = path.resolve(__dirname, '..');
-const spawn = require('cross-spawn');
-const semver = require('semver');
-const resolve = require('resolve');
-const { plugins, iteratePlugins, isInternal } = require('../plugins');
-
-function existsInNodeModules(name) {
-  try {
-    resolve.sync(name, { basedir: dir });
-
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-function versionMatch(name, version) {
-  try {
-    let matched = false;
-
-    resolve.sync(name, {
-      basedir: dir,
-      packageFilter: pkg => {
-        if (pkg && pkg.version && semver.satisfies(pkg.version, version)) {
-          matched = true;
-        }
-
-        return pkg;
-      },
-    });
-
-    return matched;
-  } catch (e) {
-    return false;
-  }
-}
-
-const EXTERNAL = /^\w[a-z\-0-9.]+$/; // Match "react", "path", "fs", "lodash.random", etc.
-
-function reconcilePackages({ quiet = false, upgradeRemote = false }) {
-  const fetchable = [];
-  const local = [];
-  const upgradable = [];
-
-  if (!quiet) {
-    console.log();
-    console.log(' +local     (l)  packages in your project');
-    console.log(' +external  (e)  packages are external');
-    console.log(' +outofdate (oe) packages are external but are out of date');
-    console.log(' +missing   (m)  packages are not found');
-    console.log();
-  }
-
-  for (let i in plugins) {
-    let section = iteratePlugins(plugins[i]);
-
-    for (let j in section) {
-      let { name, version } = section[j];
-
-      let namespaced = name.charAt(0) === '@';
-      let dep = name
-        .split('/')
-        .slice(0, namespaced ? 2 : 1)
-        .join('/');
-
-      // Ignore relative modules, which aren't installed by NPM
-      if (!dep.match(EXTERNAL) && !namespaced) {
-        return;
-      }
-
-      if (isInternal(dep)) {
-        if (!quiet) {
-          console.log(` l  ${name}`);
-        }
-
-        local.push({ name, version });
-        continue;
-      }
-
-      if (!existsInNodeModules(dep)) {
-        if (!quiet) {
-          console.log(` m  ${name}`);
-        }
-        fetchable.push({ name, version });
-      } else if (!versionMatch(dep, version)) {
-        // A plugin was found, yet the current version does not match the
-        // current version installed. We should warn if upgradeRemote is
-        // not enabled that it is currently not supported.
-        if (!upgradeRemote) {
-          if (!quiet) {
-            console.warn(` oe ${name} (package upgrade may be required)`.bgRed);
-          }
-
-          continue;
-        }
-
-        console.log(` oe ${name} (package upgrade may be required)`);
-
-        upgradable.push({ name, version });
-      } else {
-        if (!quiet) {
-          console.log(` e  ${name}`);
-        }
-
-        if (upgradeRemote) {
-          upgradable.push({ name, version });
-        }
-      }
-    }
-  }
-
-  if (!quiet) {
-    console.log();
-  }
-
-  return { local, fetchable, upgradable };
-}
-
-async function reconcileRemotePlugins({ dryRun, upgradeRemote }) {
-  console.log(`\n['1/2'] ${emoji.get('mag')} Reconciling plugins...`.yellow);
-  const { fetchable, upgradable } = reconcilePackages({ upgradeRemote });
-
-  console.log(`['2/2'] ${emoji.get('truck')} Fetching plugins...\n`.yellow);
-
-  if (fetchable.length > 0) {
-    console.log(
-      `$ yarn add --ignore-scripts --ignore-workspace-root-check ${fetchable
-        .map(({ name, version }) => `${name}@${version}`.cyan)
-        .join(' ')}`
-    );
-
-    if (!dryRun) {
-      let args = [
-        'add',
-        '--ignore-scripts',
-        '--ignore-workspace-root-check',
-        ...fetchable.map(({ name, version }) => `${name}@${version}`),
-      ];
-
-      let output = spawn.sync('yarn', args, {
-        stdio: ['ignore', 'pipe', 'inherit'],
-      });
-
-      if (output.status) {
-        throw new Error(
-          'Could not install external plugins, errors occurred during install'
-        );
-      }
-
-      console.log(output.stdout.toString());
-    }
-  }
-
-  if (upgradable.length > 0) {
-    console.log(
-      `$ yarn upgrade ${upgradable.map(
-        ({ name, version }) => `${name}@${version}`.cyan
-      )}`
-    );
-
-    if (!dryRun) {
-      let args = [
-        'upgrade',
-        ...upgradable.map(({ name, version }) => `${name}@${version}`),
-      ];
-
-      let output = spawn.sync('yarn', args, {
-        stdio: ['ignore', 'pipe', 'inherit'],
-      });
-
-      if (output.status) {
-        throw new Error(
-          'Could not install external plugins, errors occurred during install'
-        );
-      }
-
-      console.log(output.stdout.toString());
-    }
-  }
-
-  return { upgradable, fetchable };
-}
-
-// This traverses the local plugins and installs any dependencies listed there,
-// this only is really needed for plugins that are installed via docker because
-// core plugins will have their dependencies already included in core.
-async function reconcilePluginDeps({ dryRun, upgradeRemote }) {
-  try {
-    let startTime = new Date();
-
-    // Locate any external plugins and install them.
-    const results = await reconcileRemotePlugins({
-      dryRun,
-      upgradeRemote,
-    });
-
-    let status;
-    if (dryRun) {
-      status = '[dry-run] success'.green;
-    } else {
-      status = 'success'.green;
-    }
-
-    let message;
-    if (results.upgradable.length === 0 && results.fetchable.length === 0) {
-      message = 'Already up-to-date.';
-    } else if (results.upgradable.length === 0) {
-      message = `Fetched ${results.fetchable.length} new plugins.`;
-    } else if (results.fetchable.length === 0) {
-      message = `Upgraded ${results.upgradable.length} new plugins.`;
-    } else {
-      message = `Fetched ${results.fetchable.length} new plugins, upgraded ${
-        results.upgradable.length
-      } plugins.`;
-    }
-
-    console.log(`\n${status} ${message}`);
-
-    let endTime = new Date();
-
-    let totalTime = ((endTime.getTime() - startTime.getTime()) / 1000).toFixed(
-      2
-    );
-    console.log(`✨ Done in ${totalTime}s.`);
-  } catch (err) {
-    console.error(err);
-    process.exit(1);
-  }
-}
-
-async function createSeedPlugin() {
-  const pluginsDir = path.resolve(__dirname, '..', 'plugins');
-
-  function pluginNameExists(pluginName) {
-    const pluginNames = fs.readdirSync(pluginsDir);
-    return !!pluginNames.filter(pn => pn === pluginName).length;
-  }
-
-  let answers = await inquirer.prompt([
-    {
-      type: 'input',
-      name: 'pluginName',
-      message: 'Plugin Name:',
-      validate: input => {
-        if (pluginNameExists(input)) {
-          return 'Please, choose another name. That name already exists';
-        }
-
-        if (input && input.length > 0) {
-          return true;
-        }
-
-        return 'Plugin Name is required.';
-      },
-    },
-    {
-      type: 'confirm',
-      name: 'server',
-      message: 'Is this plugin extending the server capabilities?',
-    },
-    {
-      type: 'confirm',
-      name: 'client',
-      message: 'Is this plugin extending the client capabilities?',
-    },
-    {
-      type: 'confirm',
-      name: 'addPluginsJson',
-      message: 'Should we add it to the plugins.json?',
-    },
-  ]);
-
-  //==============================================================================
-  // Creating plugin seed
-  //==============================================================================
-
-  const seedPlugin = path.join(__dirname, 'templates/plugin');
-  const newPluginPath = path.join(pluginsDir, answers.pluginName);
-
-  if (fs.existsSync(seedPlugin)) {
-    if (answers.server && answers.client) {
-      // This is a server-side and client-side plugin!, let's copy the template
-      fs.copySync(seedPlugin, newPluginPath);
-    } else {
-      fs.copySync(seedPlugin, newPluginPath, {
-        filter: p => {
-          // Allowing plugin folder and files with no subfolders
-          const rootRx = /plugin$|plugin\/[^/]*(\.).{2,3}/gim;
-          if (
-            rootRx.test(p) &&
-            (fs.lstatSync(p).isDirectory() || fs.lstatSync(p).isFile())
-          ) {
-            return true;
-          }
-
-          // If it's a client-side plugin, copying client folder
-          if (answers.client) {
-            return /client/.test(p);
-          }
-
-          // If it's a server-side plugin, copying server folder
-          if (answers.server) {
-            return /server/.test(p);
-          }
-        },
-      });
-    }
-
-    // Let's add this to the plugins.json
-    if (answers.addPluginsJson) {
-      const pluginsJson = path.resolve(__dirname, '..', 'plugins.json');
-
-      let j;
-      try {
-        j = await fs.readJson(pluginsJson);
-      } catch (err) {
-        // Fallback to plugins.default.json if the plugins.json file does not
-        // exist.
-        const defaultPluginsJson = path.resolve(
-          __dirname,
-          '..',
-          'plugins.default.json'
-        );
-
-        try {
-          j = await fs.readJson(defaultPluginsJson);
-        } catch (err) {
-          // Fallback to an empty one if that also, doesn't exist.
-          j = { client: [], server: [] };
-        }
-      }
-
-      // This is a client-side plugin, let's push this.
-      if (answers.client) {
-        j.client.push(answers.pluginName);
-
-        const output = JSON.stringify(j, null, 2);
-        fs.writeFileSync(pluginsJson, output);
-      }
-
-      // This is a server-side plugin, let's push this.
-      if (answers.server) {
-        j.server.push(answers.pluginName);
-
-        const output = JSON.stringify(j, null, 2);
-        fs.writeFileSync(pluginsJson, output);
-      }
-    }
-
-    console.log(
-      `✨ Yay! Plugin created! Find your plugin: ${
-        answers.pluginName
-      } in the ./plugins folder`
-    );
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('create')
-  .description('creates a seed plugin')
-  .action(createSeedPlugin);
-
-program
-  .command('list')
-  .description('')
-  .action(reconcilePackages);
-
-program
-  .command('reconcile')
-  .description('reconciles dependencies by downloading external plugins')
-  .option('-u, --upgrade-remote', 'upgrades remote dependencies')
-  .option(
-    '-d, --dry-run',
-    'does not actually change anything on the filesystem acts only as a simulation'
-  )
-  .action(reconcilePluginDeps);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
-}

bin/cli-serve

@@ -1,41 +0,0 @@
-#!/usr/bin/env node
-
-const throng = require('throng');
-const { CONCURRENCY } = require('../config');
-const { logger } = require('../services/logging');
-const util = require('./util');
-const program = require('commander');
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .option('-j, --jobs', 'enable job processing on this thread')
-  .option(
-    '--disabled-jobs <jobs>',
-    'disable jobs specified if the -j option is passed, specified as a comma separated list',
-    val => val.split(','),
-    []
-  )
-  .option(
-    '-w, --websockets',
-    'enable the websocket (subscriptions) handler on this thread'
-  )
-  .parse(process.argv);
-
-throng({
-  workers: CONCURRENCY,
-  start: i => {
-    logger.info({ workerID: i }, 'started worker');
-
-    // Load in the serve.
-    const serve = require('../serve');
-
-    // Start serving.
-    serve(program).catch(err => {
-      console.error(err);
-      util.shutdown(1);
-    });
-  },
-});

bin/cli-settings

@@ -1,62 +0,0 @@
-#!/usr/bin/env node
-
-const util = require('./util');
-const program = require('commander');
-const inquirer = require('inquirer');
-const mongoose = require('../services/mongoose');
-const Settings = require('../services/settings');
-const cache = require('../services/cache');
-
-// Register the shutdown criteria.
-util.onshutdown([() => mongoose.disconnect()]);
-
-/**
- * Change the organization name
- */
-async function changeOrgName() {
-  try {
-    await cache.init();
-
-    // Get the original settings.
-    const settings = await Settings.select('organizationName');
-
-    const { organizationName } = await inquirer.prompt([
-      {
-        name: 'organizationName',
-        message: 'Organization Name',
-        default: settings.organizationName,
-      },
-    ]);
-
-    if (settings.organizationName !== organizationName) {
-      // Set the organization name if there was a mutation to it.
-      await Settings.update({ organizationName });
-
-      console.log('Settings were updated.');
-    } else {
-      console.log('No update needed, no change was made.');
-    }
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  } finally {
-    util.shutdown();
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('change-org-name')
-  .description('change the organization name')
-  .action(changeOrgName);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-setup

@@ -1,222 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const program = require('commander');
-const inquirer = require('inquirer');
-const mongoose = require('../services/mongoose');
-const SettingModel = require('../models/setting');
-const MODERATION_OPTIONS = require('../models/enum/moderation_options');
-const SettingsService = require('../services/settings');
-const SetupService = require('../services/setup');
-const UsersService = require('../services/users');
-const MigrationService = require('../services/migration');
-const { ErrSettingsInit, ErrSettingsNotInit } = require('../errors');
-const Context = require('../graph/context');
-
-// Register the shutdown criteria.
-util.onshutdown([() => mongoose.disconnect()]);
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .description('runs the setup wizard to setup the application')
-  .option('--defaults', 'apply defaults for config instead of prompting')
-  .parse(process.argv);
-
-//==============================================================================
-// Setup the application
-//==============================================================================
-
-const performSetup = async () => {
-  // Get the current settings, we are expecing an error here.
-  try {
-    // Try to get the settings.
-    await SettingsService.retrieve();
-
-    // We should NOT have gotten a settings object, this means that the
-    // application is already setup. Error out here.
-    throw new ErrSettingsInit();
-  } catch (err) {
-    // If the error is `not init`, then we're good, otherwise, it's something
-    // else.
-    if (!err instanceof ErrSettingsNotInit) {
-      throw err;
-      return;
-    }
-  }
-
-  if (program.defaults) {
-    await SettingsService.init();
-
-    // Get the migrations to run.
-    let migrations = await MigrationService.listPending();
-
-    // Perform all migrations.
-    await MigrationService.run(migrations);
-
-    console.log('Settings created.');
-    console.log('\nTalk is now installed!');
-
-    return;
-  }
-
-  // Create the base settings model.
-  let settings = new SettingModel();
-
-  console.log(
-    "\nWe'll ask you some questions in order to setup your installation of Talk.\n"
-  );
-
-  let answers = await inquirer.prompt([
-    {
-      type: 'input',
-      name: 'organizationName',
-      message: 'Organization Name',
-      default: settings.organizationName,
-      validate: input => {
-        if (input && input.length > 0) {
-          return true;
-        }
-
-        return 'Organization Name is required.';
-      },
-    },
-    {
-      type: 'list',
-      choices: MODERATION_OPTIONS,
-      name: 'moderation',
-      default: settings.moderation,
-      message: 'Select a moderation mode',
-    },
-    {
-      type: 'confirm',
-      name: 'requireEmailConfirmation',
-      default: settings.requireEmailConfirmation,
-      message: 'Should emails always be confirmed',
-    },
-  ]);
-
-  // Update the settings that were changed.
-  Object.keys(answers).forEach(key => {
-    if (answers[key] !== undefined) {
-      settings[key] = answers[key];
-    }
-  });
-
-  answers = await inquirer.prompt([
-    {
-      type: 'confirm',
-      name: 'inputWhitelistedDomains',
-      default: true,
-      message: 'Would you like to specify a whitelisted domain',
-    },
-    {
-      type: 'input',
-      name: 'whitelistedDomain',
-      message: 'Whitelisted Domain',
-      when: ({ inputWhitelistedDomains }) => inputWhitelistedDomains,
-      validate: input => {
-        if (input && input.length > 0) {
-          return true;
-        }
-
-        return 'Whitelisted Domain cannot be empty.';
-      },
-    },
-  ]);
-
-  if (answers.inputWhitelistedDomains) {
-    settings.domains.whitelist = [answers.whitelistedDomain];
-  }
-
-  console.log("\nWe'll ask you some questions about your first admin user.\n");
-
-  let { username, email } = await inquirer.prompt([
-    {
-      type: 'input',
-      name: 'username',
-      message: 'Username',
-      filter: username => {
-        return UsersService.isValidUsername(username, false).catch(err => {
-          throw err.message;
-        });
-      },
-    },
-    {
-      name: 'email',
-      message: 'Email',
-      format: 'email',
-      validate: value => {
-        if (value && value.length >= 3) {
-          return true;
-        }
-
-        return 'Email is required';
-      },
-    },
-  ]);
-
-  let password = '';
-  while (!password) {
-    answers = await inquirer.prompt([
-      {
-        name: 'password',
-        message: 'Password',
-        type: 'password',
-        filter: password => {
-          try {
-            UsersService.isValidPassword(password);
-          } catch (err) {
-            throw err.message;
-          }
-
-          return password;
-        },
-      },
-      {
-        name: 'confirmPassword',
-        message: 'Confirm Password',
-        type: 'password',
-      },
-    ]);
-
-    if (answers.password !== answers.confirmPassword) {
-      console.error('Passwords do not match');
-    } else {
-      password = answers.password;
-    }
-  }
-
-  const ctx = Context.forSystem();
-  let { user: newUser } = await SetupService.setup(ctx, {
-    settings: settings.toObject(),
-    user: {
-      email,
-      username,
-      password,
-    },
-  });
-
-  console.log('Settings created.');
-  console.log(`User ${newUser.id} created.`);
-  console.log('\nTalk is now installed!');
-  console.log(
-    '\nWe recommend adding TALK_INSTALL_LOCK=TRUE to your environment to turn off the dynamic setup.'
-  );
-};
-
-// Start the setup process.
-performSetup()
-  .then(() => {
-    util.shutdown();
-  })
-  .catch(e => {
-    console.error(e);
-    util.shutdown(1);
-  });

bin/cli-token

@@ -1,91 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const program = require('commander');
-const mongoose = require('../services/mongoose');
-const TokensService = require('../services/tokens');
-const Table = require('cli-table2');
-
-// Register the shutdown criteria.
-util.onshutdown([() => mongoose.disconnect()]);
-
-async function listTokens(userID) {
-  try {
-    let tokens = await TokensService.list(userID);
-
-    let table = new Table({
-      head: ['ID', 'Name', 'Status'],
-    });
-
-    tokens.forEach(token => {
-      table.push([token.id, token.name, token.active ? 'Active' : 'Revoked']);
-    });
-
-    console.log(table.toString());
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function revokeToken(tokenID) {
-  try {
-    await TokensService.revoke(null, tokenID);
-
-    console.log(`Revoked Token[${tokenID}]`);
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-async function createToken(userID, tokenName) {
-  try {
-    let {
-      pat: { id },
-      jwt,
-    } = await TokensService.create(userID, tokenName);
-
-    console.log(`Created Token[${id}] for User[${userID}] = ${jwt}`);
-
-    util.shutdown();
-  } catch (e) {
-    console.error(e);
-    util.shutdown(1);
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('list <userID>')
-  .description('list tokens for a user')
-  .action(listTokens);
-
-program
-  .command('revoke <tokenID>')
-  .description('revokes a token with a given id')
-  .action(revokeToken);
-
-program
-  .command('create <userID> <tokenName>')
-  .description('create a token for a user with a given name')
-  .action(createToken);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/cli-users

@@ -1,347 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Module dependencies.
- */
-
-const util = require('./util');
-const program = require('commander');
-const inquirer = require('inquirer');
-const { stripIndent } = require('common-tags');
-const Table = require('cli-table2');
-
-// Make things colorful!
-require('colors');
-
-// Register the autocomplete plugin.
-inquirer.registerPrompt(
-  'autocomplete',
-  require('inquirer-autocomplete-prompt')
-);
-
-const Context = require('../graph/context');
-const UsersService = require('../services/users');
-const UserModel = require('../models/user');
-const USER_ROLES = require('../models/enum/user_roles');
-const mongoose = require('../services/mongoose');
-
-// Register the shutdown criteria.
-util.onshutdown([() => mongoose.disconnect()]);
-
-/**
- * Deletes a user and cleans up their associated verifications.
- */
-async function deleteUser(userID) {
-  try {
-    // Find the user we're removing.
-    const user = await UserModel.findOne({ id: userID });
-    if (!user) {
-      throw new Error(`user with id ${userID} not found`);
-    }
-
-    printUserAsTable(user);
-
-    console.warn(stripIndent`
-
-    This will delete the above user.
-
-    This might take a long time if there is a lot of data, please confirm that
-    you want to continue.
-    `);
-    const { confirm } = await inquirer.prompt({
-      type: 'confirm',
-      name: 'confirm',
-      message: 'Continue',
-      default: false,
-    });
-    if (!confirm) {
-      return util.shutdown();
-    }
-
-    const ctx = Context.forSystem();
-
-    const { data, errors } = await ctx.graphql(
-      `
-      mutation DeleteUser($user_id: ID!) {
-        delUser(id: $user_id) {
-          errors {
-            translation_key
-          }
-        }
-      }
-    `,
-      { user_id: user.id }
-    );
-    if (errors) {
-      throw errors;
-    }
-
-    if (data.errors) {
-      throw data.errors;
-    }
-
-    console.log('User was deleted.');
-
-    util.shutdown();
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-function printUserAsTable(user) {
-  let table = new Table({});
-
-  table.push(
-    { ID: user.id.gray },
-    { Username: user.username },
-    { Emails: user.emails },
-    { Tags: user.tags ? user.tags.map(({ tag: { name } }) => name) : '' },
-    { Role: user.role },
-    { Verified: user.hasVerifiedEmail },
-    { Username: user.status.username.status },
-    { Banned: user.banned },
-    {
-      Suspension: user.suspended
-        ? `Until ${user.status.suspension.until}`
-        : false,
-    },
-    { 'Always premod comments': user.alwaysPremod }
-  );
-
-  console.log(table.toString());
-}
-
-/**
- * Searches for users based on their username and email address.
- */
-async function searchUsers() {
-  const ctx = Context.forSystem();
-  const searchQuery = `
-    query SearchUsers($value: String) {
-      users(query: {value: $value}) {
-        nodes {
-          id
-          username
-          role
-          profiles {
-            id
-            provider
-          }
-        }
-      }
-    }
-  `;
-
-  try {
-    const answers = await inquirer.prompt({
-      type: 'autocomplete',
-      name: 'userID',
-      message: 'Search for a user',
-      source: async (answers, value) => {
-        if (value === null) {
-          value = '';
-        }
-
-        const { data, errors } = await ctx.graphql(searchQuery, {
-          value,
-        });
-        if (errors && errors.length > 0) {
-          throw errors[0];
-        }
-
-        if (data.users === null) {
-          return [];
-        }
-
-        return data.users.nodes.map(user => {
-          const emails = user.profiles
-            .filter(({ provider }) => provider === 'local')
-            .map(({ id }) => id)
-            .join(', ');
-          return {
-            name: `${user.username} (${emails}) ${user.id.gray} - ${
-              user.role.gray
-            }`,
-            value: user.id,
-          };
-        });
-      },
-    });
-
-    const { userID } = answers;
-    const user = await UserModel.findOne({ id: userID });
-
-    printUserAsTable(user);
-    util.shutdown(0);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-/**
- * Adds a role to a user
- * @param  {String} userUD id of the user to add the role to
- * @param  {String} role   the role to add
- */
-async function setUserRole(userID) {
-  try {
-    const { role } = await inquirer.prompt([
-      {
-        name: 'role',
-        message: 'User Role',
-        type: 'list',
-        choices: USER_ROLES,
-      },
-    ]);
-
-    await UsersService.setRole(userID, role);
-
-    console.log(`Set User ${userID} to the ${role} role.`);
-    util.shutdown();
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-/**
- * Verifies an email address for a user.
- *
- * @param userID the user's id
- * @param email  the user's email address to be verified, otherwise verifies the
- *               first email if there is one, if there are multiple, you get a
- *               prompt.
- */
-async function verifyUserEmail(userID, email) {
-  try {
-    // Get the user.
-    const user = await UserModel.findOne({ id: userID });
-    if (!user) {
-      throw new Error(`user with ID ${userID} cannot be found`);
-    }
-
-    // Get all the user's email addresses.
-    const emails = user.emails;
-    if (emails.length === 0) {
-      throw new Error('user did not have any email addresses');
-    }
-
-    if (!email && emails.length === 1) {
-      // The email wasn't passed, and there is only one option.
-      email = emails[0];
-    } else if (!emails.includes(email)) {
-      // The email passed doesn't belong to this user.
-      throw new Error(`user does not have the email ${email}`);
-    } else if (emails.length > 1) {
-      // The email wasn't passed, and there is more than one choice.
-      const answers = await inquirer.prompt([
-        {
-          name: 'email',
-          message: 'Select Email to Verify',
-          type: 'list',
-          choices: emails,
-        },
-      ]);
-
-      email = answers.email;
-    }
-
-    // Verify the email.
-    await UsersService.confirmEmail(userID, email);
-    console.log(`User ${userID} had their email ${email} verified.`);
-    util.shutdown();
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-/**
- * createUser will prompt the user for the user information when creating a
- * local user.
- */
-async function createUser() {
-  try {
-    const answers = await inquirer.prompt([
-      {
-        name: 'email',
-        message: 'Email',
-      },
-      {
-        name: 'username',
-        message: 'Username',
-      },
-      {
-        name: 'password',
-        message: 'Password',
-        type: 'password',
-      },
-      {
-        name: 'role',
-        message: 'Role',
-        type: 'list',
-        choices: USER_ROLES,
-      },
-    ]);
-
-    const { email, username, password, role } = answers;
-
-    const ctx = Context.forSystem();
-
-    // Create the user.
-    const user = await UsersService.createLocalUser(
-      ctx,
-      email,
-      password,
-      username
-    );
-
-    // Set the role.
-    await UsersService.setRole(user.id, role);
-
-    console.log(`Created User[${user.id}]`);
-    util.shutdown(0);
-  } catch (err) {
-    console.error(err);
-    util.shutdown(1);
-  }
-}
-
-//==============================================================================
-// Setting up the program command line arguments.
-//==============================================================================
-
-program
-  .command('create')
-  .description('creates a local user')
-  .action(createUser);
-
-program
-  .command('delete <userID>')
-  .description('delete a user')
-  .action(deleteUser);
-
-program
-  .command('list')
-  .description('searches for a user based on their stored username and email')
-  .action(searchUsers);
-
-program
-  .command('set-role <userID>')
-  .description('sets the role on a user')
-  .action(setUserRole);
-
-program
-  .command('verify <userID> <email>')
-  .description("verifies the given user's email address")
-  .action(verifyUserEmail);
-
-program.parse(process.argv);
-
-// If there is no command listed, output help.
-if (!process.argv.slice(2).length) {
-  program.outputHelp();
-  util.shutdown();
-}

bin/templates/plugin/client/.eslintrc.json

@@ -1,23 +0,0 @@
-{
-  "env": {
-    "browser": true,
-    "es6": true,
-    "mocha": true
-  },
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true,
-      "jsx": true
-    }
-  },
-  "parser": "babel-eslint",
-  "plugins": [
-    "react"
-  ],
-  "rules": {
-    "react/jsx-uses-react": "error",
-    "react/jsx-uses-vars": "error",
-    "no-console": ["warn", { "allow": ["warn", "error"] }]
-  }
-}

bin/templates/plugin/client/components/MyPluginComponent.css

@@ -1,27 +0,0 @@
-.myPluginContainer {
-    padding: 10px;
-    background: #f0f0f0;
-    border: 1px solid #d6d6d6;
-    margin: 10px 0;
-    text-align: center;
-    border-radius: 3px;
-}
-
-.logo {
-  position: block;
-  animation: spin 2s infinite ease;
-  animation-delay: 1s;
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.description {
-  color: #444444;
-}

bin/templates/plugin/client/components/MyPluginComponent.js

@@ -1,25 +0,0 @@
-import React from 'react';
-import { CoralLogo } from 'plugin-api/beta/client/components/ui';
-import styles from './MyPluginComponent.css';
-
-class MyPluginComponent extends React.Component {
-  render() {
-    return (
-      <div className={styles.myPluginContainer}>
-        <CoralLogo className={styles.logo} />
-        <div className={styles.description}>
-          <h3>Plugin created by Talk CLI</h3>
-
-          <small>
-            To read more about plugins check{' '}
-            <a href="https://docs.coralproject.net/talk/plugins-client">
-              our docs and guides!
-            </a>
-          </small>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default MyPluginComponent;

bin/templates/plugin/client/index.js

@@ -1,25 +0,0 @@
-/**
-  This is a client index example file and it could look like this:
-  
-  ```
-  import LoveButton from './components/LoveButton';
-
-  export default {
-    slots: {
-      commentReactions: [LoveButton]
-    },
-    reducer,
-    translations
-  };
-  ```
-
-  To read more info on how to build client plugins. Please, go to: https://docs.coralproject.net/talk/plugins-client
- */
-
-import MyPluginComponent from './components/MyPluginComponent';
-
-export default {
-  slots: {
-    stream: [MyPluginComponent],
-  },
-};

bin/templates/plugin/client/translations.yml

@@ -1,15 +0,0 @@
-# 
-#  This file is for translations and they should look like this:
-#
-#
-#  ```
-#   en:
-#    talk-plugin-respect:
-#     respect: Respect
-#     respected: Respected
-#   es:
-#    talk-plugin-respect:
-#     respect: Respetar
-#     respected: Respetado
-#  ```
-# 

bin/templates/plugin/index.js

@@ -1 +0,0 @@
-module.exports = {};

bin/util.js

@@ -1,68 +0,0 @@
-// Setup the environment.
-require('../services/env');
-
-const debug = require('debug')('talk:util');
-const { uniq } = require('lodash');
-
-// Setup the utilities.
-const util = {};
-
-/**
- * Stores an array of functions that should be executed in the event that the
- * application needs to shutdown.
- * @type {Array}
- */
-util.toshutdown = [];
-
-/**
- * Calls all the shutdown functions and then ends the process.
- * @param  {Number} [defaultCode=0] default return code upon successful shutdown.
- */
-util.shutdown = (defaultCode = 0, signal = null) => {
-  if (signal) {
-    debug(`Reached ${signal} signal`);
-  }
-
-  debug(`${util.toshutdown.length} jobs now being called`);
-
-  Promise.all(util.toshutdown.map(func => (func ? func(signal) : null)))
-    .then(() => {
-      debug('Shutdown complete, now exiting');
-      process.exit(defaultCode);
-    })
-    .catch(err => {
-      console.error(err);
-
-      process.exit(1);
-    });
-};
-
-/**
- * Waits until an event is triggered by the node runtime and elevates a series
- * of jobs to be ran in the event we need to shutdown.
- * @param  {Array} jobs Array of promise capable shutdown functions that are
- *                      executed.
- */
-util.onshutdown = jobs => {
-  debug(`${jobs.length} jobs registered to be called during shutdown`);
-
-  // Add the new jobs to shutdown to the object reference.
-  util.toshutdown = uniq(util.toshutdown.concat(jobs));
-};
-
-// Attach to the SIGTERM + SIGINT handles to ensure a clean shutdown in the
-// event that we have an external event. SIGUSR2 is called when the app is asked
-// to be 'killed', same procedure here.
-process.once('SIGTERM', () => util.shutdown(0, 'SIGTERM'));
-process.once('SIGINT', () => util.shutdown(0, 'SIGINT'));
-process.once('SIGUSR2', () => util.shutdown(0, 'SIGUSR2'));
-
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', err => {
-  console.error(err);
-  process.exit(1);
-});
-
-module.exports = util;

client/.eslintrc.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@coralproject/eslint-config-talk/client"
-}

client/coral-admin/src/AppRouter.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Router, Route, IndexRedirect, IndexRoute } from 'react-router';
-
-import Install from 'routes/Install';
-import Stories from 'routes/Stories';
-import Community from 'routes/Community';
-
-import Configure from 'routes/Configure';
-import StreamSettings from './routes/Configure/containers/StreamSettings';
-import ModerationSettings from './routes/Configure/containers/ModerationSettings';
-import TechSettings from './routes/Configure/containers/TechSettings';
-import OrganizationSettings from './routes/Configure/containers/OrganizationSettings';
-
-import { ModerationLayout, Moderation } from 'routes/Moderation';
-
-import Layout from 'containers/Layout';
-
-const routes = (
-  <div>
-    <Route exact path="/admin/install" component={Install} />
-    <Route path="/admin" component={Layout}>
-      <IndexRedirect to="/admin/moderate" />
-
-      <Route path="configure" component={Configure}>
-        <Route path="stream" component={StreamSettings} />
-        <Route path="moderation" component={ModerationSettings} />
-        <Route path="tech" component={TechSettings} />
-        <Route path="organization" component={OrganizationSettings} />
-        <IndexRedirect to="stream" />
-      </Route>
-
-      <Route path="stories" component={Stories} />
-
-      {/* Community Routes */}
-
-      <Route path="community">
-        <Route path="flagged" components={Community}>
-          <Route path=":id" components={Community} />
-        </Route>
-        <Route path="people" components={Community}>
-          <Route path=":id" components={Community} />
-        </Route>
-        <IndexRedirect to="flagged" />
-      </Route>
-
-      {/* Moderation Routes */}
-
-      <Route path="moderate" component={ModerationLayout}>
-        <IndexRoute components={Moderation} />
-
-        <Route path=":tabOrId" components={Moderation} />
-
-        <Route path=":tab" components={Moderation}>
-          <Route path=":id" components={Moderation} />
-        </Route>
-      </Route>
-    </Route>
-  </div>
-);
-
-class AppRouter extends React.Component {
-  static contextTypes = {
-    history: PropTypes.object,
-  };
-
-  render() {
-    return <Router history={this.context.history} routes={routes} />;
-  }
-}
-
-export default AppRouter;

client/coral-admin/src/actions/alwaysPremodUserDialog.js

@@ -1,14 +0,0 @@
-import {
-  SHOW_ALWAYS_PREMOD_USER_DIALOG,
-  HIDE_ALWAYS_PREMOD_USER_DIALOG,
-} from '../constants/alwaysPremodUserDialog.js';
-
-export const showAlwaysPremodUserDialog = ({ userId, username }) => ({
-  type: SHOW_ALWAYS_PREMOD_USER_DIALOG,
-  userId,
-  username,
-});
-
-export const hideAlwaysPremodUserDialog = () => ({
-  type: HIDE_ALWAYS_PREMOD_USER_DIALOG,
-});

client/coral-admin/src/actions/banUserDialog.js

@@ -1,19 +0,0 @@
-import {
-  SHOW_BAN_USER_DIALOG,
-  HIDE_BAN_USER_DIALOG,
-} from '../constants/banUserDialog';
-
-export const showBanUserDialog = ({
-  userId,
-  username,
-  commentId,
-  commentStatus,
-}) => ({
-  type: SHOW_BAN_USER_DIALOG,
-  userId,
-  username,
-  commentId,
-  commentStatus,
-});
-
-export const hideBanUserDialog = () => ({ type: HIDE_BAN_USER_DIALOG });

client/coral-admin/src/actions/community.js

@@ -1,88 +0,0 @@
-import queryString from 'querystringify';
-
-import {
-  FETCH_USERS_REQUEST,
-  FETCH_USERS_SUCCESS,
-  FETCH_USERS_FAILURE,
-  SORT_UPDATE,
-  SET_PAGE,
-  SET_SEARCH_VALUE,
-  SHOW_BANUSER_DIALOG,
-  HIDE_BANUSER_DIALOG,
-  SHOW_ALWAYS_PREMOD_USER_DIALOG,
-  HIDE_ALWAYS_PREMOD_USER_DIALOG,
-  SHOW_REJECT_USERNAME_DIALOG,
-  HIDE_REJECT_USERNAME_DIALOG,
-  SET_INDICATOR_TRACK,
-} from '../constants/community';
-
-import t from 'coral-framework/services/i18n';
-
-export const fetchUsers = (query = {}) => (dispatch, _, { rest }) => {
-  dispatch(requestFetchUsers());
-  rest(`/users?${queryString.stringify(query)}`)
-    .then(({ result, page, count, limit, totalPages }) => {
-      dispatch({
-        type: FETCH_USERS_SUCCESS,
-        users: result,
-        page,
-        count,
-        limit,
-        totalPages,
-      });
-    })
-    .catch(error => {
-      console.error(error);
-      const errorMessage = error.translation_key
-        ? t(`error.${error.translation_key}`)
-        : error.toString();
-      dispatch({ type: FETCH_USERS_FAILURE, error: errorMessage });
-    });
-};
-
-const requestFetchUsers = () => ({
-  type: FETCH_USERS_REQUEST,
-});
-
-export const updateSorting = sort => ({
-  type: SORT_UPDATE,
-  sort,
-});
-
-export const setPage = page => ({
-  type: SET_PAGE,
-  page,
-});
-
-export const setSearchValue = value => ({
-  type: SET_SEARCH_VALUE,
-  value,
-});
-
-// Ban User Dialog
-export const showBanUserDialog = user => ({ type: SHOW_BANUSER_DIALOG, user });
-export const hideBanUserDialog = () => ({ type: HIDE_BANUSER_DIALOG });
-
-// Always premod User Dialog
-export const showAlwaysPremodUserDialog = user => ({
-  type: SHOW_ALWAYS_PREMOD_USER_DIALOG,
-  user,
-});
-export const hideAlwaysPremodUserDialog = () => ({
-  type: HIDE_ALWAYS_PREMOD_USER_DIALOG,
-});
-
-// Reject Username Dialog
-export const showRejectUsernameDialog = user => ({
-  type: SHOW_REJECT_USERNAME_DIALOG,
-  user,
-});
-export const hideRejectUsernameDialog = () => ({
-  type: HIDE_REJECT_USERNAME_DIALOG,
-});
-
-// Enable or disable the activity indicator subscriptions.
-export const setIndicatorTrack = track => ({
-  type: SET_INDICATOR_TRACK,
-  track,
-});

client/coral-admin/src/actions/configure.js

@@ -1,17 +0,0 @@
-import * as actions from 'constants/configure';
-
-export const updatePending = ({ updater, errorUpdater }) => {
-  return { type: actions.UPDATE_PENDING, updater, errorUpdater };
-};
-
-export const clearPending = () => {
-  return { type: actions.CLEAR_PENDING };
-};
-
-export const showSaveDialog = () => {
-  return { type: actions.SHOW_SAVE_DIALOG };
-};
-
-export const hideSaveDialog = () => {
-  return { type: actions.HIDE_SAVE_DIALOG };
-};

client/coral-admin/src/actions/install.js

@@ -1,162 +0,0 @@
-import * as actions from '../constants/install';
-import validate from 'coral-framework/helpers/validate';
-import errorMsj from 'coral-framework/helpers/error';
-import t from 'coral-framework/services/i18n';
-
-export const nextStep = () => ({ type: actions.NEXT_STEP });
-export const previousStep = () => ({ type: actions.PREVIOUS_STEP });
-export const goToStep = step => ({ type: actions.GO_TO_STEP, step });
-
-const installRequest = () => ({ type: actions.INSTALL_REQUEST });
-const installSuccess = () => ({ type: actions.INSTALL_SUCCESS });
-const installFailure = error => ({ type: actions.INSTALL_FAILURE, error });
-
-const addError = (name, error) => ({ type: actions.ADD_ERROR, name, error });
-const hasError = error => ({ type: actions.HAS_ERROR, error });
-const clearErrors = () => ({ type: actions.CLEAR_ERRORS });
-
-const validation = (formData, dispatch, next) => {
-  if (!(formData != null)) {
-    dispatch(hasError());
-    return;
-  }
-
-  const validKeys = Object.keys(formData).filter(name => name !== 'domains');
-
-  // Required Validation
-  const empty = validKeys.filter(name => {
-    const cond = !formData[name].length;
-
-    if (cond) {
-      // Adding Error
-      dispatch(addError(name, 'This field is required.'));
-    } else {
-      dispatch(addError(name, ''));
-    }
-
-    return cond;
-  });
-
-  if (empty.length) {
-    dispatch(hasError());
-    return;
-  }
-
-  // RegExp Validation
-  const validation = validKeys.filter(name => {
-    const cond = !validate[name](formData[name]);
-    if (cond) {
-      // Adding Error
-      dispatch(addError(name, errorMsj[name]));
-    } else {
-      dispatch(addError(name, ''));
-    }
-
-    return cond;
-  });
-
-  if (validation.length) {
-    dispatch(hasError());
-    return;
-  }
-
-  // Confirm Validation
-  const prefixLength = 'confirm'.length;
-  const confirm = validKeys.filter(name => {
-    if (!name.startsWith('confirm')) {
-      return false;
-    }
-
-    // Check that 'confirmX' equals 'X'.
-    const other =
-      name.substr(prefixLength, 1).toLowerCase() +
-      name.substr(prefixLength + 1);
-    const cond = formData[other] !== formData[name];
-    if (cond) {
-      dispatch(addError(name, errorMsj[name]));
-    }
-    return cond;
-  });
-
-  if (confirm.length) {
-    dispatch(hasError());
-    return;
-  }
-
-  dispatch(clearErrors());
-  next();
-};
-
-export const submitSettings = () => (dispatch, getState) => {
-  const settingsFormData = getState().install.data.settings;
-  validation(settingsFormData, dispatch, function() {
-    dispatch(nextStep());
-  });
-};
-
-export const submitUser = () => (dispatch, getState) => {
-  const userFormData = getState().install.data.user;
-  validation(userFormData, dispatch, function() {
-    dispatch(nextStep());
-  });
-};
-
-export const finishInstall = () => (dispatch, getState, { rest }) => {
-  const data = getState().install.data;
-  dispatch(installRequest());
-  return rest('/setup', { method: 'POST', body: data })
-    .then(() => {
-      dispatch(installSuccess());
-      dispatch(nextStep());
-    })
-    .catch(error => {
-      console.error(error);
-      const errorMessage = error.translation_key
-        ? t(`error.${error.translation_key}`)
-        : error.toString();
-      dispatch(installFailure(errorMessage));
-    });
-};
-
-export const updateSettingsFormData = (name, value) => ({
-  type: actions.UPDATE_FORMDATA_SETTINGS,
-  name,
-  value,
-});
-export const updateUserFormData = (name, value) => ({
-  type: actions.UPDATE_FORMDATA_USER,
-  name,
-  value,
-});
-export const updatePermittedDomains = value => ({
-  type: actions.UPDATE_PERMITTED_DOMAINS_SETTINGS,
-  value,
-});
-
-const checkInstallRequest = () => ({ type: actions.CHECK_INSTALL_REQUEST });
-const checkInstallSuccess = installed => ({
-  type: actions.CHECK_INSTALL_SUCCESS,
-  installed,
-});
-const checkInstallFailure = error => ({
-  type: actions.CHECK_INSTALL_FAILURE,
-  error,
-});
-
-export const checkInstall = next => async (dispatch, _, { rest }) => {
-  dispatch(checkInstallRequest());
-
-  try {
-    const { installed } = await rest('/setup');
-    dispatch(checkInstallSuccess(installed));
-    if (installed) {
-      next();
-    }
-  } catch (error) {
-    console.error(error);
-    const errorMessage = error.translation_key
-      ? t(`error.${error.translation_key}`)
-      : error.toString();
-    dispatch(checkInstallFailure(errorMessage));
-  }
-};

client/coral-admin/src/actions/moderation.js

@@ -1,39 +0,0 @@
-import * as actions from 'constants/moderation';
-
-export const toggleModal = open => ({ type: actions.TOGGLE_MODAL, open });
-export const singleView = () => ({ type: actions.SINGLE_VIEW });
-
-// hide shortcuts note
-export const hideShortcutsNote = () => (dispatch, _, { localStorage }) => {
-  localStorage.setItem('coral:shortcutsNote', 'hide');
-  dispatch({ type: actions.HIDE_SHORTCUTS_NOTE });
-};
-
-export const setSortOrder = order => ({
-  type: actions.SET_SORT_ORDER,
-  order,
-});
-
-export const toggleStorySearch = active => ({
-  type: active ? actions.SHOW_STORY_SEARCH : actions.HIDE_STORY_SEARCH,
-});
-
-export const storySearchChange = value => ({
-  type: actions.STORY_SEARCH_CHANGE_VALUE,
-  value,
-});
-
-export const clearState = () => ({
-  type: actions.CLEAR_STATE,
-});
-
-export const selectCommentId = id => ({
-  type: actions.SELECT_COMMENT,
-  id,
-});
-
-// Enable or disable the activity indicator subscriptions.
-export const setIndicatorTrack = track => ({
-  type: actions.SET_INDICATOR_TRACK,
-  track,
-});

client/coral-admin/src/actions/rejectUsernameDialog.js

@@ -1,14 +0,0 @@
-import {
-  SHOW_REJECT_USERNAME_DIALOG,
-  HIDE_REJECT_USERNAME_DIALOG,
-} from '../constants/rejectUsernameDialog';
-
-export const showRejectUsernameDialog = ({ userId, username }) => ({
-  type: SHOW_REJECT_USERNAME_DIALOG,
-  userId,
-  username,
-});
-
-export const hideRejectUsernameDialog = () => ({
-  type: HIDE_REJECT_USERNAME_DIALOG,
-});

client/coral-admin/src/actions/stories.js

@@ -1,78 +0,0 @@
-import queryString from 'querystringify';
-
-import {
-  FETCH_ASSETS_REQUEST,
-  FETCH_ASSETS_SUCCESS,
-  FETCH_ASSETS_FAILURE,
-  SET_PAGE,
-  SET_SEARCH_VALUE,
-  SET_CRITERIA,
-  UPDATE_ASSET_STATE_REQUEST,
-  UPDATE_ASSET_STATE_SUCCESS,
-  UPDATE_ASSET_STATE_FAILURE,
-  UPDATE_ASSETS,
-} from '../constants/stories';
-
-import t from 'coral-framework/services/i18n';
-
-/**
- * Action disptacher related to assets
- */
-
-// Fetch a page of assets
-// Get comments to fill each of the three lists on the mod queue
-export const fetchAssets = (query = {}) => (dispatch, _, { rest }) => {
-  dispatch({ type: FETCH_ASSETS_REQUEST });
-  return rest(`/assets?${queryString.stringify(query)}`)
-    .then(({ result, page, count, limit, totalPages }) =>
-      dispatch({
-        type: FETCH_ASSETS_SUCCESS,
-        assets: result,
-        page,
-        count,
-        limit,
-        totalPages,
-      })
-    )
-    .catch(error => {
-      console.error(error);
-      const errorMessage = error.translation_key
-        ? t(`error.${error.translation_key}`)
-        : error.toString();
-      dispatch({ type: FETCH_ASSETS_FAILURE, error: errorMessage });
-    });
-};
-
-// Update an asset state
-// Get comments to fill each of the three lists on the mod queue
-export const updateAssetState = (id, closedAt) => (dispatch, _, { rest }) => {
-  dispatch({ type: UPDATE_ASSET_STATE_REQUEST, id, closedAt });
-  return rest(`/assets/${id}/status`, { method: 'PUT', body: { closedAt } })
-    .then(() => dispatch({ type: UPDATE_ASSET_STATE_SUCCESS }))
-    .catch(error => {
-      console.error(error);
-      const errorMessage = error.translation_key
-        ? t(`error.${error.translation_key}`)
-        : error.toString();
-      dispatch({ type: UPDATE_ASSET_STATE_FAILURE, error: errorMessage });
-    });
-};
-
-export const updateAssets = assets => dispatch => {
-  dispatch({ type: UPDATE_ASSETS, assets });
-};
-
-export const setPage = page => ({
-  type: SET_PAGE,
-  page,
-});
-
-export const setSearchValue = value => ({
-  type: SET_SEARCH_VALUE,
-  value,
-});
-
-export const setCriteria = criteria => ({
-  type: SET_CRITERIA,
-  criteria,
-});

client/coral-admin/src/actions/suspendUserDialog.js

@@ -1,19 +0,0 @@
-import {
-  SHOW_SUSPEND_USER_DIALOG,
-  HIDE_SUSPEND_USER_DIALOG,
-} from '../constants/suspendUserDialog.js';
-
-export const showSuspendUserDialog = ({
-  userId,
-  username,
-  commentId,
-  commentStatus,
-}) => ({
-  type: SHOW_SUSPEND_USER_DIALOG,
-  userId,
-  username,
-  commentId,
-  commentStatus,
-});
-
-export const hideSuspendUserDialog = () => ({ type: HIDE_SUSPEND_USER_DIALOG });

client/coral-admin/src/actions/userDetail.js

@@ -1,37 +0,0 @@
-import * as actions from 'constants/userDetail';
-
-export const viewUserDetail = userId => ({
-  type: actions.VIEW_USER_DETAIL,
-  userId,
-});
-export const hideUserDetail = () => ({ type: actions.HIDE_USER_DETAIL });
-
-export const changeTab = tab => {
-  let statuses = null;
-  if (tab === 'rejected') {
-    statuses = ['REJECTED'];
-  }
-  return { type: actions.CHANGE_TAB_USER_DETAIL, tab, statuses };
-};
-
-export const clearUserDetailSelections = () => ({
-  type: actions.CLEAR_USER_DETAIL_SELECTIONS,
-});
-
-export const toggleSelectCommentInUserDetail = (id, active) => {
-  return {
-    type: active
-      ? actions.SELECT_USER_DETAIL_COMMENT
-      : actions.UNSELECT_USER_DETAIL_COMMENT,
-    id,
-  };
-};
-
-export const toggleSelectAllCommentInUserDetail = (ids, active) => {
-  return {
-    type: active
-      ? actions.SELECT_ALL_USER_DETAIL_COMMENT
-      : actions.CLEAR_USER_DETAIL_SELECTIONS,
-    ids,
-  };
-};

client/coral-admin/src/actions/users.js

@@ -1,61 +0,0 @@
-import * as userTypes from '../constants/users';
-import t from 'coral-framework/services/i18n';
-
-/**
- * Action disptacher related to users
- */
-// change status of a user
-export const userStatusUpdate = (status, userId, commentId) => {
-  return (dispatch, _, { rest }) => {
-    dispatch({ type: userTypes.UPDATE_STATUS_REQUEST });
-    return rest(`/users/${userId}/status`, {
-      method: 'POST',
-      body: { status: status, comment_id: commentId },
-    })
-      .then(res => dispatch({ type: userTypes.UPDATE_STATUS_SUCCESS, res }))
-      .catch(error => {
-        console.error(error);
-        const errorMessage = error.translation_key
-          ? t(`error.${error.translation_key}`)
-          : error.toString();
-        dispatch({
-          type: userTypes.UPDATE_STATUS_FAILURE,
-          error: errorMessage,
-        });
-      });
-  };
-};
-
-// change status of a user
-export const sendNotificationEmail = (userId, subject, body) => {
-  return (dispatch, _, { rest }) => {
-    return rest(`/users/${userId}/email`, {
-      method: 'POST',
-      body: { subject, body },
-    }).catch(error => {
-      console.error(error);
-      const errorMessage = error.translation_key
-        ? t(`error.${error.translation_key}`)
-        : error.toString();
-      dispatch({ type: userTypes.USER_EMAIL_FAILURE, error: errorMessage });
-    });
-  };
-};
-
-// let a user edit their username
-export const enableUsernameEdit = userId => {
-  return (dispatch, _, { rest }) => {
-    return rest(`/users/${userId}/username-enable`, { method: 'POST' }).catch(
-      error => {
-        console.error(error);
-        const errorMessage = error.translation_key
-          ? t(`error.${error.translation_key}`)
-          : error.toString();
-        dispatch({
-          type: userTypes.USERNAME_ENABLE_FAILURE,
-          error: errorMessage,
-        });
-      }
-    );
-  };
-};

client/coral-admin/src/components/ActionsMenu.css

@@ -1,54 +0,0 @@
-.button {
-  -webkit-transform: scale(.8);
-  transform: scale(.8);
-  margin: 0;
-}
-
-.root {
-  color: black;
-  > :global(.mdl-menu__container) {
-    margin-left: 10px;
-  }
-}
-
-.buttonOpen {
-  box-shadow: none;
-  color: white;
-  background-color: #616161;
-  border-color: #616161;
-}
-
-.arrowIcon {
-  margin-left: 6px;
-  margin-right: 0;
-  vertical-align: middle; 
-  margin-right: 0;
-  font-size: 14px;
-}
-
-.menu {
-  padding: 0;
-}
-
-.menuItem {
-  color: #2a2a2a;
-  background-color: white;
-  font-size: 0.95em;
-
-  &:first-child {
-    margin-bottom: 1px;
-    border-radius: 2px 2px 0px 0px;
-  }
-  &:last-child {
-    border-radius: 0px 0px 2px 2px;
-  }
-  &:hover, &:active, &:focus {
-    background-color: #e2e2e2;
-    border-color: #616161;
-  }
-  &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active {
-    background-color: #262626;
-    color: rgba(255, 255, 255, 0.5);
-  }
-}
-

client/coral-admin/src/components/ActionsMenu.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Button, Icon } from 'coral-ui';
-import ClickOutside from 'coral-framework/components/ClickOutside';
-import { Menu } from 'react-mdl';
-import cn from 'classnames';
-import { findDOMNode } from 'react-dom';
-import styles from './ActionsMenu.css';
-
-import t from 'coral-framework/services/i18n';
-
-let count = 0;
-
-class ActionsMenu extends React.Component {
-  id = `actions-dropdown-${count++}`;
-  menu = null;
-  state = { open: false };
-  timeout = null;
-
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-  }
-
-  handleRef = ref => {
-    this.menu = ref ? findDOMNode(ref).parentNode : null;
-  };
-
-  syncOpenState = () => {
-    clearTimeout(this.timeout);
-    this.timeout = setTimeout(() => {
-      this.setState({ open: this.menu.className.indexOf('is-visible') >= 0 });
-    }, 150);
-  };
-
-  render() {
-    const { className = '', buttonClassNames = '', label = '' } = this.props;
-    return (
-      <ClickOutside onClickOutside={this.syncOpenState}>
-        <div
-          className={cn(styles.root, className)}
-          onBlur={this.syncOpenState}
-          onClick={this.syncOpenState}
-          onKeyUp={this.syncOpenState}
-        >
-          <Button
-            cStyle="actions"
-            className={cn(
-              styles.button,
-              { [styles.buttonOpen]: this.state.open },
-              buttonClassNames
-            )}
-            disabled={false}
-            id={this.id}
-            onClick={this.syncOpenState}
-            icon={this.props.icon}
-            raised
-          >
-            {label ? label : t('modqueue.actions')}
-            <Icon
-              name={
-                this.state.open ? 'keyboard_arrow_up' : 'keyboard_arrow_down'
-              }
-              className={styles.arrowIcon}
-            />
-          </Button>
-          <Menu target={this.id} className={styles.menu} ref={this.handleRef}>
-            {this.props.children}
-          </Menu>
-        </div>
-      </ClickOutside>
-    );
-  }
-}
-
-ActionsMenu.propTypes = {
-  icon: PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-  buttonClassNames: PropTypes.string,
-};
-
-export default ActionsMenu;

client/coral-admin/src/components/ActionsMenuItem.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import { MenuItem } from 'react-mdl';
-import PropTypes from 'prop-types';
-import styles from './ActionsMenu.css';
-import camelCase from 'lodash/camelCase';
-
-const ActionsMenuItem = props => (
-  <MenuItem
-    className={cn(styles.menuItem, props.className, 'action-menu-item')}
-    {...props}
-    id={camelCase(props.children)}
-  />
-);
-
-ActionsMenuItem.propTypes = {
-  className: PropTypes.string,
-  children: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
-};
-
-export default ActionsMenuItem;

client/coral-admin/src/components/AdminLogin.js

@@ -1,142 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Layout from 'coral-admin/src/components/Layout';
-import styles from './NotFound.css';
-import { Button, TextField, Alert, Success } from 'coral-ui';
-import Recaptcha from 'react-recaptcha';
-import cn from 'classnames';
-import t from 'coral-framework/services/i18n';
-
-class AdminLogin extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = { email: '', password: '', requestPassword: false };
-  }
-
-  handleSignIn = e => {
-    e.preventDefault();
-    this.props.handleLogin(this.state.email, this.state.password);
-  };
-
-  onRecaptchaLoad = () => {
-    // do something?
-  };
-
-  onRecaptchaVerify = recaptchaResponse => {
-    this.props.handleLogin(
-      this.state.email,
-      this.state.password,
-      recaptchaResponse
-    );
-  };
-
-  handleRequestPassword = e => {
-    e.preventDefault();
-    this.props.requestPasswordReset(this.state.email);
-  };
-
-  render() {
-    const { errorMessage, loginMaxExceeded, recaptchaPublic } = this.props;
-    const signInForm = (
-      <form className="talk-admin-login-sign-in" onSubmit={this.handleSignIn}>
-        {errorMessage && <Alert>{errorMessage}</Alert>}
-        <TextField
-          id="email"
-          label={t('login.email_address')}
-          value={this.state.email}
-          onChange={e => this.setState({ email: e.target.value })}
-        />
-        <TextField
-          id="password"
-          label={t('login.password')}
-          value={this.state.password}
-          onChange={e => this.setState({ password: e.target.value })}
-          type="password"
-        />
-        <div style={{ height: 10 }} />
-        <Button
-          className="talk-admin-login-sign-in-button"
-          type="submit"
-          cStyle="black"
-          full
-          onClick={this.handleSignIn}
-        >
-          {t('login.sign_in_button')}
-        </Button>
-        <p className={styles.forgotPasswordCTA}>
-          {t('login.forgot_password')}{' '}
-          <a
-            href="#"
-            className={styles.forgotPasswordLink}
-            onClick={e => {
-              e.preventDefault();
-              this.setState({ requestPassword: true });
-            }}
-          >
-            {t('login.request_passowrd')}
-          </a>
-        </p>
-        {loginMaxExceeded && (
-          <Recaptcha
-            sitekey={recaptchaPublic}
-            render="explicit"
-            theme="dark"
-            onloadCallback={this.onRecaptchaLoad}
-            verifyCallback={this.onRecaptchaVerify}
-          />
-        )}
-      </form>
-    );
-    const requestPasswordForm = this.props.passwordRequestSuccess ? (
-      <p
-        className={styles.passwordRequestSuccess}
-        onClick={() => {
-          location.href = location.href;
-        }}
-      >
-        {this.props.passwordRequestSuccess}{' '}
-        <a className={styles.signInLink} href="#">
-          {t('login.sign_in')}
-        </a>
-        <Success />
-      </p>
-    ) : (
-      <form onSubmit={this.handleRequestPassword}>
-        <TextField
-          label={t('login.email_address')}
-          value={this.state.email}
-          onChange={e => this.setState({ email: e.target.value })}
-        />
-        <Button
-          type="submit"
-          cStyle="black"
-          full
-          onClick={this.handleRequestPassword}
-        >
-          {t('login.reset_password')}
-        </Button>
-      </form>
-    );
-    return (
-      <Layout fixedDrawer restricted={true}>
-        <div className={cn(styles.loginLayout, 'talk-admin-login')}>
-          <h1 className={styles.loginHeader}>{t('login.team_sign_in')}</h1>
-          <p className={styles.loginCTA}>{t('login.sign_in_message')}</p>
-          {this.state.requestPassword ? requestPasswordForm : signInForm}
-        </div>
-      </Layout>
-    );
-  }
-}
-
-AdminLogin.propTypes = {
-  loginMaxExceeded: PropTypes.bool.isRequired,
-  handleLogin: PropTypes.func.isRequired,
-  passwordRequestSuccess: PropTypes.string,
-  loginError: PropTypes.string,
-  recaptchaPublic: PropTypes.string,
-  requestPasswordReset: PropTypes.func,
-  errorMessage: PropTypes.string,
-};
-
-export default AdminLogin;

client/coral-admin/src/components/AlwaysPremodUserDialog.css

@@ -1,29 +0,0 @@
-.dialog {
-  border: none;
-  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
-  width: 400px;
-  top: 50%;
-  transform: translateY(-50%);
-  padding: 20px;
-  border-radius: 4px;
-}
-
-.header {
-  color: black;
-  font-size: 1.5em;
-  font-weight: 500;
-  margin: 0 0 8px 0;
-}
-
-.subheader {
-  color: black;
-  font-size: 1.3em;
-  font-weight: 500;
-  margin: 0 0 8px 0;
-}
-
-.buttons {
-  margin-top: 8px;
-  margin-bottom: 6px;
-  text-align: right;
-}

client/coral-admin/src/components/AlwaysPremodUserDialog.js

@@ -1,68 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import PropTypes from 'prop-types';
-import { Dialog } from 'coral-ui';
-import styles from './AlwaysPremodUserDialog.css';
-
-import Button from 'coral-ui/components/Button';
-import t from 'coral-framework/services/i18n';
-
-class AlwaysPremodUserDialog extends React.Component {
-  handlePerform = () => {
-    this.props.onPerform();
-  };
-
-  render() {
-    const { open, onCancel, username, info } = this.props;
-    return (
-      <Dialog
-        className={cn(styles.dialog, 'talk-always-premod-user-dialog')}
-        id="alwaysPremodUserDialog"
-        open={open}
-        onCancel={onCancel}
-        title={t('alwayspremoddialog.always_premod_user')}
-      >
-        <span className={styles.close} onClick={onCancel}>
-          ×
-        </span>
-        <section>
-          <h2 className={styles.header}>
-            {t('alwayspremoddialog.always_premod_user')}
-          </h2>
-          <h3 className={styles.subheader}>
-            {t('alwayspremoddialog.are_you_sure', username)}
-          </h3>
-          <p className={styles.description}>{info}</p>
-          <div className={styles.buttons}>
-            <Button
-              className={cn('talk-always-premod-user-dialog-button-cancel')}
-              cStyle="white"
-              onClick={onCancel}
-              raised
-            >
-              {t('alwayspremoddialog.cancel')}
-            </Button>
-            <Button
-              className={cn('talk-always-premod-user-dialog-button-confirm')}
-              cStyle="black"
-              onClick={this.handlePerform}
-              raised
-            >
-              {t('alwayspremoddialog.yes_always_premod_user')}
-            </Button>
-          </div>
-        </section>
-      </Dialog>
-    );
-  }
-}
-
-AlwaysPremodUserDialog.propTypes = {
-  open: PropTypes.bool,
-  onPerform: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired,
-  username: PropTypes.string,
-  info: PropTypes.string,
-};
-
-export default AlwaysPremodUserDialog;

client/coral-admin/src/components/App.css

@@ -1,11 +0,0 @@
-:global {
-  html, body, #root, #root > div {
-    min-height: 100%;
-  }
-
-  body {
-    margin: 0;
-    background-color: #FAFAFA;
-    font-family: 'Roboto', sans-serif;
-  }
-}

client/coral-admin/src/components/App.js

@@ -1,17 +0,0 @@
-import React from 'react';
-import ToastContainer from './ToastContainer';
-import './App.css';
-import 'material-design-lite';
-
-import AppRouter from '../AppRouter';
-
-export default class App extends React.Component {
-  render() {
-    return (
-      <div>
-        <ToastContainer />
-        <AppRouter />
-      </div>
-    );
-  }
-}

client/coral-admin/src/components/ApproveButton.css

@@ -1,43 +0,0 @@
-.root {
-  display: block;
-  color: #519954;
-  border: solid 2px rgba(81, 153, 84, 0.75);
-  background: white;
-  padding: 10px 12px;
-  box-sizing: border-box;
-  border-radius: 3px;
-  text-transform: capitalize;
-  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.09);
-  width: 100%;
-  margin: 0 0 .5em;
-
-  &:not(:disabled):hover {
-   box-shadow: none;
-   color: white;
-   background-color: #519954;
-   cursor: pointer;
-  }
-
-  &:disabled {
-    cursor: not-allowed;
-  }
-}
-
-.active {
-  box-shadow: none;
-  color: white;
-  background-color: #519954;
-
-  &:hover {
-    cursor: not-allowed;
-  }
-}
-
-.minimal {
-  width: 45px;
-  min-width: 0;
-}
-
-.icon {
-  margin-right: 5px;
-}

client/coral-admin/src/components/ApproveButton.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import cn from 'classnames';
-import styles from './ApproveButton.css';
-import { Icon } from 'coral-ui';
-
-import t from 'coral-framework/services/i18n';
-
-const ApproveButton = ({ active, minimal, onClick, className, disabled }) => {
-  const text = active ? t('modqueue.approved') : t('modqueue.approve');
-  return (
-    <button
-      className={cn(
-        styles.root,
-        { [styles.minimal]: minimal, [styles.active]: active },
-        className,
-        'talk-admin-approve-button'
-      )}
-      onClick={onClick}
-      disabled={disabled || active}
-    >
-      <Icon name={'done'} className={styles.icon} />
-      {!minimal && text}
-    </button>
-  );
-};
-
-ApproveButton.propTypes = {
-  className: PropTypes.string,
-  active: PropTypes.bool,
-  minimal: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-};
-
-export default ApproveButton;

client/coral-admin/src/components/BanUserDialog.css

@@ -1,179 +0,0 @@
-.dialog {
-  border: none;
-  box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
-  width: 400px;
-  top: 50%;
-  transform: translateY(-50%);
-  padding: 20px;
-  border-radius: 4px;
-}
-
-.header {
-  color: black;
-  font-size: 1.5em;
-  font-weight: 500;
-  margin: 0 0 8px 0;
-}
-
-.subheader {
-  color: black;
-  font-size: 1.3em;
-  font-weight: 500;
-  margin: 0 0 8px 0;
-}
-
-.textField {
-  margin-top: 15px;
-}
-
-.textField label {
-  font-size: 1.08em;
-  font-weight: bold;
-  margin-bottom: 5px;
-}
-
-.textField input {
-  width: 100%;
-  display: block;
-  border: none;
-  outline: none;
-  border: 1px solid rgba(0,0,0,.12);
-  padding: 10px 6px;
-  box-sizing: border-box;
-  border-radius: 2px;
-  margin: 5px auto;
-}
-
-.footer {
-  margin: 20px auto 10px;
-  text-align: center;
-}
-
-.footer span {
-  display: block;
-  margin-bottom: 5px;
-}
-
-.footer a {
-  color: #2c69b6;
-  cursor: pointer;
-  margin: 0 5px;
-}
-
-.socialConnections {
-  margin-bottom: 20px;
-}
-
-.signInButton {
-  margin-top: 10px;
-}
-
-.close {
-  font-size: 20px;
-  line-height: 14px;
-  top: 10px;
-  right: 10px;
-  position: absolute;
-  display: block;
-  font-weight: bold;
-  color: #363636;
-  cursor: pointer;
-}
-
-.close:hover {
-  color: #6b6b6b;
-}
-
-input.error{
-  border: solid 2px #f44336;
-}
-
-.errorMsg, .hint {
-  color: grey;
-  font-weight: 600;
-  padding: 3px 0 16px;
-}
-
-.alert {
-  padding: 10px;
-  margin-bottom: 20px;
-  border-radius: 2px;
-}
-
-.alert--success {
-  border: solid 1px #1ec00e;
-  background: #cbf1b8;
-  color: #006900;
-}
-
-.alert--error {
-  background: #FFEBEE;
-  color: #B71C1C;
-}
-
-.userBox a {
-  color: #2c69b6;
-  cursor: pointer;
-  margin: 0px;
-}
-
-.attention {
-  display: inline-block;
-  width: 15px;
-  height: 15px;
-  background: #B71C1C;
-  color: #FFEBEE;
-  font-weight: bolder;
-  padding: 4px;
-  vertical-align: middle;
-  border-radius: 20px;
-  box-sizing: border-box;
-  font-size: 9px;
-  line-height: 7px;
-  text-align: center;
-  margin-right: 5px;
-}
-
-.action {
-  margin-top: 15px;
-}
-
-.passwordRequestSuccess {
-  border: 1px solid green;
-  background-color: lightgreen;
-  padding: 10px;
-}
-
-.passwordRequestFailure {
-  border: 1px solid orange;
-  background-color: 1px solid coral;
-  padding: 10px;
-}
-
-.cancel {
-  margin-right: 10px;
-  width: 48%;
-}
-
-.ban {
-  width: 48%;
-}
-
-.buttons {
-  margin-top: 8px;
-  margin-bottom: 6px;
-  text-align: right;
-}
-
-.legend {
-  padding: 0;
-  font-weight: bold;
-}
-
-.messageInput {
-  border-radius: 3px;
-  width: 100%;
-  padding: 10px;
-  font-size: 14px;
-  box-sizing: border-box;
-}

client/coral-admin/src/components/BanUserDialog.js

@@ -1,145 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import PropTypes from 'prop-types';
-import { Dialog } from 'coral-ui';
-import styles from './BanUserDialog.css';
-
-import Button from 'coral-ui/components/Button';
-import t from 'coral-framework/services/i18n';
-
-const initialState = { step: 0, message: '' };
-
-class BanUserDialog extends React.Component {
-  state = initialState;
-
-  componentWillReceiveProps(next) {
-    if (this.props.open && !next.open) {
-      this.setState(initialState);
-    }
-  }
-
-  handleMessageChange = e => {
-    const {
-      target: { value: message },
-    } = e;
-    this.setState({ message });
-  };
-
-  goToStep1 = () => {
-    this.setState({
-      step: 1,
-      message: t('bandialog.email_message_ban', this.props.username),
-    });
-  };
-
-  handlePerform = () => {
-    this.props.onPerform({
-      message: this.state.message,
-    });
-  };
-
-  renderStep0() {
-    const { onCancel, username, info } = this.props;
-
-    return (
-      <section>
-        <h2 className={styles.header}>{t('bandialog.ban_user')}</h2>
-        <h3 className={styles.subheader}>
-          {t('bandialog.are_you_sure', username)}
-        </h3>
-        <p className={styles.description}>{info}</p>
-        <div className={styles.buttons}>
-          <Button
-            className={cn('talk-ban-user-dialog-button-cancel')}
-            cStyle="white"
-            onClick={onCancel}
-            raised
-          >
-            {t('bandialog.cancel')}
-          </Button>
-          <Button
-            className={cn('talk-ban-user-dialog-button-confirm')}
-            cStyle="black"
-            onClick={this.goToStep1}
-            raised
-          >
-            {t('bandialog.yes_ban_user')}
-          </Button>
-        </div>
-      </section>
-    );
-  }
-
-  renderStep1() {
-    const { onCancel } = this.props;
-    const { message } = this.state;
-
-    return (
-      <section>
-        <h2 className={styles.header}>{t('bandialog.notify_ban_headline')}</h2>
-        <p className={styles.description}>
-          {t('bandialog.notify_ban_description')}
-        </p>
-        <fieldset>
-          <legend className={styles.legend}>
-            {t('bandialog.write_a_message')}
-          </legend>
-          <textarea
-            rows={5}
-            className={styles.messageInput}
-            value={message}
-            onChange={this.handleMessageChange}
-          />
-        </fieldset>
-        <div className={styles.buttons}>
-          <Button
-            className={cn('talk-ban-user-dialog-button-cancel')}
-            cStyle="white"
-            onClick={onCancel}
-            raised
-          >
-            {t('bandialog.cancel')}
-          </Button>
-          <Button
-            className={cn('talk-ban-user-dialog-button-confirm')}
-            cStyle="black"
-            onClick={this.handlePerform}
-            raised
-          >
-            {t('bandialog.send')}
-          </Button>
-        </div>
-      </section>
-    );
-  }
-
-  render() {
-    const { step } = this.state;
-    const { open, onCancel } = this.props;
-    return (
-      <Dialog
-        className={cn(styles.dialog, 'talk-ban-user-dialog')}
-        id="banUserDialog"
-        open={open}
-        onCancel={onCancel}
-        title={t('bandialog.ban_user')}
-      >
-        <span className={styles.close} onClick={onCancel}>
-          ×
-        </span>
-        {step === 0 && this.renderStep0()}
-        {step === 1 && this.renderStep1()}
-      </Dialog>
-    );
-  }
-}
-
-BanUserDialog.propTypes = {
-  open: PropTypes.bool,
-  onPerform: PropTypes.func.isRequired,
-  onCancel: PropTypes.func.isRequired,
-  username: PropTypes.string,
-  info: PropTypes.string,
-};
-
-export default BanUserDialog;

client/coral-admin/src/components/ButtonCopyToClipboard.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Button } from 'coral-ui';
-import t from 'coral-framework/services/i18n';
-import { withCopyToClipboard } from 'coral-framework/hocs';
-
-class ButtonCopyToClipboard extends React.Component {
-  render() {
-    return <Button {...this.props}>{t('common.copy')}</Button>;
-  }
-}
-
-export default withCopyToClipboard(ButtonCopyToClipboard);

client/coral-admin/src/components/CommentAnimatedEdit.css

@@ -1,28 +0,0 @@
-.root {
-  position: relative;
-}
-
-.bodyLeave {
-  position: absolute;
-  width: 100%;
-  top: 0;
-  background-color: white;
-  opacity: 1.0;
-  transition: background 400ms, opacity 800ms 1600ms;
-  pointer-events: none;
-}
-
-.bodyLeaveActive {
-  opacity: 0;
-  background-color: rgba(255,255,0, 0.2);
-}
-
-.bodyEnter {
-  opacity: 0;
-  pointer-events: none;
-}
-
-.bodyEnterActive {
-  opacity: 1.0;
-  transition: opacity 800ms 2400ms;
-}

client/coral-admin/src/components/CommentAnimatedEdit.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { murmur3 } from 'murmurhash-js';
-import { CSSTransitionGroup } from 'react-transition-group';
-import styles from './CommentAnimatedEdit.css';
-import PropTypes from 'prop-types';
-
-const CommentAnimatedEdit = ({ children, body }) => {
-  return (
-    <CSSTransitionGroup
-      component={'div'}
-      className={styles.root}
-      transitionName={{
-        enter: styles.bodyEnter,
-        enterActive: styles.bodyEnterActive,
-        leave: styles.bodyLeave,
-        leaveActive: styles.bodyLeaveActive,
-      }}
-      transitionEnter={true}
-      transitionLeave={true}
-      transitionEnterTimeout={3600}
-      transitionLeaveTimeout={2800}
-    >
-      {React.cloneElement(React.Children.only(children), {
-        key: murmur3(body),
-      })}
-    </CSSTransitionGroup>
-  );
-};
-
-CommentAnimatedEdit.propTypes = {
-  children: PropTypes.node,
-  body: PropTypes.string.isRequired,
-};
-
-export default CommentAnimatedEdit;

client/coral-admin/src/components/CommentDeletedTombstone.css

@@ -1,5 +0,0 @@
-.tombstone {
-  background-color: #f0f0f0;
-  padding: 1em;
-  color: #1a212f;
-}

client/coral-admin/src/components/CommentDeletedTombstone.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import styles from './CommentDeletedTombstone.css';
-import t from 'coral-framework/services/i18n';
-
-const CommentDeletedTombstone = () => (
-  <div className={styles.tombstone}>{t('framework.comment_is_deleted')}</div>
-);
-
-export default CommentDeletedTombstone;

client/coral-admin/src/components/CommentDetails.css

@@ -1,18 +0,0 @@
-.root {
-  min-height: 25px;
-  padding: 0 16px;
-}
-
-.moreDetail {
-  position: absolute;
-  font-size: 13px;
-  font-weight: 500;
-  color: black;
-  right: 16px;
-
-  &:hover {
-    opacity: 0.9;
-    cursor: pointer;
-  }
-}
-

client/coral-admin/src/components/CommentDetails.js

@@ -1,63 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import styles from './CommentDetails.css';
-import t from 'coral-framework/services/i18n';
-import Slot from 'coral-framework/components/Slot';
-import IfSlotIsNotEmpty from 'coral-framework/components/IfSlotIsNotEmpty';
-
-class CommentDetails extends Component {
-  state = {
-    showDetail: false,
-  };
-
-  constructor() {
-    super();
-    this.state = {
-      showDetail: false,
-    };
-  }
-
-  toggleDetail = () => {
-    this.setState(state => ({
-      showDetail: !state.showDetail,
-    }));
-    this.props.clearHeightCache && this.props.clearHeightCache();
-  };
-
-  render() {
-    const { root, comment, clearHeightCache } = this.props;
-    const { showDetail } = this.state;
-
-    const slotPassthrough = {
-      clearHeightCache,
-      root,
-      comment,
-      more: showDetail,
-    };
-
-    return (
-      <div className={styles.root}>
-        <IfSlotIsNotEmpty
-          slot={['adminCommentMoreDetails', 'adminCommentMoreFlagDetails']}
-          passthrough={slotPassthrough}
-        >
-          <a onClick={this.toggleDetail} className={styles.moreDetail}>
-            {showDetail ? t('modqueue.less_detail') : t('modqueue.more_detail')}
-          </a>
-        </IfSlotIsNotEmpty>
-        <Slot fill="adminCommentDetailArea" passthrough={slotPassthrough} />
-        {showDetail && (
-          <Slot fill="adminCommentMoreDetails" passthrough={slotPassthrough} />
-        )}
-      </div>
-    );
-  }
-}
-
-CommentDetails.propTypes = {
-  root: PropTypes.object.isRequired,
-  comment: PropTypes.object.isRequired,
-  clearHeightCache: PropTypes.func,
-};
-
-export default CommentDetails;

client/coral-admin/src/components/CommentLabels.css

@@ -1,27 +0,0 @@
-.root {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.coreLabels {
-  > *:not(:last-child) {
-    margin-right: 3px;
-  }
-}
-
-.slot {
-  &:not(:empty) {
-    padding-left: 3px;
-  }
-  > *:not(:last-child) {
-    margin-right: 3px;
-  }
-}
-
-.replyLabel {
-  background-color: #3D73D5;
-}
-
-.premodLabel {
-  background-color: #063B9A;
-}

client/coral-admin/src/components/CommentLabels.js

@@ -1,95 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Label from 'coral-ui/components/Label';
-import Slot from 'coral-framework/components/Slot';
-import { t } from 'coral-framework/services/i18n';
-import FlagLabel from 'coral-ui/components/FlagLabel';
-import cn from 'classnames';
-import styles from './CommentLabels.css';
-import { ADMIN, MODERATOR, STAFF } from 'coral-framework/constants/roles';
-
-const staffRoles = [ADMIN, MODERATOR, STAFF];
-
-function isUserFlagged(actions) {
-  return actions.some(
-    action => action.__typename === 'FlagAction' && action.user
-  );
-}
-
-function getUserFlaggedType(actions) {
-  return actions.some(
-    action =>
-      action.__typename === 'FlagAction' &&
-      action.user &&
-      staffRoles.includes(action.user.role)
-  )
-    ? 'Staff'
-    : 'User';
-}
-
-function hasSuspectedWords(actions) {
-  return actions.some(
-    action =>
-      action.__typename === 'FlagAction' && action.reason === 'SUSPECT_WORD'
-  );
-}
-
-function hasHistoryFlag(actions) {
-  return actions.some(
-    action => action.__typename === 'FlagAction' && action.reason === 'TRUST'
-  );
-}
-
-const CommentLabels = ({
-  comment,
-  comment: { className, status, actions, hasParent },
-}) => {
-  const slotPassthrough = {
-    comment,
-  };
-  return (
-    <div className={cn(className, styles.root)}>
-      <div className={styles.coreLabels}>
-        {hasParent && (
-          <Label iconName="reply" className={styles.replyLabel}>
-            reply
-          </Label>
-        )}
-        {status === 'PREMOD' && (
-          <Label iconName="query_builder" className={styles.premodLabel}>
-            Pre-Mod
-          </Label>
-        )}
-        {isUserFlagged(actions) && (
-          <FlagLabel iconName="person">{getUserFlaggedType(actions)}</FlagLabel>
-        )}
-        {hasSuspectedWords(actions) && (
-          <FlagLabel iconName="sms_failed">
-            {t('flags.reasons.comment.suspect_word')}
-          </FlagLabel>
-        )}
-        {hasHistoryFlag(actions) && (
-          <FlagLabel iconName="sentiment_very_dissatisfied">
-            {t('flags.reasons.comment.trust')}
-          </FlagLabel>
-        )}
-      </div>
-      <Slot
-        className={styles.slot}
-        fill="adminCommentLabels"
-        passthrough={slotPassthrough}
-      />
-    </div>
-  );
-};
-
-CommentLabels.propTypes = {
-  comment: PropTypes.shape({
-    className: PropTypes.string,
-    status: PropTypes.string,
-    actions: PropTypes.array,
-    hasParent: PropTypes.bool,
-  }),
-};
-
-export default CommentLabels;

client/coral-admin/src/components/CountBadge.css

@@ -1,16 +0,0 @@
-.count {
-  display: inline-block;
-  background: #616161;
-  margin: 2px;
-  vertical-align: middle;
-  padding: 1px 5px;
-  border-radius: 2px;
-  margin-left: 5px;
-  line-height: 18px;
-  box-sizing: border-box;
-  height: 18px;
-  right: 0;
-  margin-top: 0px;
-  font-size: 12px;
-  color: white;
-}

client/coral-admin/src/components/CountBadge.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styles from './CountBadge.css';
-import { humanizeNumber } from 'coral-framework/helpers/numbers';
-
-const CountBadge = ({ count }) => {
-  let number = count;
-
-  // shorten large counts to abbreviations
-  number = humanizeNumber(number);
-
-  return <span className={styles.count}>{number}</span>;
-};
-
-CountBadge.propTypes = {
-  count: PropTypes.number.isRequired,
-};
-
-export default CountBadge;

client/coral-admin/src/components/Drawer.css

@@ -1,13 +0,0 @@
-@custom-media --table-viewport (max-width: 1024px);
-
-:global {
-  .mdl-layout__drawer-button {
-    visibility: hidden;
-  }
-
-  @media (--table-viewport) {
-    .mdl-layout__drawer-button {
-      visibility: visible;
-    }
-  }
-}

client/coral-admin/src/components/Drawer.js

@@ -1,60 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Navigation, Drawer } from 'react-mdl';
-import { IndexLink, Link } from 'react-router';
-import styles from './Drawer.css';
-import t from 'coral-framework/services/i18n';
-import { can } from 'coral-framework/services/perms';
-import cn from 'classnames';
-
-const CoralDrawer = ({ handleLogout, currentUser }) =>
-  currentUser && can(currentUser, 'ACCESS_ADMIN') ? (
-    <Drawer className={cn('talk-admin-drawer-nav', styles.drawer)}>
-      <div>
-        <Navigation className={styles.nav}>
-          {can(currentUser, 'MODERATE_COMMENTS') && (
-            <IndexLink
-              className={cn('talk-admin-nav-moderate', styles.navLink)}
-              to="/admin/moderate"
-              activeClassName={styles.active}
-            >
-              {t('configure.moderate')}
-            </IndexLink>
-          )}
-          <Link
-            className={cn('talk-admin-nav-stories', styles.navLink)}
-            to="/admin/stories"
-            activeClassName={styles.active}
-          >
-            {t('configure.stories')}
-          </Link>
-          <Link
-            className={cn('talk-admin-nav-community', styles.navLink)}
-            to="/admin/community"
-            activeClassName={styles.active}
-          >
-            {t('configure.community')}
-          </Link>
-          {can(currentUser, 'UPDATE_CONFIG') && (
-            <Link
-              className={cn('talk-admin-nav-configure', styles.navLink)}
-              to="/admin/configure"
-              activeClassName={styles.active}
-            >
-              {t('configure.configure')}
-            </Link>
-          )}
-          <a onClick={handleLogout}>{t('configure.sign_out')}</a>
-          <span>{`v${process.env.VERSION}`}</span>
-        </Navigation>
-      </div>
-    </Drawer>
-  ) : null;
-
-CoralDrawer.propTypes = {
-  handleLogout: PropTypes.func.isRequired,
-  restricted: PropTypes.bool, // hide app elements from a logged out user
-  currentUser: PropTypes.object,
-};
-
-export default CoralDrawer;

client/coral-admin/src/components/EmptyCard.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Card } from 'coral-ui';
-
-const EmptyCard = props => (
-  <Card style={{ textAlign: 'center', maxWidth: 400, margin: '0 auto' }}>
-    {props.children}
-  </Card>
-);
-
-EmptyCard.propTypes = {
-  children: PropTypes.node.isRequired,
-};
-
-export default EmptyCard;

client/coral-admin/src/components/External.css

@@ -1,16 +0,0 @@
-.external {
-  margin-bottom: 20px;
-}
-
-.separator h5 {
-  text-align: center;
-  font-size: 1.2em;
-}
-
-.slot > * {
-margin-bottom: 8px;
-
-&:last-child {
-  margin-bottom: 0px;
-}
-}

client/coral-admin/src/components/External.js

@@ -1,24 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styles from './External.css';
-import Slot from 'coral-framework/components/Slot';
-import IfSlotIsNotEmpty from 'coral-framework/components/IfSlotIsNotEmpty';
-
-const External = ({ slot }) => (
-  <IfSlotIsNotEmpty slot={slot}>
-    <div>
-      <div className={styles.external}>
-        <Slot fill={slot} className={styles.slot} />
-      </div>
-      <div className={styles.separator}>
-        <h5>Or</h5>
-      </div>
-    </div>
-  </IfSlotIsNotEmpty>
-);
-
-External.propTypes = {
-  slot: PropTypes.string.isRequired,
-};
-
-export default External;

client/coral-admin/src/components/FlagWidget.css

@@ -1,34 +0,0 @@
-.heading {
-  margin: 0;
-  font-size: 1.5rem;
-  font-weight: bold;
-}
-
-.widgetTable {
-  width: 100%;
-  border-collapse: collapse;
-  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-}
-
-.widgetTable thead th {
-  border-bottom: 1px solid #f47e6b;
-  padding: 10px;
-  text-align: left;
-}
-
-.widgetTable tbody tr {
-  border-bottom: 1px solid lightgrey;
-}
-
-.widgetTable tbody tr:last-child {
-  border-bottom: none;
-}
-
-.widgetTable tbody td {
-  padding: 10px;
-}
-
-.lede {
-  font-size: 0.9em;
-  color: grey;
-}

client/coral-admin/src/components/Forbidden.css

@@ -1,8 +0,0 @@
-.container {
-  max-width: 1280px;
-  margin: 0 auto;
-}
-
-.copy {
-  padding: 20px 0;
-}

client/coral-admin/src/components/Forbidden.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import styles from './Forbidden.css';
-import t from 'coral-framework/services/i18n';
-
-const Forbidden = () => (
-  <div className={styles.container}>
-    <p className={styles.copy}>{t('error.PAGE_NOT_AVAILABLE_ROLE')}</p>
-  </div>
-);
-
-export default Forbidden;

client/coral-admin/src/components/ForgotPassword.css

@@ -1,20 +0,0 @@
-
-.header, .cta, .success {
-  text-align: center;
-  font-size: 16px;
-}
-
-.success {
-  cursor: pointer;
-  padding: 8px 14px;
-}
-
-.signInLink {
-  color: blue;
-  font-weight: normal;
-  text-decoration: none;
-}
-
-.signInLink:hover {
-  text-decoration: underline;
-}

client/coral-admin/src/components/ForgotPassword.js

@@ -1,82 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styles from './ForgotPassword.css';
-import { Button, TextField, Alert, Success } from 'coral-ui';
-import t from 'coral-framework/services/i18n';
-
-class ForgotPassword extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  handleEmailChange = e => this.props.onEmailChange(e.target.value);
-
-  handleSubmit = e => {
-    e.preventDefault();
-    this.props.onSubmit();
-  };
-
-  handleSignInLink = e => {
-    e.preventDefault();
-    this.props.onSignInLink();
-  };
-
-  renderSuccess() {
-    return (
-      <div className={styles.success} onClick={this.handleSignInLink}>
-        {t('password_reset.mail_sent')}{' '}
-        <a
-          className={styles.signInLink}
-          href="#"
-          onClick={this.handleSignInLink}
-        >
-          {t('login.sign_in')}
-        </a>
-        <Success />
-      </div>
-    );
-  }
-
-  renderForm() {
-    const { email, errorMessage } = this.props;
-    return (
-      <form onSubmit={this.handleSubmit}>
-        {errorMessage && <Alert>{errorMessage}</Alert>}
-        <TextField
-          label={t('login.email_address')}
-          value={email}
-          onChange={this.handleEmailChange}
-        />
-        <Button type="submit" cStyle="black" full>
-          {t('login.reset_password_send_button')}
-        </Button>
-        <p className={styles.cta}>
-          {t('login.go_back')}{' '}
-          <a
-            href="#"
-            className={styles.signInLink}
-            onClick={this.handleSignInLink}
-          >
-            {t('login.sign_in')}
-          </a>
-          .
-        </p>
-      </form>
-    );
-  }
-
-  render() {
-    return this.props.success ? this.renderSuccess() : this.renderForm();
-  }
-}
-
-ForgotPassword.propTypes = {
-  success: PropTypes.bool.isRequired,
-  email: PropTypes.string.isRequired,
-  onEmailChange: PropTypes.func.isRequired,
-  onSubmit: PropTypes.func.isRequired,
-  errorMessage: PropTypes.string,
-  onSignInLink: PropTypes.func.isRequired,
-};
-
-export default ForgotPassword;

client/coral-admin/src/components/FullLoading.css

@@ -1,12 +0,0 @@
-.layout {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.layout h1 {
-  font-size: 40px;
-}
-
-.layout img {
-  width: 100%;
-}

client/coral-admin/src/components/FullLoading.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Layout } from 'react-mdl';
-import styles from './FullLoading.css';
-import { CoralLogo } from 'coral-ui';
-
-export const FullLoading = () => (
-  <Layout fixedDrawer>
-    <div className={styles.layout}>
-      <h1>Loading</h1>
-      <CoralLogo />
-    </div>
-  </Layout>
-);

client/coral-admin/src/components/Header.css

@@ -1,108 +0,0 @@
-@custom-media --table-viewport (max-width: 1024px);
-
-@media (--table-viewport) {
-  .logo {
-    margin-left: 58px;
-    h1 {
-      background: #696969;
-    }
-    span {
-      color: #fcfcfc;
-    }
-  }
-  .nav {
-    display: none;
-  }
-}
-
-.headerWrapper {
-  background-color: #696969;
-}
-
-.header {
-  box-shadow: none;
-  min-height: 58px;
-  display: block;
-  max-width: 1280px;
-  margin: 0 auto;
-  background-color: #696969;
-  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
-}
-
-.header > div {
-  position: relative;
-  padding: 0;
-  max-width: 1280px;
-  margin: 0 auto;
-  height: 58px;
-}
-
-.rightPanel {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 170px;
-  height: 100%;
-}
-
-.rightPanel > ul {
-  list-style: none;
-  margin-right: 20px;
-}
-
-.rightPanel > ul > li {
-  display: inline-block;
-  float: right;
-  margin-left: 15px;
-  font-size: 15px;
-  font-weight: 500;
-  line-height: 33px;
-}
-
-.rightPanel a {
-  color: black;
-  text-decoration: none;
-  font-weight: 400;
-}
-
-.rightPanel .settings {
-  line-height: 0;
-}
-
-.rightPanel .settings > div {
-  position: relative;
-}
-
-.rightPanel .settings:hover {
-  background: rgba(158, 158, 158, 0.69);
-  cursor: pointer;
-}
-
-.navLink {
-  padding: 0 20px;
-  font-size: 15px;
-  font-weight: 500;
-  background-color: transparent;
-  transition: background-color 200ms;
-  font-weight: 100;
-  letter-spacing: .8;
-
-  &:hover {
-    background-color: #404040;
-  }
-
-  &.active {
-    background-color: #232323;
-    font-weight: 400;
-  }
-}
-
-.nav {
-  overflow: hidden;
-  height: 58px !important;
-}
-
-.nav .navLink {
-  padding: 0 20px;
-  letter-spacing: 0.4px;
-}

client/coral-admin/src/components/Header.js

@@ -1,135 +0,0 @@
-import React from 'react';
-import cn from 'classnames';
-import PropTypes from 'prop-types';
-import { Navigation, Header, IconButton, MenuItem, Menu } from 'react-mdl';
-import { Link, IndexLink } from 'react-router';
-import styles from './Header.css';
-import t from 'coral-framework/services/i18n';
-import { Logo } from './Logo';
-import { can } from 'coral-framework/services/perms';
-import CommunityIndicator from '../routes/Community/containers/Indicator';
-
-const CoralHeader = ({
-  handleLogout,
-  showShortcuts = () => {},
-  currentUser,
-  root,
-  data,
-}) => {
-  return (
-    <div className={styles.headerWrapper}>
-      <Header className={styles.header}>
-        <Logo className={styles.logo} />
-        <div>
-          {currentUser && can(currentUser, 'ACCESS_ADMIN') ? (
-            <Navigation className={styles.nav}>
-              {can(currentUser, 'MODERATE_COMMENTS') && (
-                <IndexLink
-                  id="moderateNav"
-                  className={cn('talk-admin-nav-moderate', styles.navLink)}
-                  to="/admin/moderate"
-                  activeClassName={styles.active}
-                >
-                  {t('configure.moderate')}
-                </IndexLink>
-              )}
-              <Link
-                id="storiesNav"
-                className={cn('talk-admin-nav-stories', styles.navLink)}
-                to="/admin/stories"
-                activeClassName={styles.active}
-              >
-                {t('configure.stories')}
-              </Link>
-
-              <Link
-                id="communityNav"
-                className={cn('talk-admin-nav-community', styles.navLink)}
-                to="/admin/community"
-                activeClassName={styles.active}
-              >
-                {t('configure.community')}
-                <CommunityIndicator root={root} data={data} />
-              </Link>
-
-              {can(currentUser, 'UPDATE_CONFIG') && (
-                <Link
-                  id="configureNav"
-                  className={cn('talk-admin-nav-configure', styles.navLink)}
-                  to="/admin/configure"
-                  activeClassName={styles.active}
-                >
-                  {t('configure.configure')}
-                </Link>
-              )}
-            </Navigation>
-          ) : null}
-          <div className={styles.rightPanel}>
-            <ul>
-              <li className={cn(styles.settings, 'talk-admin-header-settings')}>
-                <div>
-                  <IconButton
-                    name="settings"
-                    id="menu-settings"
-                    className="talk-admin-header-settings-button"
-                  />
-                  <Menu target="menu-settings" align="right">
-                    <MenuItem onClick={() => showShortcuts(true)}>
-                      {t('configure.shortcuts')}
-                    </MenuItem>
-                    <MenuItem>
-                      <a
-                        href="https://docs.coralproject.net/talk/how-talk-works/"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        {t('configure.product_guide_link')}
-                      </a>
-                    </MenuItem>
-                    <MenuItem>
-                      <a
-                        href="https://github.com/coralproject/talk/releases"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        {t('configure.view_last_version')}
-                      </a>
-                    </MenuItem>
-                    <MenuItem>
-                      <a
-                        href="https://support.coralproject.net"
-                        target="_blank"
-                        rel="noopener noreferrer"
-                      >
-                        {t('configure.report_bug_or_feedback')}
-                      </a>
-                    </MenuItem>
-                    {currentUser && (
-                      <MenuItem
-                        onClick={handleLogout}
-                        className="talk-admin-header-sign-out"
-                      >
-                        {t('configure.sign_out')}
-                      </MenuItem>
-                    )}
-                  </Menu>
-                </div>
-              </li>
-              <li>{`v${process.env.VERSION}`}</li>
-            </ul>
-          </div>
-        </div>
-      </Header>
-    </div>
-  );
-};
-
-CoralHeader.propTypes = {
-  currentUser: PropTypes.object,
-  showShortcuts: PropTypes.func,
-  handleLogout: PropTypes.func.isRequired,
-  root: PropTypes.object.isRequired,
-  data: PropTypes.object.isRequired,
-};
-
-export default CoralHeader;

client/coral-admin/src/components/IfHasLink.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import matchLinks from 'coral-framework/utils/matchLinks';
-
-export default ({ text, children }) => {
-  const hasLinks = !!matchLinks(text);
-
-  if (!hasLinks) {
-    return null;
-  }
-
-  return React.Children.only(children);
-};

client/coral-admin/src/components/Indicator.css

@@ -1,8 +0,0 @@
-.indicator {
-  display: inline-block;
-  background-color: #E46D59;
-  border-radius: 10px;
-  width: 7px;
-  height: 7px;
-  margin-left: 7px;
-}

client/coral-admin/src/components/Indicator.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import styles from './Indicator.css';
-
-const Indicator = () => <span className={styles.indicator} />;
-
-export default Indicator;