@tutorialkit-rb/cli 1.5.2-rb.0.1.0

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@tutorialkit-rb/cli",
+  "version": "1.5.2-rb.0.1.0",
+  "description": "Interactive tutorials powered by WebContainer API",
+  "author": "StackBlitz Inc.",
+  "type": "module",
+  "bugs": "https://github.com/stackblitz/tutorialkit/issues",
+  "homepage": "https://github.com/stackblitz/tutorialkit",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Bakaface/tutorialkit.rb",
+    "directory": "packages/cli"
+  },
+  "bin": {
+    "tutorialkit": "dist/index.js"
+  },
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "build-release": "node scripts/build-release.js",
+    "test": "vitest --testTimeout=300000"
+  },
+  "files": [
+    "dist",
+    "template",
+    "template/.gitignore"
+  ],
+  "dependencies": {
+    "@babel/generator": "7.24.5",
+    "@babel/parser": "7.24.5",
+    "@babel/traverse": "7.24.5",
+    "@babel/types": "7.24.5",
+    "@clack/prompts": "^0.7.0",
+    "chalk": "^5.3.0",
+    "detect-indent": "7.0.1",
+    "execa": "^9.2.0",
+    "ignore": "^5.3.1",
+    "lookpath": "^1.2.2",
+    "which-pm": "2.2.0",
+    "yargs-parser": "^21.1.1"
+  },
+  "devDependencies": {
+    "@types/babel__generator": "7.6.8",
+    "@types/babel__traverse": "7.20.5",
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.14.6",
+    "@types/yargs-parser": "^21.0.3",
+    "esbuild": "^0.20.2",
+    "esbuild-node-externals": "^1.13.1",
+    "fs-extra": "^11.2.0",
+    "tempy": "^3.1.0",
+    "vitest": "^3.0.5"
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  },
+  "keywords": [
+    "ruby",
+    "rails",
+    "wasm"
+  ]
+}

package/template/.gitignore

@@ -0,0 +1,13 @@
+dist
+.astro
+node_modules
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+.env
+.env.production
+.DS_Store
+.idea
+
+public/ruby.wasm

package/template/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode", "StackBlitz.tutorialkit", "unifiedjs.vscode-mdx"],
+  "unwantedRecommendations": []
+}

package/template/.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development Server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

package/template/README.md

