Use the new default Tailwind purge css strategy on elm content

1.2.2

Bump version

Upgrade packages to their latest versions

• Upgrade dev dependencies to their latest versions (Cypress, Tailwind, Netlify CLI, etc).
• Upgrade to elm/core 1.0.5 and elm/browser 1.0.2
• Upgrade to elm-test 1.2.2
• Add UTF-8 encoding meta to index.html

Upgrade to latest elm and netlify

• Upgrade to elm 0.19.1
• Upgrade to netlify cli 2.19

How to upgrade an existing project to elm 0.19.1?

• Run npm install elm@latest-0.19.1 --save-dev
• Add the latest elm-test locally with npm install elm-test --save-dev (it can only be used with elm 0.19.1)
• Change to "elm-version": "0.19.1" in your elm.json

Improve documentation

This release focus on improving the documentation to help you getting started with Elm, Parcel, Cypress and Netlify:

• Add quick start section
• Improve help comments in Cypress and Elm files
• Add flowchart to illustrate Elm files + Parcel + Serverless functions + Netlify Dev

Add an API demo page with Netlify Dev and tested with Cypress

• Add an API demo page with Netlify Dev and tested with Cypress
• Add routes, navigation menu and not found page
• Use elm-css to define styles in Elm
• Add netlify redirect rule for Elm apps that handle routing internally
• Improve documentation with a new introduction and section order
• Add new cli and instructions about init

0.3.0

Elm + Netlify Dev (serveless functions and live sessions)

To run serverless functions along your Elm app, run:

npm run dev

✓ development build with Parcel

✓ web server with Parcel behind Netlify Dev

✓ serverless functions on your local machine

• Web page: http://localhost:8888
• Serverless function example:
  • http://localhost:8888/.netlify/functions/version
  • source: functions/version/version.js

To share your development session with a coworker, run:

npm run dev:live

✓ development build with Parcel

✓ live session with Netlify Dev

Elm + Cypress + Netlify Dev

If you are running Netlify Dev and testing your app with serverless functions, edit cypress.json with the 8888 port:

{
  "baseUrl": "http://localhost:8888"
}

Add Tailwind, css build tools and Netlify deployment

Tailwind CSS

Tailwind CSS, an utility-first CSS framework, is now included along with:

• postcss (read postcss.config.js),
• autoprefixer to add vendor prefixes,
• purgecss to remove unused selectors,
• and cssnano to compress the css (by default with parcel).

purgecss and cssnano are used on production mode (npm run build) to minify the css. They are ignored on development mode (npm run start).

Netlify

npm run deploy

This builds your project in production mode and deploy to a Netlify Live Draft URL with netlify deploy.
If this draft looks good, deploy to production:

npm run deploy:prod

This runs netlify deploy --prod, without rebuilding your project.

Notes:

• If you are using Netlify for the first time, run netlify login to authenticate (learn more about Netlify CLI)
• Connect a Git repository to a Netlify site to keep the two in sync

Elm + Parcel + elm-hot + Browser.Navigation

• Run and build with parcel
• Support hot code swapping with elm-hot
• Add a demo app with Browser.Navigation included