Merge pull request #27 from bensmithett/bye-webpack-hi-vite

Replace Webpack with Vite

.gitignore

@@ -1,3 +1,6 @@
 node_modules
-output
-yarn-error.log
+.DS_Store
+dist
+dist-ssr
+*.local
+storybook-static

.node-version

@@ -1 +1 @@
-14.15.4
+16.4.2

.storybook/main.js

@@ -1,3 +1,13 @@
 module.exports = {
-  stories: ['../app/components/**/*.stories.@(js|mdx)']
-}
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials"
+  ],
+  "core": {
+    "builder": "storybook-builder-vite"
+  }
+}

.storybook/preview.js → .storybook/preview.jsx

@@ -1,9 +1,18 @@
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}
+
 import React from 'react'
 import { createRenderer } from 'fela'
 import { RendererProvider } from 'react-fela'
-import cssReset from '../app/components/cssReset'
+import cssReset from '../src/cssReset'
 
-// Setup Fela client runtime
 const renderer = createRenderer({ devMode: true })
 cssReset(renderer)
 export const decorators = [

README.md

@@ -1,15 +1,21 @@
 # [Tropical](https://tropical.js.org/) 🏝
 
-This is a [template repo](https://github.blog/2019-06-06-generate-new-repositories-with-repository-templates/). Click the green "Use this template" button 👆 to get started, or [read the docs](https://tropical.js.org/) to find out more about building static sites with Tropical.
+This is a [template repo](https://docs.github.com/en/github/creating-cloning-and-archiving-repositories/creating-a-repository-on-github/creating-a-repository-from-a-template). Click the green "Use this template" button 👆 to get started, or [read the docs](https://tropical.js.org/) to find out more about building static sites with Tropical.
 
 [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/bensmithett/tropical)
 
 ---
 
 Welcome to your new [Tropical](https://tropical.js.org/) site!
 
-- Install dependencies: `yarn` or `npm install`
-- Start [Storybook](https://storybook.js.org/): `yarn storybook` or `npm run storybook`
-- Start the preview server: `yarn start` or `npm start` & visit http://localhost:5000
+Install dependencies with `yarn`, then...
 
-Explore the `app` folder or [read the docs](https://tropical.js.org/) for more.
+- **`yarn dev`** starts a dev server at [localhost:5000](http://localhost:5000/)
+- **`yarn build`** builds the static site into `dist/static`
+- **`yarn storybook`** starts [Storybook](https://storybook.js.org/)
+- **`yarn page my-new-page`** scaffolds a file for a new page
+- **`yarn component MyNewComponent`** scaffolds files for a new component
+
+(`npm` equivalients to `yarn` commands should work too)
+
+Check out [the docs](https://tropical.js.org) or dive in and explore the `src` directory.