-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
8 changed files
with
398 additions
and
26 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,83 @@ | ||
| { | ||
| "parser": "babel-eslint", | ||
| "env": { | ||
| "browser": true, | ||
| "es6": true, | ||
| "mocha": true, | ||
| "node": true | ||
| }, | ||
| "ecmaFeatures": { | ||
| "jsx": true, | ||
| "modules": true | ||
| }, | ||
| "plugins": [ | ||
| "eslint-plugin-react" | ||
| ], | ||
| "rules": { | ||
| "brace-style": [ 1, "1tbs" ], | ||
| // REST API objects include underscores | ||
| "camelcase": 0, | ||
| "comma-dangle": 0, | ||
| "comma-spacing": 1, | ||
| // Allows returning early as undefined | ||
| "consistent-return": 0, | ||
| "dot-notation": 1, | ||
| "eqeqeq": [ 2, "allow-null" ], | ||
| "eol-last": 1, | ||
| "indent": [ 1, "tab", { "SwitchCase": 1 } ], | ||
| "key-spacing": 1, | ||
| // Most common is "Emitter", should be improved | ||
| "new-cap": 1, | ||
| "no-cond-assign": 2, | ||
| "no-else-return": 1, | ||
| "no-empty": 1, | ||
| // Flux stores use switch case fallthrough | ||
| "no-fallthrough": 0, | ||
| "no-lonely-if": 1, | ||
| "no-mixed-requires": 0, | ||
| "no-mixed-spaces-and-tabs": 1, | ||
| "no-multiple-empty-lines": [ 1, { max: 1 } ], | ||
| "no-multi-spaces": 1, | ||
| "no-nested-ternary": 1, | ||
| "no-new": 1, | ||
| "no-process-exit": 1, | ||
| "no-shadow": 1, | ||
| "no-spaced-func": 1, | ||
| "no-trailing-spaces": 1, | ||
| "no-undef": 1, | ||
| "no-underscore-dangle": 0, | ||
| // Allows Chai `expect` expressions | ||
| "no-unused-expressions": 0, | ||
| "no-unused-vars": 1, | ||
| // Teach eslint about React+JSX | ||
| "react/jsx-uses-react": 1, | ||
| "react/jsx-uses-vars": 1, | ||
| // Allows function use before declaration | ||
| "no-use-before-define": [ 2, "nofunc" ], | ||
| // We split external, internal, module variables | ||
| "one-var": 0, | ||
| "operator-linebreak": [ 1, "after", { "overrides": { | ||
| "?": "after", | ||
| ":": "after" | ||
| } } ], | ||
| "padded-blocks": [ 1, "never" ], | ||
| "quote-props": [ 1, "consistent-as-needed" ], | ||
| "quotes": [ 1, "single", "avoid-escape" ], | ||
| "semi-spacing": 1, | ||
| "keyword-spacing": [ 1 ], | ||
| "space-before-blocks": [ 1, "always" ], | ||
| "space-before-function-paren": [ 1, "never" ], | ||
| // Our array literal index exception violates this rule | ||
| "space-in-brackets": 0, | ||
| "space-in-parens": [ 1, "always" ], | ||
| "space-infix-ops": [ 1, { "int32Hint": false } ], | ||
| // Ideal for "!" but not for "++" | ||
| "space-unary-ops": 0, | ||
| // Assumed by default with Babel | ||
| "strict": [ 2, "never" ], | ||
| "valid-jsdoc": [ 1, { "requireReturn": false } ], | ||
| // Common top-of-file requires, expressions between external, interal | ||
| "vars-on-top": 1, | ||
| "yoda": 0 | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| node_modules | ||
| debug.log | ||
| build |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,53 @@ | ||
| <?php | ||
| /** | ||
| * ReactVerse compatbility warnings | ||
| * | ||
| * Prevents ReactVerse from running on WordPress versions without the REST API, | ||
| * since this theme requires API functionality. If this file is loaded, | ||
| * we know we have an incompatible WordPress. | ||
| * | ||
| * @package ReactVerse | ||
| */ | ||
|
|
||
| /** | ||
| * Prevent switching to ReactVerse on old versions of WordPress. | ||
| * | ||
| * Switches to the default theme. | ||
| */ | ||
| function reactverse_switch_theme() { | ||
| switch_theme( WP_DEFAULT_THEME ); | ||
| unset( $_GET['activated'] ); | ||
| add_action( 'admin_notices', 'reactverse_upgrade_notice' ); | ||
| } | ||
| add_action( 'after_switch_theme', 'reactverse_switch_theme' ); | ||
|
|
||
| /** | ||
| * Adds a message for unsuccessful theme switch. | ||
| * | ||
| * Prints an update nag after an unsuccessful attempt to switch to | ||
| * ReactVerse on WordPress versions prior to 4.7. | ||
| */ | ||
| function reactverse_upgrade_notice() { | ||
| $message = __( 'ReactVerse requires WordPress 4.7 or higher. Please update your site and try again.', 'ReactVerse' ); | ||
| printf( '<div class="error"><p>%s</p></div>', $message ); /* WPCS: xss ok. */ | ||
| } | ||
|
|
||
| /** | ||
| * Prevents the Customizer from being loaded on WordPress versions prior to 4.7. | ||
| */ | ||
| function reactverse_customize() { | ||
| wp_die( __( 'ReactVerse requires WordPress 4.7 or higher. Please update your site and try again.', 'reactverse' ), '', array( | ||
| 'back_link' => true, | ||
| ) ); | ||
| } | ||
| add_action( 'load-customize.php', 'reactverse_customize' ); | ||
|
|
||
| /** | ||
| * Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7. | ||
| */ | ||
| function reactverse_preview() { | ||
| if ( isset( $_GET['preview'] ) ) { | ||
| wp_die( __( 'ReactVerse requires WordPress 4.7 or higher. Please update your site and try again.', 'reactverse' ) ); | ||
| } | ||
| } | ||
| add_action( 'template_redirect', 'reactverse_preview' ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| // Load in the babel (es6) polyfill | ||
| import 'babel-polyfill'; | ||
|
|
||
| import React from 'react'; | ||
| import { render } from 'react-dom'; | ||
|
|
||
| // Load the CSS | ||
| require( '../sass/style.scss' ); | ||
|
|
||
| function renderApp() { | ||
| render( | ||
| ( | ||
| <Hello /> | ||
| ), | ||
| document.getElementById( 'main' ) | ||
| ); | ||
| } | ||
|
|
||
| class Hello extends React.Component { | ||
| render() { | ||
| return ( | ||
| <div className="placeholder"> | ||
| <p>This content is loaded through React.</p> | ||
| </div> | ||
| ); | ||
| } | ||
| } | ||
|
|
||
| document.addEventListener( 'DOMContentLoaded', function() { | ||
| renderApp(); | ||
| } ); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,48 @@ | ||
| { | ||
| "name": "react-verse", | ||
| "version": "1.0.0", | ||
| "description": "A React-based WordPress theme", | ||
| "repository": { | ||
| "type": "git", | ||
| "url": "git+https://github.com/m-muhsin/react-verse.git" | ||
| }, | ||
| "keywords": [ | ||
| "react", | ||
| "restapi", | ||
| "wordpress" | ||
| ], | ||
| "author": "Muhammad Muhsin", | ||
| "license": "ISC", | ||
| "scripts": { | ||
| "test": "NODE_ENV=test NODE_PATH=test:components TEST_ROOT=js test/runner.js", | ||
| "build": "NODE_ENV=production webpack", | ||
| "dev": "webpack", | ||
| "watch": "webpack --watch", | ||
| "lint": "eslint js --ext=js,jsx", | ||
| "zip": "node zip-theme.js" | ||
| }, | ||
| "dependencies": { | ||
| "react": "^15.4.2", | ||
| "react-dom": "^15.4.2" | ||
| }, | ||
| "devDependencies": { | ||
| "babel-core": "^6.23.1", | ||
| "babel-eslint": "^7.1.1", | ||
| "babel-loader": "^6.3.2", | ||
| "babel-polyfill": "^6.23.0", | ||
| "babel-preset-es2015": "^6.18.0", | ||
| "babel-preset-react": "^6.16.0", | ||
| "babel-preset-stage-0": "^6.16.0", | ||
| "babel-plugin-webpack-alias": "^2.1.2", | ||
| "css-loader": "^0.26.2", | ||
| "eslint": "^3.16.1", | ||
| "eslint-loader": "^1.6.3", | ||
| "eslint-plugin-react": "^6.10.0", | ||
| "extract-text-webpack-plugin": "^1.0.1", | ||
| "lodash-webpack-plugin": "^0.11.0", | ||
| "node-sass": "^3.13.1", | ||
| "sass-loader": "^4.1.0", | ||
| "webpack": "^1.13.3", | ||
| "style-loader": "^0.13.2" | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,35 @@ | ||
| /*! | ||
| Theme Name: React Verse | ||
| Theme URI: http://underscores.me/ | ||
| Author: Muhammad Muhsin | ||
| Author URI: http://themes.redradar.net | ||
| Description: A react-based theme. | ||
| Version: 1.0.0 | ||
| License: GNU General Public License v2 or later | ||
| License URI: http://www.gnu.org/licenses/gpl-2.0.html | ||
| Text Domain: reactverse | ||
| Tags: react, wp-api | ||
| */ | ||
|
|
||
| body { | ||
| background-color: #01304b; | ||
| } | ||
|
|
||
| .placeholder { | ||
| text-align: center; | ||
| margin-top: 40vh; | ||
| } | ||
|
|
||
| .placeholder p { | ||
| color: #91f2e5; | ||
| font-family: sans-serif; | ||
| font-size: 2em; | ||
| } | ||
|
|
||
| .screen-reader-text{ | ||
| clip:rect(1px, 1px, 1px, 1px); | ||
| position:absolute !important; | ||
| height:1px; | ||
| width:1px; | ||
| overflow:hidden | ||
| } |
Oops, something went wrong.