gleox

Create React App does not provide watching build mode oficially (#1070).

This script provides watching build mode for an external tool such as Chrome Extensions or Firebase app.

How to Use

Create a React app.

Put the script into scripts/watch.js.

Requirements:

Steps to setup the scripts:

mkdir benches
cd benches
curl https://artifacts.elastic.co/downloads/logstash/logstash-7.6.0.tar.gz | tar -zxf - 
cd logstash-7.6.0

	axios({
	url: 'http://localhost:5000/static/example.pdf',
	method: 'GET',
	responseType: 'blob', // important
	}).then((response) => {
	const url = window.URL.createObjectURL(new Blob([response.data]));
	const link = document.createElement('a');
	link.href = url;
	link.setAttribute('download', 'file.pdf');
	document.body.appendChild(link);

	import * as React from "react";
	import {RouteComponentProps, withRouter} from "react-router";

	export interface IWithNavigationProps {
	navigate: () => void;
	}

	export function withNavigation<P, S>(
	Component: React.ComponentClass<P & IWithNavigationProps> \| React.SFC<P & IWithNavigationProps>,
	routeWhenClicked: string): React.ComponentClass<P> {

	// use Prompt like normal... magic happens in getUserConfirmation
	class App extends Component {
	render () {
	return (
	<Router getUserConfirmation={getUserConfirmation}>
	{...}
	<Prompt
	when={formIsHalfFilledOut}
	message="Are you sure you want to leave?"
	/>

	# Pass the env-vars to MYCOMMAND
	eval $(egrep -v '^#' .env \| xargs) MYCOMMAND
	# … or ...
	# Export the vars in .env into your shell:
	export $(egrep -v '^#' .env \| xargs)

	# The initial version
	if [ ! -f .env ]
	then
	export $(cat .env \| xargs)
	fi

	# My favorite from the comments. Thanks @richarddewit & others!
	set -a && source .env && set +a

	# UPDATED 17 February 2019
	# Redirect all HTTP traffic to HTTPS
	server {
	listen 80;
	listen [::]:80;
	server_name www.domain.com domain.com;
	return 301 https://$host$request_uri;
	}

	# SSL configuration