Merge branch 'miho-wasp-app-runner' into miho-example-apps-headless-tests

Author: infomiho

.devcontainer/devcontainer.json

@@ -21,7 +21,7 @@
       "label": "NodeJS Server"
     }
   },
-  "onCreateCommand": "curl -sSL https://get.wasp-lang.dev/installer.sh | sh -s",
+  "onCreateCommand": "curl -sSL https://get.wasp.sh/installer.sh | sh -s",
   "postCreateCommand": "printf 'export WASP_WEB_CLIENT_URL=https://$CODESPACE_NAME-3000.app.github.dev\n' >> $HOME/.bashrc && printf 'export REACT_APP_API_URL=https://$CODESPACE_NAME-3001.app.github.dev\n' >> $HOME/.bashrc && echo 'gh codespace ports visibility 3000:public -c $CODESPACE_NAME\n' >> $HOME/.bashrc && echo 'gh codespace ports visibility 3001:public -c $CODESPACE_NAME\n' >> $HOME/.bashrc",
   "workspaceFolder": "/workspaces/wasp/examples/tutorials/TodoApp"
 }

CONTRIBUTING.md

@@ -1,14 +1,15 @@
 # Contributing to Wasp
 
-Wasp's compiler is built with Haskell and under the hood it generates a web application in React and NodeJS. Given that, there are several ways in which you can contribute: 
+Wasp's compiler is built with Haskell and under the hood it generates a web application in React and NodeJS. Given that, there are several ways in which you can contribute:
+
 - [Wasp compiler/CLI/LSP internals](#wasp-compilerclilsp-internals) (Haskell)
 - [Wasp as a web framework](#wasp-as-a-web-framework) (React, Node, HTML/CSS, database and so on)
 - [Tutorials or Example apps](#tutorials-or-example-apps)
 - [Documentation](#documentation)
 
-## Before you begin 
+## Before you begin
 
-- Check out the [**Getting Started**](https://wasp-lang.dev/docs) guide to get familiar with Wasp's fundamentals. Ideally, you'd also build an app from the [**Pick a Tutorial**](https://wasp-lang.dev/docs/tutorials/todo-app) page to really get a feel for it!
+- Check out the [**Getting Started**](https://wasp.sh/docs) guide to get familiar with Wasp's fundamentals. Ideally, you'd also build an app from the [**Pick a Tutorial**](https://wasp.sh/docs/tutorials/todo-app) page to really get a feel for it!
 - Figure out what you'd like to help with. It can be code, documentation, tutorials, etc. More on this is below.
 - Join our Discord [![**Discord**](https://img.shields.io/discord/686873244791210014?label=chat%20on%20discord)](https://discord.gg/rzdnErX) for faster communication and feedback. We'd be happy to help you find the issue you'll enjoy working on, depending on your interests and skill set!
 - Below you can find links to the good first issues. If you'd like to filter the issues on your own — please, use [this link](https://github.com/wasp-lang/wasp/issues)
@@ -23,32 +24,32 @@ While you will need to know some Haskell, you don't have to be an expert in Hask
 
 Check the [**Wasp compiler README**](https://github.com/wasp-lang/wasp/blob/main/waspc/README.md) for all the detailed instructions and guides.
 
-[**Haskell-related issues for beginners can be found here.**](https://github.com/wasp-lang/wasp/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22+label%3Ahaskell) 
+[**Haskell-related issues for beginners can be found here.**](https://github.com/wasp-lang/wasp/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22+label%3Ahaskell)
 
 Feel free to contact us via Discord to ask for an appropriate issue for yourself, or just open a new one if you have something specific in mind and it isn't already there!
 
 ## Wasp as a web framework
 
-Wasp is a language for developing full-stack web apps. This means there are plenty of tasks related to web development itself. 
+Wasp is a language for developing full-stack web apps. This means there are plenty of tasks related to web development itself.
 
 [**Web dev issues for beginners can be found here.**](https://github.com/wasp-lang/wasp/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22+label%3Awebdev)
 
 ## Tutorials or Example apps
 
-Another great way to help is to create an app with Wasp! We have an [Examples](https://wasp-lang.dev/docs/examples) section on our website, as well as the [Tutorials](https://wasp-lang.dev/docs/tutorials/todo-app) page. Both of them can be improved and updated with your projects. 
+Another great way to help is to create an app with Wasp! We have an [Examples](https://wasp.sh/docs/examples) section on our website, as well as the [Tutorials](https://wasp.sh/docs/tutorials/todo-app) page. Both of them can be improved and updated with your projects.
 
-All that's required is to create an app. And make a tutorial or a blog post to help other people reproduce your work. Some prominent examples are: [Waspello](https://wasp-lang.dev/blog/2021/12/02/waspello), [Waspleau](https://wasp-lang.dev/blog/2022/01/27/waspleau), [It Wasps on My Machine](https://wasp-lang.dev/blog/2022/09/05/dev-excuses-app-tutrial) and [To-Do app](https://wasp-lang.dev/docs/tutorials/todo-app).
+All that's required is to create an app. And make a tutorial or a blog post to help other people reproduce your work. Some prominent examples are: [Waspello](https://wasp.sh/blog/2021/12/02/waspello), [Waspleau](https://wasp.sh/blog/2022/01/27/waspleau), [It Wasps on My Machine](https://wasp.sh/blog/2022/09/05/dev-excuses-app-tutrial) and [To-Do app](https://wasp.sh/docs/tutorials/todo-app).
 
 Or you can re-build your existing pet project with Wasp. That would be cool!
 
 ## Documentation & Blog
 
-It may sound like the simplest one, but it's super valuable! If you've found an issue, a broken link or if something was unclear on our [website](https://wasp-lang.dev/) - please, feel free to fix it :)
+It may sound like the simplest one, but it's super valuable! If you've found an issue, a broken link or if something was unclear on our [website](https://wasp.sh/) - please, feel free to fix it :)
 
 Please make sure to **base your feature branches and PRs on the `release` branch** instead of `main`, since that's the one that is deployed to the website.
 
 [**Documentation issues for beginners can be found here.**](https://github.com/wasp-lang/wasp/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22+label%3Adocumentation)
 
 If you'd like to write a blog post about Wasp, please contact us via [Discord](https://discord.gg/zKFDFrsHa9) to discuss the topic and the details.
 
-Happy hacking!
+Happy hacking!

README.md

@@ -14,7 +14,7 @@
 ---
 
 <p align="center">
-  <a href="https://wasp-lang.dev">Web page</a> | <a href="https://wasp-lang.dev/docs">Docs</a>
+  <a href="https://wasp.sh">Web page</a> | <a href="https://wasp.sh/docs">Docs</a> | <a href="https://e44cy1h4s0q.typeform.com/to/EPJCwsMi">Deployed? Get swag! 👕</a>
 </p>
 
 <br>
@@ -79,19 +79,23 @@ Given a simple .wasp configuration file that describes the high-level details of
 
 This unique approach is what makes Wasp "smart" and gives it its superpowers!
 
-For more information about Wasp, check [**docs**](https://wasp-lang.dev/docs).
+For more information about Wasp, check [**docs**](https://wasp.sh/docs).
+
+# Have a Wasp app deployed? - we will send you swag!
+
+If you have a Wasp application running in production, we'd love to send some swag your way! Fill out [this form](https://e44cy1h4s0q.typeform.com/to/EPJCwsMi), and we'll make it happen.
 
 # Get started
 
 Run
 
 ```
-curl -sSL https://get.wasp-lang.dev/installer.sh | sh
+curl -sSL https://get.wasp.sh/installer.sh | sh
 ```
 
 to install Wasp on OSX/Linux/WSL(Win). From there, just follow the instructions to run your first app in less than a minute!
 
-For more details, check out [the docs](https://wasp-lang.dev/docs).
+For more details, check out [the docs](https://wasp.sh/docs).
 
 # Wasp AI / Mage
 
@@ -121,7 +125,7 @@ Even if you don't plan to submit any code, just joining the discussion on discor
 You can also:
 
 - :star: Star this repo to show your interest/support.
-- :mailbox: Stay updated by subscribing to our [email list](https://wasp-lang.dev#signup).
+- :mailbox: Stay updated by subscribing to our [email list](https://wasp.sh#signup).
 - :speech_balloon: Join the discussion at https://github.com/wasp-lang/wasp/discussions .
 
 # Careers

SECURITY.md

@@ -8,4 +8,6 @@ We are currently in pre-production stage so only the latest major release is rec
 
 ## Reporting a Vulnerability
 
+<!-- TODO: update the email once we have the @wasp.sh email setup -->
+
 Please report any vulnerabilities at hi@wasp-lang.dev !

examples/README.md

@@ -1,33 +1,38 @@
-Example Wasp apps
-=================
+# Example Wasp apps
 
 Here's a list of all officially maintained Wasp example apps!
 Most of these apps are relatively small, and each one demonstrates several of Wasp's interesting features.
 
-The **tutorials** directory contains [Wasp tutorial](https://wasp-lang.dev/docs/tutorial/create) apps.
+The **tutorials** directory contains [Wasp tutorial](https://wasp.sh/docs/tutorial/create) apps.
 
 1. **todo-typescript**
-    - A simple task-tracking app implemented in TypeScript.
-    - Demonstrates: **full-stack type safety in Wasp via TypeScript**, [auth](https://wasp-lang.dev/docs/auth/overview), [rpc](https://wasp-lang.dev/docs/data-model/operations/overview)
+
+   - A simple task-tracking app implemented in TypeScript.
+   - Demonstrates: **full-stack type safety in Wasp via TypeScript**, [auth](https://wasp.sh/docs/auth/overview), [rpc](https://wasp.sh/docs/data-model/operations/overview)
 
 1. **waspello**
-    - A simple Trello clone.
-    - Demonstrates: [auth](https://wasp-lang.dev/docs/auth/overview), [rpc](https://wasp-lang.dev/docs/data-model/operations/overview)
+
+   - A simple Trello clone.
+   - Demonstrates: [auth](https://wasp.sh/docs/auth/overview), [rpc](https://wasp.sh/docs/data-model/operations/overview)
 
 1. **hackaton-submissions**
-    - An app for organizing your own hackaton.
-    - Demonstrates: [tailwind](https://wasp-lang.dev/docs/project/css-frameworks#tailwind), [rpc](https://wasp-lang.dev/docs/data-model/operations/overview)
+
+   - An app for organizing your own hackaton.
+   - Demonstrates: [tailwind](https://wasp.sh/docs/project/css-frameworks#tailwind), [rpc](https://wasp.sh/docs/data-model/operations/overview)
 
 1. **waspleau**
-    - A simple clone of Tableau. The app regularly pulls in external data and shows it on a nice dashboard.
-    - Demonstrates: **[jobs](https://wasp-lang.dev/docs/advanced/jobs)**, analytics
+
+   - A simple clone of Tableau. The app regularly pulls in external data and shows it on a nice dashboard.
+   - Demonstrates: **[jobs](https://wasp.sh/docs/advanced/jobs)**, analytics
 
 1. **thoughts**
-    - A simple note-taking app organized around the concept of hashtags.
-    - Demonstrates: [db seeding](https://wasp-lang.dev/docs/data-model/backends#seeding-the-database), [auth](https://wasp-lang.dev/docs/auth/overview), [rpc](https://wasp-lang.dev/docs/data-model/operations/overview), [Wasp TS config](https://wasp-lang.dev/docs/general/wasp-ts-config) .
+
+   - A simple note-taking app organized around the concept of hashtags.
+   - Demonstrates: [db seeding](https://wasp.sh/docs/data-model/backends#seeding-the-database), [auth](https://wasp.sh/docs/auth/overview), [rpc](https://wasp.sh/docs/data-model/operations/overview), [Wasp TS config](https://wasp.sh/docs/general/wasp-ts-config) .
 
 1. **streaming**
-    - Demonstrates: **http streaming**, [api](https://wasp-lang.dev/docs/advanced/apis)
+
+   - Demonstrates: **http streaming**, [api](https://wasp.sh/docs/advanced/apis)
 
 1. **websockets-realtime-voting**
-    - Demonstrates: **[web sockets](https://wasp-lang.dev/docs/advanced/web-sockets)**, [auth](https://wasp-lang.dev/docs/auth/overview), voting system
+   - Demonstrates: **[web sockets](https://wasp.sh/docs/advanced/web-sockets)**, [auth](https://wasp.sh/docs/auth/overview), voting system

examples/hackathon-submissions/.prettierrc

@@ -0,0 +1,6 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 100
+}

examples/hackathon-submissions/README.md

@@ -4,8 +4,8 @@
 
 # 🐝🚀 Wasp Hackathon Submission App
 
-This app was created for Wasp's Beta Hackathon (aka Betathon), so that participants would have a central place to learn about the hackathon and submit their projects. The app was deployed to Railway.app and is live [here](https://betathon-production.up.railway.app/). 
+This app was created for Wasp's Beta Hackathon (aka Betathon), so that participants would have a central place to learn about the hackathon and submit their projects. The app was deployed to Railway.app and is live [here](https://betathon-production.up.railway.app/).
 
-Visit the homepage to get started with [Wasp](https://wasp-lang.dev).
+Visit the homepage to get started with [Wasp](https://wasp.sh).
 
-Feel free to use this as a template for your own Hackathons!
+Feel free to use this as a template for your own Hackathons!

examples/hackathon-submissions/package-lock.json

@@ -1,13 +1,14 @@
 {
-  "name": "hackathonSubmissions",
+  "name": "hackathon-submissions",
   "type": "module",
   "dependencies": {
     "@playwright/test": "^1.50.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-feather": "2.0.10",
     "react-router-dom": "^6.26.2",
-    "wasp": "file:.wasp/out/sdk/wasp"
+    "wasp": "file:.wasp/out/sdk/wasp",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/react": "^18.0.37",

examples/hackathon-submissions/package.json

@@ -8,10 +8,10 @@
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   box-sizing: border-box;
-  
 }
 
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
 }
@@ -108,8 +108,8 @@ code {
 .gradient-text {
   background-image:
     linear-gradient(90deg, #bf9900 30%, #646464 100%);
-    background-clip: text; 
-    color: transparent;
+  background-clip: text;
+  color: transparent;
 }
 
 :focus {

examples/hackathon-submissions/src/Main.css

@@ -1,9 +1,9 @@
-import React from "react";
-import betathonLogo from "./betathonLogo.png";
-import "./Main.css";
-import Nav from "./components/Navbar";
-import Form from "./components/SubmissionForm";
-import Projects from "./components/Projects";
+import React from 'react';
+import betathonLogo from './betathonLogo.png';
+import './Main.css';
+import Nav from './components/Navbar';
+import Form from './components/SubmissionForm';
+import Projects from './components/Projects';
 
 const MainPage = () => {
   return (
@@ -13,7 +13,7 @@ const MainPage = () => {
         <img
           alt="betathon logo"
           src={betathonLogo}
-          className=" mb-16 shadow-lg border-2 rounded-md border-yellow-500/25"
+          className="mb-16 shadow-lg border-2 rounded-md border-yellow-500/25"
           width={600}
           height={600}
         />