@@ -0,0 +1,179 @@
+# TutorialKit Starter
+
+👋 Welcome to TutorialKit!
+
+This README includes everything you need to start writing your tutorial content quickly.
+
+## Project Structure
+
+```bash
+.
+├── astro.config.mjs    # TutorialKit uses Astro 🚀 (https://astro.build)
+├── src │   ├── ...
+│   ├── content
+│   │   └── tutorial    # Your tutorial content lives here
+│   └── templates       # Your templates (see below for more information)
+├── public
+│   ├── favicon.svg
+│   └── logo.svg        # Default logo used in top left for your tutorial
+├── ...
+├── theme.ts            # Customize the theme of the tutorial
+└── uno.config.ts       # UnoCSS config (https://unocss.dev/)
+```
+
+## Getting Started
+
+Make sure you have all dependencies installed and started the dev server:
+
+```bash
+<% pkgManager %> install
+<% pkgManager %> run dev
+```
+
+## Ruby on Rails WebAssembly Support
+
+This TutorialKit template includes support for running Ruby on Rails applications directly in the browser using WebAssembly. This enables you to create interactive Rails tutorials without requiring any server-side infrastructure.
+
+### Setting Up Ruby WASM
+
+1. **Configure Dependencies**: Edit `ruby-wasm/Gemfile` to add the Ruby gems needed for your tutorial
+2. **Build WASM Module**: Run the build command to compile Ruby and your dependencies:
+   ```bash
+   <% pkgManager %> run build:wasm
+   ```
+3. **Start Development**: Run the dev server as usual:
+   ```bash
+   <% pkgManager %> run dev
+   ```
+
+### How It Works
+
+The Ruby WASM build pipeline (`ruby-wasm/` directory):
+- Compiles the Ruby interpreter to WebAssembly
+- Bundles Rails framework and all specified gems
+- Creates a self-contained WASM module that runs entirely in the browser
+- Integrates seamlessly with WebContainers for file system and terminal operations
+
+### Features
+
+- **Full Rails Environment**: Run complete Rails applications client-side
+- **Interactive Terminal**: Execute Rails commands (rails new, generate, migrate, etc.)
+- **Live Code Editing**: Edit Ruby/Rails code with instant feedback
+- **No Backend Required**: Everything runs in the user's browser
+
+## UI Structure
+
+```markdown
+┌─────────────────────────────────────────────────────┐
+│ ● ● ●                                               │
+├───────────────────────────┬─────────────────────────┤
+│                           │                         │
+│                           │                         │
+│                           │                         │
+│                           │                         │
+│                           │       Code Editor       │
+│                           │                         │
+│                           │                         │
+│                           │                         │
+│                           │                         │
+│          Content          ├─────────────────────────┤
+│                           │                         │
+│                           │                         │
+│                           │  Preview & Boot Screen  │
+│                           │                         │
+│                           │                         │
+│                           ├─────────────────────────┤
+│                           │                         │
+│                           │        Terminal         │
+│                           │                         │
+└───────────────────────────┴─────────────────────────┘
+```
+
+## Authoring Content
+
+A tutorial consists of parts, chapters, and lessons. For example:
+
+- Part 1: Basics of Vite
+  - Chapter 1: Introduction
+    - Lesson 1: Welcome!
+    - Lesson 2: Why Vite?
+    - …
+  - Chapter 2: Your first Vite project
+- Part 2: CLI
+  - …
+
+Your content is organized into lessons, with chapters and parts providing a structure and defining common metadata for these lessons.
+
+Here’s an example of how it would look like in `src/content/tutorial`:
+
+```bash
+tutorial
+├── 1-basics-of-vite
+│   ├── 1-introduction
+│   │   ├── 1-welcome
+│   │   │   ├── content.md    # The content of your lesson
+│   │   │   ├── _files        # Initial set of files
+│   │   │   │   └── ...
+│   │   │   └── _solution     # Solution of the lesson
+│   │   │       └── ...
+│   │   ├── 2-why-vite
+│   │   │   ├── content.md
+│   │   │   └── _files
+│   │   │       └── ...
+│   │   └── meta.md           # Metadata for the chapter
+│   └── meta.md               # Metadata for the part
+├── 2-advanced
+│   ├── ...
+│   └── meta.md
+└── meta.md                   # Metadata for the tutorial
+```
+
+### Supported Content Formats
+
+Content can be either written as Markdown (`.md`) files or using [MDX](https://mdxjs.com/) (`.mdx`). Files have a Front Matter at the top that contains the metadata and everything that comes after is the content of your lesson.
+
+**Example**
+
+```markdown
+---
+type: lesson
+title: Welcome!
+---
+
+# Welcome to TutorialKit!
+
+In this tutorial we'll walk you through how to setup your environment to
+write your first tutorial 🤩
+```
+
+The metadata file (`meta.md`) of parts, chapters, and lessons do not contain any content. It only contains the Front Matter for configuration.
+
+### Metadata
+
+Here is an overview of the properties that can be used as part of the Front Matter:
+
+| Property        | Required | Type                        | Inherited | Description                                                                                                                                           |
+| --------------- | -------- | --------------------------- | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- |
+| type            | ✅       | `part \| chapter \| lesson` | ❌        | The type of the metadata.                                                                                                                             |
+| title           | ✅       | `string`                    | ❌        | The title of the part, chapter, or lesson.                                                                                                            |
+| slug            |          | `string`                    | ❌        | Let’s you customize the URL pathname which is `/:partSlug/:chapterSlug/:lessonSlug`.                                                                  |
+| previews        |          | `Preview[]`                 | ✅        | Configure which ports should be used for the previews. If not specified, the lowest port will be used.                                                |
+| autoReload      |          | `boolean`                   | ✅        | Navigating to a lesson that specifies `autoReload` will always reload the preview. This is typically only needed if your server does not support HMR. |
+| prepareCommands |          | `Command[]`                 | ✅        | List of commands to execute sequentially. They are typically used to install dependencies or to run scripts.                                          |
+| mainCommand     |          | `Command`                   | ✅        | The main command to be executed. This command will run after the `prepareCommands`.                                                                   |
+
+A `Command` has the following shape:
+
+```ts
+string | [command: string, title: string] | { command: string, title: string }
+```
+
+The `title` is used as part of the boot screen (see [UI Structure](#ui-structure)).
+
+A `Preview` has the following shape:
+
+```ts
+string | [port: number, title: string] | { port: number, title: string }
+```
+
+In most cases, metadata is inherited. For example, if you specify a `mainCommand` on a chapter without specifying it on any of its lessons, each lesson will use the `mainCommand` from its respective chapter. This extends to chapter and parts as well.

package/template/astro.config.ts

@@ -0,0 +1,21 @@
+import tutorialkit from '@tutorialkit-rb/astro';
+import { defineConfig } from 'astro/config';
+import remarkRailsPathLinks from './src/plugins/remarkRailsPathLinks';
+
+export default defineConfig({
+  devToolbar: {
+    enabled: false,
+  },
+  integrations: [
+    tutorialkit({
+      components: {
+        TopBar: './src/components/TopBar.astro',
+        HeadTags: './src/components/HeadTags.astro',
+      },
+      defaultRoutes: true,
+    }),
+  ],
+  markdown: {
+    remarkPlugins: [remarkRailsPathLinks],
+  },
+});

package/template/bin/build-wasm

@@ -0,0 +1,30 @@
+#!/bin/bash
+
+set -e
+
+echo "Building Ruby WASM module..."
+
+# Check if ruby-wasm directory exists
+if [ ! -d "ruby-wasm" ]; then
+  echo "Error: ruby-wasm directory not found. Make sure you're running this from the template root."
+  exit 1
+fi
+
+# Change to ruby-wasm directory
+cd ruby-wasm
+
+echo "Installing Ruby gems..."
+# Install gems using bundle install
+bundle install --path vendor/bundle
+
+echo "Building WASM module..."
+# Run the pack script to build ruby.wasm
+./bin/pack
+
+echo "WASM build completed successfully!"
+echo "ruby.wasm is now available at ruby-wasm/dist/ruby.wasm"
+
+# Copy the built ruby.wasm to the public directory
+echo "Copying ruby.wasm to public directory..."
+cp dist/ruby.wasm ../public/
+echo "ruby.wasm copied to public directory."

package/template/icons/languages/css.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#529BBA" d="M10.3 23.3l.8-4H8.6v-2.1h3l.5-2.5H9.5v-2.1h3.1l.8-3.9h2.8l-.8 3.9h2.8l.8-3.9h2.8l-.8 3.9h2.5v2.1h-2.9l-.6 2.5h2.6v2.1h-3l-.8 4H16l.8-4H14l-.8 4h-2.9zm6.9-6.1l.5-2.5h-2.8l-.5 2.5h2.8z"/></svg>

package/template/icons/languages/html.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#EF7623" d="M8 15l6-5.6V12l-4.5 4 4.5 4v2.6L8 17v-2zm16 2.1l-6 5.6V20l4.6-4-4.6-4V9.3l6 5.6v2.2z"/></svg>

package/template/icons/languages/js.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#F1DD3F" d="M11.4 10h2.7v7.6c0 3.4-1.6 4.6-4.3 4.6-.6 0-1.5-.1-2-.3l.3-2.2c.4.2.9.3 1.4.3 1.1 0 1.9-.5 1.9-2.4V10zm5.1 9.2c.7.4 1.9.8 3 .8 1.3 0 1.9-.5 1.9-1.3s-.6-1.2-2-1.7c-2-.7-3.3-1.8-3.3-3.6 0-2.1 1.7-3.6 4.6-3.6 1.4 0 2.4.3 3.1.6l-.6 2.2c-.5-.2-1.3-.6-2.5-.6s-1.8.5-1.8 1.2c0 .8.7 1.1 2.2 1.7 2.1.8 3.1 1.9 3.1 3.6 0 2-1.6 3.7-4.9 3.7-1.4 0-2.7-.4-3.4-.7l.6-2.3z"/></svg>

package/template/icons/languages/json.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#DBCD68" d="M7.5 15.1c1.5 0 1.7-.8 1.7-1.5 0-.6-.1-1.1-.1-1.7S9 10.7 9 10.2c0-2.1 1.3-3 3.4-3h.8v1.9h-.4c-1 0-1.3.6-1.3 1.6 0 .4.1.8.1 1.3 0 .4.1.9.1 1.5 0 1.7-.7 2.3-1.9 2.6 1.2.3 1.9.9 1.9 2.6 0 .6-.1 1.1-.1 1.5 0 .4-.1.9-.1 1.2 0 1 .3 1.6 1.3 1.6h.4v1.9h-.8c-2 0-3.3-.8-3.3-3 0-.6 0-1.1.1-1.7.1-.6.1-1.2.1-1.7 0-.6-.2-1.5-1.7-1.5l-.1-1.9zm17 1.7c-1.5 0-1.7.9-1.7 1.5s.1 1.1.1 1.7c.1.6.1 1.2.1 1.7 0 2.2-1.4 3-3.4 3h-.8V23h.4c1 0 1.3-.6 1.3-1.6 0-.4 0-.8-.1-1.2 0-.5-.1-1-.1-1.5 0-1.7.7-2.3 1.9-2.6-1.2-.3-1.9-.9-1.9-2.6 0-.6.1-1.1.1-1.5.1-.5.1-.9.1-1.3 0-1-.4-1.5-1.3-1.6h-.4V7.2h.8c2.1 0 3.4.9 3.4 3 0 .6-.1 1.1-.1 1.7-.1.6-.1 1.2-.1 1.7 0 .7.2 1.5 1.7 1.5v1.7z"/></svg>

package/template/icons/languages/markdown.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#529BBA" d="M20.7 6.7v9.9h3.8c-2.9 3-5.8 5.9-8.7 8.8-2.7-2.8-5.6-5.8-8.4-8.7h3.5V6.6c1.3.9 4.4 3.1 5 3.1.6 0 3.6-2.2 4.8-3z"/></svg>

package/template/icons/languages/ruby.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 7.19l6.64 6.64h.72L15 7.19v-.72l-3.32-3.32-.36-.15H4.68l-.36.15L1 6.47v.72zm7 5.56L2.08 6.83 4.89 4h6.22l2.81 2.83L8 12.75zm0-7.73h2.69l1.81 1.81-4.5 4.4V5.02z"/></svg>

package/template/icons/languages/sass.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path fill="#CF6499" d="M18 17.3c-1.1.7-2.4 1.5-3.5 2.2.4.9.4 1.8.1 2.7-.5 1.6-1.7 2.5-3.2 2.7-.4.1-.8 0-1.1-.1-.4-.1-.6-.4-.7-.7-.4-.9-.3-1.7.3-2.4.4-.4.8-.9 1.3-1.2.5-.4 1.2-.7 1.8-1.1.1-.1.2-.1.4-.2-.3-.2-.4-.4-.6-.4-.8-.5-1.6-1.1-2.3-1.8-.4-.4-.8-.8-1.1-1.3-.9-.7-1-1.7-.5-2.6.4-1 1.1-1.8 1.8-2.5 1.6-1.4 3.4-2.4 5.4-3.1 1.4-.5 2.8-.7 4.2-.5.4.2 1 .3 1.4.5 1.5.6 2.1 1.8 1.6 3.4-.4 1.3-1.2 2.4-2.4 3.1-1.6 1-3.2 1.4-5.1 1.1-.6-.1-1.1-.4-1.6-.9-.1-.2-.2-.4-.3-.5 0 0 0-.1.1-.2 0 0 .1 0 .2.1.8.8 1.7.9 2.6.7 1.7-.3 3.2-.9 4.3-2.2.4-.5.8-1.1 1-1.8.2-.8-.2-1.4-.9-1.8-.8-.4-1.6-.4-2.4-.3-2 .3-3.8 1.1-5.4 2.1-.9.5-1.7 1.1-2.3 1.9-.3.4-.5.8-.7 1.2-.3.8-.2 1.6.4 2.2.4.4.8.8 1.2 1.1.6.5 1.3 1.1 1.9 1.6.1 0 .2.1.3 0 .3-.2.5-.3.8-.4.9-.5 1.8-.9 2.8-1.1 0 .4.1.4.2.5 0-.1 0-.1 0 0zm-4.3 2.5c-.9.5-1.6 1-2.3 1.7-.4.4-.6.8-.7 1.3-.1.6.3.9.9.8.8-.2 1.4-.7 1.8-1.3.5-.8.5-1.5.3-2.5z"/></svg>

package/template/icons/languages/ts.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M15.6 11.8h-3.4V22H9.7V11.8H6.3V10h9.2v1.8zm7.7 7.1c0-.5-.2-.8-.5-1.1-.3-.3-.9-.5-1.7-.8-1.4-.4-2.5-.9-3.3-1.5-.7-.6-1.1-1.3-1.1-2.3 0-1 .4-1.8 1.3-2.4.8-.6 1.9-.9 3.2-.9 1.3 0 2.4.4 3.2 1.1.8.7 1.2 1.6 1.2 2.6h-2.3c0-.6-.2-1-.6-1.4-.4-.3-.9-.5-1.6-.5-.6 0-1.1.1-1.5.4-.4.3-.5.7-.5 1.1 0 .4.2.7.6 1 .4.3 1 .5 2 .8 1.3.4 2.3.9 3 1.5.7.6 1 1.4 1 2.4s-.4 1.9-1.2 2.4c-.8.6-1.9.9-3.2.9-1.3 0-2.5-.3-3.4-1s-1.5-1.6-1.4-2.9h2.4c0 .7.2 1.2.7 1.6.4.3 1.1.5 1.8.5s1.2-.1 1.5-.4c.2-.3.4-.7.4-1.1z" fill="#529BBA"/></svg>

package/template/icons/phosphor/file-erb.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M48,120V40a8,8,0,0,1,8-8h96l56,56v32" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="152 32 152 88 208 88" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="24" y1="160" x2="24" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="60" y1="160" x2="60" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="100" y1="160" x2="100" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="116" y1="160" x2="84" y2="160" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="60" y1="184" x2="24" y2="184" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="140 208 140 160 164 192 188 160 188 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="216 160 216 208 244 208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>

package/template/icons/phosphor/file-rb.svg

@@ -0,0 +1,5 @@
+<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.7075 10.2925L19.7075 3.2925C19.6146 3.19967 19.5042 3.12605 19.3829 3.07586C19.2615 3.02568 19.1314 2.9999 19 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V14C5 14.2652 5.10536 14.5196 5.29289 14.7071C5.48043 14.8946 5.73478 15 6 15C6.26522 15 6.51957 14.8946 6.70711 14.7071C6.89464 14.5196 7 14.2652 7 14V5H18V11C18 11.2652 18.1054 11.5196 18.2929 11.7071C18.4804 11.8946 18.7348 12 19 12H25V27H23C22.7348 27 22.4804 27.1054 22.2929 27.2929C22.1054 27.4804 22 27.7348 22 28C22 28.2652 22.1054 28.5196 22.2929 28.7071C22.4804 28.8946 22.7348 29 23 29H25C25.5304 29 26.0391 28.7893 26.4142 28.4142C26.7893 28.0391 27 27.5304 27 27V11C27.0001 10.8686 26.9743 10.7385 26.9241 10.6172C26.8739 10.4958 26.8003 10.3854 26.7075 10.2925ZM20 6.41375L23.5863 10H20V6.41375ZM8 18H6C5.73478 18 5.48043 18.1054 5.29289 18.2929C5.10536 18.4804 5 18.7348 5 19V26C5 26.2652 5.10536 26.5196 5.29289 26.7071C5.48043 26.8946 5.73478 27 6 27C6.26522 27 6.51957 26.8946 6.70711 26.7071C6.89464 26.5196 7 26.2652 7 26V25H8C8.24063 24.9997 8.48061 24.975 8.71625 24.9263L9.63625 26.5C9.77724 26.7117 9.9936 26.8617 10.2413 26.9195C10.489 26.9773 10.7494 26.9386 10.9696 26.8112C11.1897 26.6837 11.353 26.4772 11.4262 26.2336C11.4995 25.99 11.4771 25.7277 11.3638 25.5L10.475 23.9725C10.9637 23.4829 11.4309 22.1809 11.4309 22.1809L11.2311 20.1601C11.2311 20.1601 10.518 18.9748 9.94295 18.5903C9.36787 18.2059 8.69176 18.0004 8 18ZM7 23V20H8C8.39782 20 8.77936 20.158 9.06066 20.4393C9.34196 20.7206 9.5 21.1022 9.5 21.5C9.5 21.8978 9.34196 22.2794 9.06066 22.5607C8.77936 22.842 8.39782 23 8 23H7Z" fill="currentColor" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5691 18H16.5691C17.2609 18.0004 17.937 18.2059 18.5121 18.5903C19.0872 18.9748 19.8002 20.1601 19.8002 20.1601L20 22.2963C20 22.2963 19.5328 23.1138 19.0441 23.6035H16.5691H13.5691V19C13.5691 18.7348 13.6745 18.4804 13.862 18.2929C14.0495 18.1054 14.3039 18 14.5691 18ZM15.5678 22.2963L15.5691 20H16.5691C16.9669 20 17.3485 20.158 17.6298 20.4393C17.9111 20.7206 18.0691 21.1022 18.0691 21.5C18.0691 21.8978 17.9111 22.015 17.6298 22.2963C17 22.2963 16.9669 22.2963 16.5691 22.2963H15.5678Z" />
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5678 23L15.5691 23.2153C16.2609 23.2157 18.5 24.0698 18.5 22.5C19.0751 22.8845 20 23.6035 20 23.6035L19.8002 25.238C19.8002 25.238 19.5328 26.5104 19.0441 27H13.5691V23.6035C14 23.6035 14 23 14.5 23C14.8842 23 15.3025 23 15.5678 23ZM15.5691 25.8718V23.2153L16.6452 23.1768C17.0431 23.1768 17.5 23.2241 17.6284 23.3111C17.9097 23.5924 18.0678 23.974 18.0678 24.3718C18.0678 24.7696 17.9097 25.1511 17.6284 25.4324C17.3471 25.7138 16.9656 25.8718 16.5678 25.8718H15.5691Z"/>
+</svg>

package/template/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "tutorialkit-rb-starter",
+  "version": "0.0.1",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "astro": "astro",
+    "build": "astro check && astro build",
+    "build:wasm": "./bin/build-wasm",
+    "dev": "astro dev",
+    "preview": "astro preview",
+    "start": "astro dev"
+  },
+  "dependencies": {
+    "@codemirror/lang-yaml": "^6.1.2",
+    "@codemirror/legacy-modes": "^6.5.1",
+    "@nanostores/react": "0.7.2",
+    "@tutorialkit-rb/react": "1.5.2-rb.0.1.0",
+    "nanostores": "^0.10.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.7.0",
+    "@astrojs/react": "^3.6.0",
+    "@tutorialkit-rb/astro": "1.5.2-rb.0.1.0",
+    "@tutorialkit-rb/theme": "1.5.2-rb.0.1.0",
+    "@tutorialkit-rb/types": "1.5.2-rb.0.1.0",
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^20.14.6",
+    "@types/react": "^18.3.3",
+    "astro": "^4.15.0",
+    "prettier-plugin-astro": "^0.14.1",
+    "typescript": "^5.4.5",
+    "unist-util-visit": "^5.0.0"
+  }
+}

package/template/package.json.bak

@@ -0,0 +1,37 @@
+{
+  "name": "tutorialkit-rb-starter",
+  "version": "0.0.1",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "astro": "astro",
+    "build": "astro check && astro build",
+    "build:wasm": "./bin/build-wasm",
+    "dev": "astro dev",
+    "preview": "astro preview",
+    "start": "astro dev"
+  },
+  "dependencies": {
+    "@codemirror/lang-yaml": "^6.1.2",
+    "@codemirror/legacy-modes": "^6.5.1",
+    "@nanostores/react": "0.7.2",
+    "@tutorialkit-rb/react": "workspace:*",
+    "nanostores": "^0.10.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.7.0",
+    "@astrojs/react": "^3.6.0",
+    "@tutorialkit-rb/astro": "workspace:*",
+    "@tutorialkit-rb/theme": "workspace:*",
+    "@tutorialkit-rb/types": "workspace:*",
+    "@types/mdast": "^4.0.4",
+    "@types/node": "^20.14.6",
+    "@types/react": "^18.3.3",
+    "astro": "^4.15.0",
+    "prettier-plugin-astro": "^0.14.1",
+    "typescript": "^5.4.5",
+    "unist-util-visit": "^5.0.0"
+  }
+}

