const wildcatConfig = {
generalSettings: {
// Grab the config file from package.json
jspmConfigFile: pkg.configFile || (pkg.jspm || {}).configFile || "config.js",
seleniumAddress: process.env.HOST === "localhost" || !process.env.HOST ? null : "http://selenium:4444/wd/hub",
staticUrl: process.env.STATIC_URL || "http://localhost:4000",
// Project name
name: pkg.name,
...staticUrl in general settings
The wildcat default html template uses
staticUrl
(function(process) {
"use strict";
const NOW = Date.now();
const __PROD__ = process.env.NODE_ENV === "production";
module.exports = function defaultTemplate(cfg) {
const data = cfg.data;
const head = cfg.head;
const html = cfg.html;
const wildcatConfig = cfg.wildcatConfig;
....
const generalSettings = wildcatConfig.generalSettings;
...
const staticUrl = generalSettings.staticUrl;
...
return `
<!doctype html>
<html ${head.htmlAttributes.toString()}>
<head>
<link rel="dns-prefetch" href="${staticUrl}" />
<link rel="preconnect" href="${staticUrl}" />
for the ip vs localhost issue. Is this related? http://stackoverflow.com/questions/14043926/node-js-connect-only-works-on-localhost
ie my mac is on 10.1.2.3
http://127.0.0.1:4000/system.config.js --> 200
http://10.1.2.3:4000/system.config.js --> 404
http://127.0.0.1:4000/system.config.js --> 200
http://10.1.2.3:4000/system.config.js --> 404
e.g. amp.nfl.com is setup to have different routes then www.nfl.com
We had to do that for Chromecast, let me see if I can pull up the snippet of code that lets it work... Usually we use domain names though but it sounds like that's not ideal for your setup
staticServer: {
// An array of domains to allow for cross-origin requests
corsOrigins: [
process.env.STATIC_HOST,
"localhost",
"www.mydomain.dev",
"mydomain.dev"
],
Now if we pass ip as STATIC_HOST. It'll work on that ip
Send part is add a
domainAliases key below line 5 here https://github.com/nfl/react-wildcat/blob/b9357a572f71423eadc8fe0af9c1813b1c257d34/example/src/main.js#L5
You should be able to add something that looks like:
domainAliases: {
"localhost": [
"10.0.0.1",
"10.0.0.2",
]
}
We're using this on chromecast, I forgot to document this. I'm going to make a PR with some documentation for this feature at the end of the day
But like I said if you had a domain name instead of an ip address you don't need this
it allows you to alias domains/ip's to another domain
I forgot about that feature yesterday
- github access token for Docker
- staticUrl in generalSettings in wildcat config
- domainAliases we just discussed
speaking of assets, what npm task generate/prepare the assets with random suffix, like https://static-wildcat.nfl.com/bundles/app-bar-d5d3af9d.js <--- -d5d3af9d.
I think by default just running
jspm bundle will bundle everything together which is a good starting point
