Merge pull request #75 from ucfopen/dev/3-nyx

Dev/3 nyx

Author: iturgeon

.babelrc

@@ -0,0 +1,18 @@
+{
+	"presets": [
+		"@babel/preset-react",
+		[
+			"@babel/preset-env",
+			{
+				useBuiltIns: "usage",
+				corejs: 3,
+				debug: false, // outputs polyfills and browserlist
+				// targets: 'defaults' // allows .browserslistrc to work
+			},
+		]
+	],
+	"plugins": [
+		["@babel/transform-runtime"],
+		["babel-plugin-react-docgen"] // needed for storybooks to pick up react prop types
+	]
+}

.gitignore

@@ -45,6 +45,8 @@ internal/templates/compiled/
 internal/DELETEME/tests/*
 
 /*.json
+!package.json
+!/internal/src/*.json
 
 # ignore smarty template complied directory
 internal/templates/compiled/*
@@ -54,3 +56,4 @@ internal/vendor/
 internal/wordpress-core/
 wp/*
 
+node_modules

.storybook/main.js

@@ -0,0 +1,13 @@
+const custom = require('../internal/src/webpack.config.js')(null, {})
+
+module.exports = {
+	stories: ['../internal/src/**/*.stories.mdx', '../internal/src/**/*.stories.@(js|jsx|ts|tsx)'],
+	addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
+	webpackFinal: (config) => {
+		return {
+			...config,
+			module: { ...config.module, rules: custom.module.rules },
+			plugins: [...config.plugins, ...custom.plugins],
+		}
+	},
+}

.storybook/preview-head.html

@@ -0,0 +1,4 @@
+<link
+	href="https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i|Roboto+Mono:400,400i,700,700i|Noto+Serif:400,400i,700,700i"
+	rel="stylesheet"
+/>

.storybook/preview.js

@@ -0,0 +1,3 @@
+export const parameters = {
+	actions: { argTypesRegex: '^on[A-Z].*' },
+}

README.md

@@ -7,10 +7,16 @@ For local development, testing, and as a reference for the architecture setup, w
 The docker-compose setup will automatically set up the server containers, seed the database, and get everything up and running.
 
 1. Install [Docker for Mac/Windows/Linux](https://www.docker.com/products/docker)
-2. Install PHP Composer via https://getcomposer.org/download
-3. Run `composer install` - if you have git permission issues, [configure your github ssh keys](https://help.github.com/articles/generating-an-ssh-key/)
-4. Run `docker-compose up`
-5. After up finishes, Run `docker-compose run --rm phpfpm php internal/update_password.php obojobo_admin` to generate the obojobo_admin user's password
+2. Run `docker-compose up -d` (-d makes it run in the background eg: daemonized). this will take a while the first time.
+3. After 2 finishes: Run `docker-compose run --rm phpfpm composer install` to install wordpress and all the php vendor libraries.
+4. After 3 finishes:  Run `docker-compose run --rm phpfpm php internal/update_password.php obojobo_admin rocketduck` to set the obojobo_admin user's password.
+5. Log in either at `http://127.0.0.1/repository` or `http://127.0.0.1/wp/wp-admin`
+
+## React Repository AND Docker
+
+Docker isn't needed to work with storybook components, just use `yarn storybook` for that.  To allow react to talk to the server, you'll need to run webpack-dev-server and the docker servers together.
+
+That means you need to have BOTH the docker servers running (`docker-compose up -d` shown above) AND the webpack dev server (`yarn dev`).  Using this combo requires the obojobo config for APP_URL be set to the url that webpack-dev-server creates, that value is hardcoded (due to php class const) in cfgLocal.docker.php.  The url you should use is whatever webpack-dev-server announces when it starts running, usually `https:/127.0.0.1:8080`
 
 
 # Requirements

assets/dist/manifest.json

@@ -0,0 +1,4 @@
+{
+  "repository.css": "/assets/dist/repository-499b10e424ebd7b6c1ce.min.css",
+  "repository.js": "/assets/dist/repository-08896ea37a06601c7a7a.min.js"
+}