package/template/public/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <rect width="16" height="16" rx="2" fill="#1389fd" />
+  <path d="M7.398 9.091h-3.58L10.364 2 8.602 6.909h3.58L5.636 14l1.762-4.909Z" fill="#fff" />
+</svg>

package/template/public/logo-dark.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 95 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.5 14.0002V6.4002H62.6V14.0002H60.5ZM61.6 5.4002C61.3 5.4002 61 5.3002 60.8 5.1002C60.6 4.9002 60.5 4.6002 60.5 4.3002C60.5 4.0002 60.6 3.8002 60.8 3.5002C61 3.3002 61.3 3.2002 61.6 3.2002C61.9 3.2002 62.2 3.3002 62.4 3.5002C62.6 3.7002 62.7 4.0002 62.7 4.3002C62.7 4.6002 62.6 4.8002 62.4 5.1002C62.2 5.3002 61.9 5.4002 61.6 5.4002ZM86.4 14.0002V6.4002H88.5V14.0002H86.4ZM87.5 5.4002C87.2 5.4002 86.9 5.3002 86.7 5.1002C86.5 4.9002 86.4 4.6002 86.4 4.3002C86.4 4.0002 86.5 3.8002 86.7 3.5002C86.9 3.3002 87.2 3.2002 87.5 3.2002C87.8 3.2002 88.1 3.3002 88.3 3.5002C88.5 3.7002 88.6 4.0002 88.6 4.3002C88.6 4.6002 88.5 4.8002 88.3 5.1002C88.1 5.3002 87.8 5.4002 87.5 5.4002ZM94.3 6.4002V8.0002H92.9V11.7002C92.9 11.9002 92.9 12.0002 93 12.2002C93.1 12.3002 93.1 12.4002 93.2 12.4002C93.3 12.4002 93.4 12.5002 93.6 12.5002C93.7 12.5002 93.8 12.5002 93.9 12.5002C94 12.5002 94.1 12.5002 94.1 12.5002L94.4 14.1002C94.3 14.1002 94.1 14.2002 94 14.2002C93.8 14.2002 93.6 14.3002 93.3 14.3002C92.8 14.3002 92.3 14.3002 92 14.1002C91.6 13.9002 91.3 13.7002 91.1 13.4002C90.9 13.1002 90.8 12.7002 90.8 12.2002V8.0002H89.8V6.4002H90.8V4.5002H92.9V6.3002H94.3V6.4002ZM76.3 3.8002V14.0002H78.5V11.1002L79.6 9.8002L82.4 14.0002H85L81.2 8.4002L85 3.8002H82.4L78.7 8.3002H78.6V3.8002H76.3ZM74.6 3.8002V14.0002H72.5V3.8002H74.6ZM65.2 13.9002C65.6 14.1002 66 14.2002 66.5 14.2002C66.9 14.2002 67.2 14.2002 67.5 14.1002C67.8 14.0002 68 13.9002 68.2 13.7002C68.4 13.5002 68.6 13.3002 68.7 13.1002H68.8V14.0002H70.8V8.8002C70.8 8.3002 70.7 8.00019 70.5 7.60019C70.3 7.30019 70.1 7.0002 69.8 6.8002C69.5 6.6002 69.2 6.4002 68.8 6.3002C68.4 6.2002 68 6.2002 67.6 6.2002C67 6.2002 66.5 6.3002 66 6.5002C65.5 6.7002 65.2 6.9002 64.9 7.3002C64.6 7.6002 64.4 8.0002 64.3 8.5002L66.3 8.7002C66.4 8.4002 66.5 8.2002 66.7 8.1002C66.9 7.9002 67.2 7.8002 67.6 7.8002C68 7.8002 68.2 7.9002 68.4 8.1002C68.6 8.3002 68.7 8.5002 68.7 8.8002C68.7 9.0002 68.6 9.1002 68.5 9.2002C68.4 9.3002 68.2 9.3002 67.9 9.4002C67.6 9.4002 67.3 9.5002 66.8 9.5002C66.4 9.5002 66.1 9.6002 65.7 9.7002C65.4 9.8002 65.1 9.9002 64.8 10.1002C64.5 10.3002 64.3 10.5002 64.2 10.8002C64 11.1002 64 11.4002 64 11.9002C64 12.4002 64.1 12.8002 64.3 13.2002C64.5 13.5002 64.8 13.7002 65.2 13.9002ZM68 12.5002C67.8 12.6002 67.5 12.7002 67.2 12.7002C66.9 12.7002 66.6 12.6002 66.4 12.5002C66.2 12.3002 66.1 12.1002 66.1 11.8002C66.1 11.6002 66.2 11.4002 66.3 11.3002C66.4 11.2002 66.5 11.1002 66.7 11.0002C66.9 10.9002 67.1 10.9002 67.4 10.8002C67.5 10.8002 67.6 10.8002 67.8 10.7002C67.9 10.7002 68.1 10.7002 68.2 10.6002C68.3 10.6002 68.5 10.5002 68.6 10.5002C68.7 10.5002 68.8 10.4002 68.9 10.4002V11.2002C68.9 11.5002 68.8 11.7002 68.7 11.9002C68.6 12.1002 68.2 12.4002 68 12.5002ZM54.8 6.4002V14.0002H56.9V9.7002C56.9 9.4002 57 9.1002 57.1 8.9002C57.2 8.7002 57.4 8.5002 57.7 8.3002C57.9 8.2002 58.2 8.1002 58.5 8.1002C58.6 8.1002 58.8 8.1002 59 8.1002C59.2 8.1002 59.3 8.1002 59.4 8.2002V6.3002C59.3 6.3002 59.2 6.3002 59.1 6.2002C59 6.2002 58.9 6.2002 58.8 6.2002C58.4 6.2002 58 6.3002 57.7 6.6002C57.4 6.8002 57.1 7.2002 57 7.7002H56.9V6.4002H54.8ZM49.7 14.1002C48.9 14.1002 48.3 13.9002 47.7 13.6002C47.1 13.3002 46.7 12.8002 46.4 12.2002C46.1 11.6002 45.9 10.9002 45.9 10.1002C45.9 9.3002 46.1 8.6002 46.4 8.0002C46.7 7.4002 47.1 6.9002 47.7 6.6002C48.3 6.3002 48.9 6.1002 49.7 6.1002C50.5 6.1002 51.1 6.3002 51.7 6.6002C52.3 6.9002 52.7 7.4002 53 8.0002C53.3 8.6002 53.5 9.3002 53.5 10.1002C53.5 10.9002 53.3 11.6002 53 12.2002C52.7 12.8002 52.3 13.3002 51.7 13.6002C51.1 14.0002 50.4 14.1002 49.7 14.1002ZM49.7 12.5002C50.1 12.5002 50.3 12.4002 50.6 12.2002C50.8 12.0002 51 11.7002 51.1 11.4002C51.2 11.1002 51.3 10.7002 51.3 10.2002C51.3 9.8002 51.2 9.4002 51.1 9.0002C51 8.7002 50.8 8.4002 50.6 8.2002C50.3 8.0002 50 7.9002 49.7 7.9002C49.3 7.9002 49 8.0002 48.8 8.2002C48.6 8.4002 48.4 8.7002 48.3 9.0002C48.2 9.3002 48.1 9.7002 48.1 10.2002C48.1 10.6002 48.2 11.0002 48.3 11.4002C48.4 11.7002 48.6 12.0002 48.8 12.2002C49 12.4002 49.3 12.5002 49.7 12.5002ZM44.9 8.0002V6.4002H43.5V4.5002H41.4V6.3002H40.4V8.0002H41.4V12.0002C41.4 12.5002 41.5 12.9002 41.7 13.2002C41.9 13.5002 42.2 13.8002 42.6 13.9002C43 14.1002 43.4 14.1002 43.9 14.1002C44.2 14.1002 44.4 14.1002 44.6 14.0002C44.8 14.0002 44.9 13.9002 45 13.9002L44.7 12.3002C44.6 12.3002 44.6 12.3002 44.5 12.3002C44.4 12.3002 44.3 12.3002 44.2 12.3002C44.1 12.3002 43.9 12.3002 43.8 12.2002C43.7 12.2002 43.6 12.1002 43.6 12.0002C43.5 11.9002 43.5 11.7002 43.5 11.5002V8.0002H44.9ZM37.1 10.7002V6.4002H39.2V14.0002H37.2V12.6002H37.1C36.9 13.0002 36.6 13.4002 36.2 13.7002C35.8 14.0002 35.3 14.1002 34.7 14.1002C34.2 14.1002 33.7 14.0002 33.4 13.8002C33 13.6002 32.7 13.2002 32.5 12.8002C32.3 12.4002 32.2 11.9002 32.2 11.3002V6.4002H34.3V10.9002C34.3 11.4002 34.4 11.7002 34.7 12.0002C34.9 12.3002 35.3 12.4002 35.7 12.4002C36 12.4002 36.2 12.3002 36.4 12.2002C36.6 12.1002 36.8 11.9002 36.9 11.7002C37 11.4002 37.1 11.1002 37.1 10.7002ZM23.5 3.8002V5.6002H26.6V14.0002H28.7V5.6002H31.8V3.8002H23.5Z" fill="#E4E6E9"/>
+<path d="M0 4.6V8.4L5.6 5.6V7.3L9.4 5.5V0L0 4.6ZM5.6 9.5L16 4.5V8.3L5.6 13.4V9.5ZM13.7 11.6L8.5 14.1L16 16V12.2L13.7 11.6Z" fill="#E4E6E9"/>
+</svg>

