feat: svelte

.devcontainer/devcontainer.json

@@ -0,0 +1,33 @@
+{
+ "name": "Debian",
+ "image": "mcr.microsoft.com/devcontainers/base:debian",
+
+ "features": {
+ "ghcr.io/devcontainers/features/github-cli:1": {},
+ "ghcr.io/devcontainers/features/rust:1": {},
+ "ghcr.io/devcontainers/features/node:1": {},
+ "ghcr.io/guiyomh/features/just:0": {}
+ },
+
+ "forwardPorts": [3000],
+ "customizations": {
+ "vscode": {
+ "extensions": [
+ "GitHub.copilot",
+ "GitHub.copilot-chat",
+ "github.vscode-github-actions",
+
+ "rust-lang.rust-analyzer",
+ "tamasfe.even-better-toml",
+ "serayuzgur.crates",
+ "vadimcn.vscode-lldb",
+
+ "esbenp.prettier-vscode",
+ "dbaeumer.vscode-eslint",
+ "svelte.svelte-vscode"
+ ]
+ }
+ },
+ "remoteUser": "vscode",
+ "postCreateCommand": "sudo apt-get update && sudo apt-get install -y emscripten && rustup target add wasm32-unknown-emscripten"
+}

.github/workflows/ci.yml

@@ -15,12 +15,6 @@ jobs:
  - name: Checkout repository
  uses: actions/checkout@v4
 
- - name: Add release date to index.html
- run: |
- VERSION="$(date +'%Y-%m-%d %H:%M')"
- sed --in-place "s/<VERSION>/$VERSION/g" index.html
- shell: bash
-
  - name: Setup emscripten SDK
  uses: mymindstorm/setup-emsdk@v14
  with:
@@ -29,6 +23,11 @@ jobs:
  - name: Verify emscripten
  run: emcc -v
 
+ - name: Setup just
+ uses: extractions/setup-just@v2
+ env:
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
  - name: Setup Stable Rust with emscripten target
  run: rustup target add wasm32-unknown-emscripten
 
@@ -41,16 +40,33 @@ jobs:
  - name: Cargo fmt
  run: cargo fmt --all --check
 
- - name: Cargo test
- run: cargo test
+ - name: Test
+ run: just test
+
+ - name: Build site
+ run: just b
+
+ - name: Install Node.js
+ uses: actions/setup-node@v4
+ with:
+ node-version: 20
+ cache: npm
+ cache-dependency-path: app/package-lock.json
+
+ - name: Install dependencies
+ run: npm ci
+ working-directory: app
+
+ - name: build
+ run: |
+ npm run build
+ working-directory: app
 
- - name: Build site into the public/ dir
- run: ./script/build.sh
 
  - uses: actions/upload-pages-artifact@v3
  if: ${{ github.event_name != 'pull_request' }}
  with:
- path: './public'
+ path: './app/dist'
  retention-days: '1'
 
  deploy:

.gitignore

@@ -9,4 +9,5 @@
 **/*.pdb
 
 # Static
-**/public/
+**/public/pa.wasm
+**/public/pa.js

.vscode/extensions.json

@@ -0,0 +1,11 @@
+{
+ "recommendations": [
+ "rust-lang.rust-analyzer",
+ "tamasfe.even-better-toml",
+ "serayuzgur.crates",
+ "vadimcn.vscode-lldb",
+ "esbenp.prettier-vscode",
+ "dbaeumer.vscode-eslint",
+ "svelte.svelte-vscode"
+ ]
+}

.vscode/settings.json

@@ -0,0 +1,8 @@
+{
+ "rust-analyzer.check.command": "clippy",
+ "rust-analyzer.checkOnSave": true,
+ "svelte.enable-ts-plugin": true,
+ "[svelte]": {
+ "editor.defaultFormatter": "svelte.svelte-vscode"
+ }
+}

Cargo.toml

@@ -1,10 +1,13 @@
 [workspace]
-members = [
- "dist",
- "power"
-]
+members = ["dist", "power"]
 resolver = "2"
 
 [profile.release]
 # Tell `rustc` to optimize for small code size.
 opt-level = "s"
+
+[workspace.package]
+authors = [
+ "Rik Huijzer <[email protected]>",
+ "Jose Storopoli <[email protected]>",
+]

README.md

@@ -4,12 +4,14 @@ Statistical power analyses in the browser via R's nmath library and WebAssembly.
 
 ## License
 
-The favicon is obtained from Flaticon (https://www.flaticon.com/free-icon/statistics_4064965).
+The favicon is obtained from [Flaticon](https://www.flaticon.com/free-icon/statistics_4064965).
 
 ## Developer notes
 
 Going via emscripten because we link a C library.
 
-A big thanks to https://github.com/rustwasm/team/issues/291#issuecomment-644946504 for writing down how to build a C library to WebAssembly via Rust.
+A big thanks to [`rustwasm/team`](https://github.com/rustwasm/team/issues/291#issuecomment-644946504)
+for writing down how to build a C library to WebAssembly via Rust.
 
-For development, checkout the scripts in the [`scripts` folder](https://github.com/poweranalyses-org/poweranalyses/tree/main/script).
+For development, checkout the scripts in the [`justfile`](https://github.com/poweranalyses-org/poweranalyses/tree/main/justfile).
+If you are lazy just run `just`.

app/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

app/README.md

@@ -0,0 +1,6 @@
+# Svelte + Vite
+
+This is the App's reactive frontend.
+
+The app is built with [Svelte](https://svelte.dev) and Vite.
+We are using Svelte 5 for reactivity and leaning heavily in the new Runes API.

app/index.html

@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+ <title>PowerAnalyses.org</title>
+ <link rel="icon" href="./src/assets/favicon.png" />
+ <link rel="stylesheet" href="./src/assets/style.css" />
+ <script src="./pa.js"></script>
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+</head>
+
+<body>
+ <noscript>
+ <br />
+ <center>
+ This site only works with WebAssembly. Enable WebAssembly in your
+ browser to continue.
+ </center>
+ </noscript>
+ <div id="app"></div>
+ <script type="module" src="./src/main.js"></script>
+</body>
+
+</html>

app/jsconfig.json

@@ -0,0 +1,44 @@
+{
+ "compilerOptions": {
+ "moduleResolution": "bundler",
+ "target": "ESNext",
+ "module": "ESNext",
+ /**
+ * svelte-preprocess cannot figure out whether you have
+ * a value or a type, so tell TypeScript to enforce using
+ * `import type` instead of `import` for Types.
+ */
+ "verbatimModuleSyntax": true,
+ "isolatedModules": true,
+ "resolveJsonModule": true,
+ /**
+ * To have warnings / errors of the Svelte compiler at the
+ * correct position, enable source maps by default.
+ */
+ "sourceMap": true,
+ "esModuleInterop": true,
+ "skipLibCheck": true,
+ /**
+ * Typecheck JS in `.svelte` and `.js` files by default.
+ * Disable this if you'd like to use dynamic types.
+ */
+ "checkJs": true,
+ "plugins": [
+ {
+ "name": "typescript-svelte-plugin",
+ // the following options can be set additionally; they are optional; their default values are listed here
+ "enabled": true, // enables this plugin
+ "assumeIsSvelteProject": false // if true, skip detection and always assume it's a Svelte project
+ }
+ ]
+ },
+ /**
+ * Use global.d.ts instead of compilerOptions.types
+ * to avoid limiting type declarations.
+ */
+ "include": [
+ "src/**/*.d.ts",
+ "src/**/*.js",
+ "src/**/*.svelte"
+ ]
+}