A programming language that understands what a web app is.
Go to file
Martin Sosic a717a06387 Added more features to example todoMVC app (and needed support in Wasp).
Added 'toggle completion' button.
Made updateTask() action work for todo demo.
Added 'Clear completed' button.
Added remove() action, also added id to entities and now that is used instead of idx.
2020-01-28 11:22:10 +01:00
app Introduced Path (Rel, Abs) package into part of our code. (#70) 2020-01-20 11:51:13 +01:00
benchmark Removed redundant folder. 2019-10-29 17:28:17 +01:00
data/Generator/templates/react-app Added more features to example todoMVC app (and needed support in Wasp). 2020-01-28 11:22:10 +01:00
examples/todoMVC Added more features to example todoMVC app (and needed support in Wasp). 2020-01-28 11:22:10 +01:00
lang-design Form fields are reset upon form submission. Hardcoded for now. (#67) 2020-01-16 15:18:43 +01:00
src Bugfix for a problem with a regex on OS X. 2020-01-26 19:22:47 +01:00
test Implemented parsing of fields config of entity-form. (#75) 2020-01-26 17:59:23 +01:00
.gitignore Cleaned up .gitignore file. 2019-11-07 10:40:19 +01:00
ChangeLog.md Removed redundant folder. 2019-10-29 17:28:17 +01:00
LICENSE Removed redundant folder. 2019-10-29 17:28:17 +01:00
package.yaml Implemented basic importing of wasp code from external code. 2020-01-23 14:38:34 +01:00
README.md Implemented importing of external js code. 2020-01-07 18:27:38 +01:00
run Implemented importing of external js code. 2020-01-07 18:27:38 +01:00
Setup.hs Removed redundant folder. 2019-10-29 17:28:17 +01:00
stack.yaml Removed redundant folder. 2019-10-29 17:28:17 +01:00
testEnv.hs Entity forms are generated, properties not supported yet. (#63) 2020-01-14 12:59:56 +01:00

                           ________   _________    ___    ________  
                          |\   ____\ |\___   ___\ |\  \  |\   ____\  
                          \ \  \___|_\|___ \  \_| \ \  \ \ \  \___|  
                           \ \_____  \    \ \  \   \ \  \ \ \  \  
                            \|____|\  \    \ \  \   \ \  \ \ \  \  
                               ___\_\  \    \ \  \   \ \  \ \ \  \____  
                              |\________\    \ \  \   \ \__\ \ \_______\  
                              \|________|     \|__|    \|__|  \|_______|  

Setup

Install stack.

Run stack setup in the project root to do initial setup.

Project configuration overview

This is a Stack project.

Stack installs GHC and packages automatically, in reproducible manner, in an isolated environment just for your Haskell project.

This project was created from new-template stack template and then modified inspired by haskeleton stack template.

Most important configuration file is package.yaml. Here we define what is what in our project, how is it built. Stack generates stic.cabal from this document.

Also important is stack.yaml where we define Stack configuration for this project.

We provided some pieces of Stack documentation in this README to make it easier to start with the project, but for any more detailed and guaranteed up-to-date docs check Stack docs at https://docs.haskellstack.org/en/stable/README/.

Adding a package as a dependency

This is just so you don't have to search Stack docs.

Just put it in package.yaml like this:

dependencies:
  ...
  - <package_name>
  ...

If package you need is not in the Stack snapshot defined by resolver, add it to extra-deps instead of dependencies.

Building / development

You build the project with stack build. It uses package.yaml, stic.yaml (and possibly some other files in the future) and source files to generate files and build the project.

It is recommended using stack build --pedantic to turn on pedantic code checking (-Wall, -Werror).

stack exec <my-executable> will run executable in the context of stack project. In our case, stack exec stic-exe will run Stic (build it first with stack build!).

Some useful command options when building:

  • stack build --test -> same as stack test.
  • stack build --file-watch -> live watch, reruns every time a file changes.
  • stack build --pedantic -> sets -Wall and -Werror ghc options.
  • stack build --ghc-options="-Wall -Werror" -> sets ghc options.
  • stack build --bench
  • stack build --profile
  • stack build --trace

There is also stack install which builds the project and then copies it to the local bin path.

Running stack ghci will open ghci in the context of the project, allowing you to load and run local modules, which can be useful for development.

You can use stack clear to clear all the generated files/artifacts from the project.

When developing, if you don't have full support for Haskell in your editor, consider using stack build --file-watch for live error checking, or ghcid as a faster alternative (install it globally with stack install ghcid and then just type ghcid when in the project.

Run script

For more convenient running of common build/dev commands, we created run script. It mostly runs stack commands described above.

The idea is that you normally use this for development, and you use stack directly when you need more control.

You can run ./run help to learn how to use it.

Examples:

  • ./run exec examples/todoMVC.wasp out/todoMVC will run stic on todoMVC example.

Tests

For tests we are using Tasty testing framework. Tasty let's us combine different types of tests into a single test suite.

In Tasty, there is a main test file that is run when test suite is run. In that file we need to manually compose test tree out of tests that we wrote. We organize tests in test groups, which are then recursively grouped resulting in a test tree. Cool thing is that we can organize tests this way however we want and also mix different type of tests (hspec, quickcheck, and whatever else want really).

Tests are normally split in files of course, so we need to import those all the way up to the main test file, however we organize our test groups/trees.

In order to avoid need for manual organization and importing of test files described above, we are using tasty-discover which does this for us. It automatically detects files containing tests and then organizes them for us into test tree (and also takes care of importing). This means we only need to create a file, write tests in it and that is it. Test functions however do need to be prefixed with special prefix to indicate which type of test are they: spec_ for Hspec, prop_ for QuickCheck and similar. Check docs for more details. We can however still organize tests manually if we want in Tasty test trees, and then we just prefix them with test_ and tasty-discover will pick them up from there.

Additionally, currently we limited tasty-discover to auto-detect only files ending with Test.hs (*Test.hs glob). We might remove that requirement in the future if it proves to have no benefit.

For unit testing, we use Hspec.

For property testing, we use Quickcheck.

We additionally use doctest for testing code examples in documentation.

All tests go into test/ directory. This is convention for Haskell, opposite to mixing them with source code as in Javascript for example. Not only that, but Haskell build tools don't have a good support for mixing them with source files, so even if we wanted to do that it is just not worth the hassle.

Test are run with stack test. You can do stack test --coverage to see the coverage.

Benchmarking

For benchmarking we are using Criterion.

You can run benchmark with stack bench.