markgarrigan · May 19, 2020 12:45
diff --git a/.gitignore b/.gitignore
 # Logs
 logs
 *.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 lerna-debug.log*

 # Diagnostic reports (https://nodejs.org/api/report.html)
 report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json

 # Runtime data
 pids
 *.pid
 *.seed
 *.pid.lock

 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov

 # Coverage directory used by tools like istanbul
 coverage
 *.lcov

 # nyc test coverage
 .nyc_output

 # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 .grunt

 # Bower dependency directory (https://bower.io/)
 bower_components

 # node-waf configuration
 .lock-wscript

 # Compiled binary addons (https://nodejs.org/api/addons.html)
 build/Release

 # Dependency directories
 node_modules/
 jspm_packages/

 # TypeScript v1 declaration files
 typings/

 # TypeScript cache
 *.tsbuildinfo

 # Optional npm cache directory
 .npm

 # Optional eslint cache
 .eslintcache

 # Microbundle cache
 .rpt2_cache/
 .rts2_cache_cjs/
 .rts2_cache_es/
 .rts2_cache_umd/

 # Optional REPL history
 .node_repl_history

 # Output of 'npm pack'
 *.tgz

 # Yarn Integrity file
 .yarn-integrity

 # dotenv environment variables file
 .env
 .env.test

 # parcel-bundler cache (https://parceljs.org/)
 .cache

 # Next.js build output
 .next

 # Nuxt.js build / generate output
 .nuxt
 dist

 # Gatsby files
 .cache/
 # Comment in the public line in if your project uses Gatsby and *not* Next.js
 # https://nextjs.org/blog/next-9-1#public-directory-support
 # public

 # vuepress build output
 .vuepress/dist

 # Serverless directories
 .serverless/

 # FuseBox cache
 .fusebox/

 # DynamoDB Local files
 .dynamodb/

 # TernJS port file
 .tern-port
diff --git a/app.riot b/app.riot
 <app>
    <router>
        <!-- These links will trigger automatically HTML5 history events -->
        <nav>
            <a href="/">Home</a>
            <a href="/about">About</a>
            <a href="/team/mark">Mark</a>
        </nav>

        <!-- Your application routes will be rendered here -->
        <route path="/">
            Home page
        </route>
        <route path="/about">
            About
        </route>
        <route path="/team/:person">
            Hello { route.params[0] }
        </route>
    </router>
 </app>
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{name}}</title>
 </head>
 <body>
    <div id="root"></div>
    <script src="src/index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
 import '@riotjs/hot-reload'
 import { Route, Router } from '@riotjs/route'
 import { register } from 'riot'
 import {component} from 'riot'
 import App from './app.riot'

 // now the Router and Route components are globally available
 register('router', Router)
 register('route', Route)

 component(App)(document.querySelector('#root'))
diff --git a/package.json b/package.json
 {
  "name": "{{name}}",
  "version": "1.0.0",
  "description": "A description goes here.",
  "main": "index.js",
  "dependencies": {},
  "devDependencies": {
    "@riotjs/compiler": "^4.8.5",
    "@riotjs/hot-reload": "^4.0.1",
    "@riotjs/parcel-plugin-riot": "^4.0.1",
    "@riotjs/route": "^5.3.2",
    "parcel-bundler": "^1.12.4",
    "riot": "^4.12.4"
  },
  "scripts": {
    "start": "parcel serve index.html --host {{name}} --port 80 --hmr-hostname ws.{{name}}.loc --hmr-port 443",
    "build": "parcel build index.html"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
 }
diff --git a/riot.config.js b/riot.config.js
 module.exports = {
  hot: true
 }
	# Logs
	logs
	*.log
	npm-debug.log*
	yarn-debug.log*
	yarn-error.log*
	lerna-debug.log*

	# Diagnostic reports (https://nodejs.org/api/report.html)
	report.[0-9].[0-9].[0-9].[0-9].json

	# Runtime data
	pids
	*.pid
	*.seed
	*.pid.lock

	# Directory for instrumented libs generated by jscoverage/JSCover
	lib-cov

	# Coverage directory used by tools like istanbul
	coverage
	*.lcov

	# nyc test coverage
	.nyc_output

	# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
	.grunt

	# Bower dependency directory (https://bower.io/)
	bower_components

	# node-waf configuration
	.lock-wscript

	# Compiled binary addons (https://nodejs.org/api/addons.html)
	build/Release

	# Dependency directories
	node_modules/
	jspm_packages/

	# TypeScript v1 declaration files
	typings/

	# TypeScript cache
	*.tsbuildinfo

	# Optional npm cache directory
	.npm

	# Optional eslint cache
	.eslintcache

	# Microbundle cache
	.rpt2_cache/
	.rts2_cache_cjs/
	.rts2_cache_es/
	.rts2_cache_umd/

	# Optional REPL history
	.node_repl_history

	# Output of 'npm pack'
	*.tgz

	# Yarn Integrity file
	.yarn-integrity

	# dotenv environment variables file
	.env
	.env.test

	# parcel-bundler cache (https://parceljs.org/)
	.cache

	# Next.js build output
	.next

	# Nuxt.js build / generate output
	.nuxt
	dist

	# Gatsby files
	.cache/
	# Comment in the public line in if your project uses Gatsby and not Next.js
	# https://nextjs.org/blog/next-9-1#public-directory-support
	# public

	# vuepress build output
	.vuepress/dist

	# Serverless directories
	.serverless/

	# FuseBox cache
	.fusebox/

	# DynamoDB Local files
	.dynamodb/

	# TernJS port file
	.tern-port
	<app>
	<router>
	<!-- These links will trigger automatically HTML5 history events -->
	<nav>
	<a href="/">Home</a>
	<a href="/about">About</a>
	<a href="/team/mark">Mark</a>
	</nav>

	<!-- Your application routes will be rendered here -->
	<route path="/">
	Home page
	</route>
	<route path="/about">
	About
	</route>
	<route path="/team/:person">
	Hello { route.params[0] }
	</route>
	</router>
	</app>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>{{name}}</title>
	</head>
	<body>
	<div id="root"></div>
	<script src="src/index.js"></script>
	</body>
	</html>
	import '@riotjs/hot-reload'
	import { Route, Router } from '@riotjs/route'
	import { register } from 'riot'
	import {component} from 'riot'
	import App from './app.riot'

	// now the Router and Route components are globally available
	register('router', Router)
	register('route', Route)

	component(App)(document.querySelector('#root'))
	{
	"name": "{{name}}",
	"version": "1.0.0",
	"description": "A description goes here.",
	"main": "index.js",
	"dependencies": {},
	"devDependencies": {
	"@riotjs/compiler": "^4.8.5",
	"@riotjs/hot-reload": "^4.0.1",
	"@riotjs/parcel-plugin-riot": "^4.0.1",
	"@riotjs/route": "^5.3.2",
	"parcel-bundler": "^1.12.4",
	"riot": "^4.12.4"
	},
	"scripts": {
	"start": "parcel serve index.html --host {{name}} --port 80 --hmr-hostname ws.{{name}}.loc --hmr-port 443",
	"build": "parcel build index.html"
	},
	"keywords": [],
	"author": "",
	"license": "ISC"
	}