package/template/public/logo.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 95 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M60.5 14.0002V6.4002H62.6V14.0002H60.5ZM61.6 5.4002C61.3 5.4002 61 5.3002 60.8 5.1002C60.6 4.9002 60.5 4.6002 60.5 4.3002C60.5 4.0002 60.6 3.8002 60.8 3.5002C61 3.3002 61.3 3.2002 61.6 3.2002C61.9 3.2002 62.2 3.3002 62.4 3.5002C62.6 3.7002 62.7 4.0002 62.7 4.3002C62.7 4.6002 62.6 4.8002 62.4 5.1002C62.2 5.3002 61.9 5.4002 61.6 5.4002ZM86.4 14.0002V6.4002H88.5V14.0002H86.4ZM87.5 5.4002C87.2 5.4002 86.9 5.3002 86.7 5.1002C86.5 4.9002 86.4 4.6002 86.4 4.3002C86.4 4.0002 86.5 3.8002 86.7 3.5002C86.9 3.3002 87.2 3.2002 87.5 3.2002C87.8 3.2002 88.1 3.3002 88.3 3.5002C88.5 3.7002 88.6 4.0002 88.6 4.3002C88.6 4.6002 88.5 4.8002 88.3 5.1002C88.1 5.3002 87.8 5.4002 87.5 5.4002ZM94.3 6.4002V8.0002H92.9V11.7002C92.9 11.9002 92.9 12.0002 93 12.2002C93.1 12.3002 93.1 12.4002 93.2 12.4002C93.3 12.4002 93.4 12.5002 93.6 12.5002C93.7 12.5002 93.8 12.5002 93.9 12.5002C94 12.5002 94.1 12.5002 94.1 12.5002L94.4 14.1002C94.3 14.1002 94.1 14.2002 94 14.2002C93.8 14.2002 93.6 14.3002 93.3 14.3002C92.8 14.3002 92.3 14.3002 92 14.1002C91.6 13.9002 91.3 13.7002 91.1 13.4002C90.9 13.1002 90.8 12.7002 90.8 12.2002V8.0002H89.8V6.4002H90.8V4.5002H92.9V6.3002H94.3V6.4002ZM76.3 3.8002V14.0002H78.5V11.1002L79.6 9.8002L82.4 14.0002H85L81.2 8.4002L85 3.8002H82.4L78.7 8.3002H78.6V3.8002H76.3ZM74.6 3.8002V14.0002H72.5V3.8002H74.6ZM65.2 13.9002C65.6 14.1002 66 14.2002 66.5 14.2002C66.9 14.2002 67.2 14.2002 67.5 14.1002C67.8 14.0002 68 13.9002 68.2 13.7002C68.4 13.5002 68.6 13.3002 68.7 13.1002H68.8V14.0002H70.8V8.8002C70.8 8.3002 70.7 8.00019 70.5 7.60019C70.3 7.30019 70.1 7.0002 69.8 6.8002C69.5 6.6002 69.2 6.4002 68.8 6.3002C68.4 6.2002 68 6.2002 67.6 6.2002C67 6.2002 66.5 6.3002 66 6.5002C65.5 6.7002 65.2 6.9002 64.9 7.3002C64.6 7.6002 64.4 8.0002 64.3 8.5002L66.3 8.7002C66.4 8.4002 66.5 8.2002 66.7 8.1002C66.9 7.9002 67.2 7.8002 67.6 7.8002C68 7.8002 68.2 7.9002 68.4 8.1002C68.6 8.3002 68.7 8.5002 68.7 8.8002C68.7 9.0002 68.6 9.1002 68.5 9.2002C68.4 9.3002 68.2 9.3002 67.9 9.4002C67.6 9.4002 67.3 9.5002 66.8 9.5002C66.4 9.5002 66.1 9.6002 65.7 9.7002C65.4 9.8002 65.1 9.9002 64.8 10.1002C64.5 10.3002 64.3 10.5002 64.2 10.8002C64 11.1002 64 11.4002 64 11.9002C64 12.4002 64.1 12.8002 64.3 13.2002C64.5 13.5002 64.8 13.7002 65.2 13.9002ZM68 12.5002C67.8 12.6002 67.5 12.7002 67.2 12.7002C66.9 12.7002 66.6 12.6002 66.4 12.5002C66.2 12.3002 66.1 12.1002 66.1 11.8002C66.1 11.6002 66.2 11.4002 66.3 11.3002C66.4 11.2002 66.5 11.1002 66.7 11.0002C66.9 10.9002 67.1 10.9002 67.4 10.8002C67.5 10.8002 67.6 10.8002 67.8 10.7002C67.9 10.7002 68.1 10.7002 68.2 10.6002C68.3 10.6002 68.5 10.5002 68.6 10.5002C68.7 10.5002 68.8 10.4002 68.9 10.4002V11.2002C68.9 11.5002 68.8 11.7002 68.7 11.9002C68.6 12.1002 68.2 12.4002 68 12.5002ZM54.8 6.4002V14.0002H56.9V9.7002C56.9 9.4002 57 9.1002 57.1 8.9002C57.2 8.7002 57.4 8.5002 57.7 8.3002C57.9 8.2002 58.2 8.1002 58.5 8.1002C58.6 8.1002 58.8 8.1002 59 8.1002C59.2 8.1002 59.3 8.1002 59.4 8.2002V6.3002C59.3 6.3002 59.2 6.3002 59.1 6.2002C59 6.2002 58.9 6.2002 58.8 6.2002C58.4 6.2002 58 6.3002 57.7 6.6002C57.4 6.8002 57.1 7.2002 57 7.7002H56.9V6.4002H54.8ZM49.7 14.1002C48.9 14.1002 48.3 13.9002 47.7 13.6002C47.1 13.3002 46.7 12.8002 46.4 12.2002C46.1 11.6002 45.9 10.9002 45.9 10.1002C45.9 9.3002 46.1 8.6002 46.4 8.0002C46.7 7.4002 47.1 6.9002 47.7 6.6002C48.3 6.3002 48.9 6.1002 49.7 6.1002C50.5 6.1002 51.1 6.3002 51.7 6.6002C52.3 6.9002 52.7 7.4002 53 8.0002C53.3 8.6002 53.5 9.3002 53.5 10.1002C53.5 10.9002 53.3 11.6002 53 12.2002C52.7 12.8002 52.3 13.3002 51.7 13.6002C51.1 14.0002 50.4 14.1002 49.7 14.1002ZM49.7 12.5002C50.1 12.5002 50.3 12.4002 50.6 12.2002C50.8 12.0002 51 11.7002 51.1 11.4002C51.2 11.1002 51.3 10.7002 51.3 10.2002C51.3 9.8002 51.2 9.4002 51.1 9.0002C51 8.7002 50.8 8.4002 50.6 8.2002C50.3 8.0002 50 7.9002 49.7 7.9002C49.3 7.9002 49 8.0002 48.8 8.2002C48.6 8.4002 48.4 8.7002 48.3 9.0002C48.2 9.3002 48.1 9.7002 48.1 10.2002C48.1 10.6002 48.2 11.0002 48.3 11.4002C48.4 11.7002 48.6 12.0002 48.8 12.2002C49 12.4002 49.3 12.5002 49.7 12.5002ZM44.9 8.0002V6.4002H43.5V4.5002H41.4V6.3002H40.4V8.0002H41.4V12.0002C41.4 12.5002 41.5 12.9002 41.7 13.2002C41.9 13.5002 42.2 13.8002 42.6 13.9002C43 14.1002 43.4 14.1002 43.9 14.1002C44.2 14.1002 44.4 14.1002 44.6 14.0002C44.8 14.0002 44.9 13.9002 45 13.9002L44.7 12.3002C44.6 12.3002 44.6 12.3002 44.5 12.3002C44.4 12.3002 44.3 12.3002 44.2 12.3002C44.1 12.3002 43.9 12.3002 43.8 12.2002C43.7 12.2002 43.6 12.1002 43.6 12.0002C43.5 11.9002 43.5 11.7002 43.5 11.5002V8.0002H44.9ZM37.1 10.7002V6.4002H39.2V14.0002H37.2V12.6002H37.1C36.9 13.0002 36.6 13.4002 36.2 13.7002C35.8 14.0002 35.3 14.1002 34.7 14.1002C34.2 14.1002 33.7 14.0002 33.4 13.8002C33 13.6002 32.7 13.2002 32.5 12.8002C32.3 12.4002 32.2 11.9002 32.2 11.3002V6.4002H34.3V10.9002C34.3 11.4002 34.4 11.7002 34.7 12.0002C34.9 12.3002 35.3 12.4002 35.7 12.4002C36 12.4002 36.2 12.3002 36.4 12.2002C36.6 12.1002 36.8 11.9002 36.9 11.7002C37 11.4002 37.1 11.1002 37.1 10.7002ZM23.5 3.8002V5.6002H26.6V14.0002H28.7V5.6002H31.8V3.8002H23.5Z" fill="#31343B"/>
+<path d="M0 4.6V8.4L5.6 5.6V7.3L9.4 5.5V0L0 4.6ZM5.6 9.5L16 4.5V8.3L5.6 13.4V9.5ZM13.7 11.6L8.5 14.1L16 16V12.2L13.7 11.6Z" fill="#31343B"/>
+</svg>

package/template/ruby-wasm/.railsrc

@@ -0,0 +1,12 @@
+--skip-bundle
+--skip-git
+--skip-decrypted-diffs
+--skip-bootsnap
+--skip-brakeman
+--skip-dev-gems
+--skip-kamal
+--skip-thruster
+--skip-docker
+--skip-system-test
+--skip-dev-gems
+--skip-rubocop

package/template/ruby-wasm/Gemfile

@@ -0,0 +1,22 @@
+source "https://rubygems.org"
+
+gem "wasmify-rails", "~> 0.4.0"
+
+gem "rails", "~> 8.0.0"
+
+# rails new gems
+gem "propshaft"
+gem "importmap-rails"
+gem "turbo-rails"
+gem "stimulus-rails"
+gem "jbuilder"
+
+gem "bcrypt", "~> 3.1.7"
+
+gem "solid_cache"
+gem "solid_queue"
+gem "solid_cable"
+
+gem "image_processing", "~> 1.2"
+
+gem "tzinfo-data"