Releases: cedricss/elm-batteries
Use the new default Tailwind purge css strategy on elm content
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 withnpm install elm-test --save-dev
(it can only be used with elm0.19.1
) - Change to
"elm-version": "0.19.1"
in yourelm.json
Improve documentation
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
(readpostcss.config.js
),autoprefixer
to add vendor prefixes,purgecss
to remove unused selectors,- and
cssnano
to compress the css (by default withparcel
).
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