tokra 0.0.1.pre.1

data/examples/verify_ping_pong/public/styles.css

@@ -0,0 +1,182 @@
+/*
+SPDX-FileCopyrightText: 2026 Kerrick Long <me@kerricklong.com>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+*/
+*, *::before, *::after { box-sizing: border-box; margin: 0; }
+
+:root {
+  --text: oklch(25% 0.02 250);
+  --text-muted: oklch(50% 0.015 250);
+  --surface: oklch(98% 0.005 250);
+  --border: oklch(88% 0.01 250);
+  --accent: oklch(55% 0.18 150);
+  --accent-bg: oklch(95% 0.04 150);
+  --warn: oklch(55% 0.16 30);
+  --warn-bg: oklch(95% 0.04 30);
+}
+
+html {
+  font-family: 'Instrument Sans', system-ui, sans-serif;
+  font-size: clamp(0.95rem, 0.9rem + 0.25vw, 1.0625rem);
+  line-height: 1.5;
+  color: var(--text);
+  background: var(--surface);
+}
+
+body {
+  min-height: 100dvh;
+  display: grid;
+  place-items: center;
+  padding: clamp(1.5rem, 4vw, 3rem);
+}
+
+main {
+  width: 100%;
+  max-width: 28rem;
+}
+
+h1 {
+  font-size: 1.5rem;
+  font-weight: 600;
+  letter-spacing: -0.01em;
+  margin-block-end: 1.5rem;
+}
+
+/* Message from Ruby */
+.message-block {
+  padding: 1rem 1.25rem;
+  background: oklch(96% 0.008 250);
+  border-left: 3px solid var(--border);
+  margin-block-end: 2rem;
+}
+
+.message-label {
+  font-size: 0.75rem;
+  font-weight: 500;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--text-muted);
+  margin-block-end: 0.25rem;
+}
+
+.message-content {
+  font-size: 1.125rem;
+}
+
+/* Form */
+.field {
+  margin-block-end: 1.5rem;
+}
+
+label {
+  display: block;
+  font-size: 0.875rem;
+  font-weight: 500;
+  margin-block-end: 0.375rem;
+}
+
+input[type="text"] {
+  width: 100%;
+  padding: 0.625rem 0.75rem;
+  font-family: inherit;
+  font-size: 1rem;
+  color: var(--text);
+  background: white;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  outline: none;
+  transition: border-color 0.15s;
+}
+
+input[type="text"]:focus {
+  border-color: var(--accent);
+}
+
+/* Actions */
+.actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+button {
+  padding: 0.5rem 1rem;
+  font-family: inherit;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: var(--text);
+  background: white;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  cursor: pointer;
+  transition: background 0.1s, border-color 0.1s;
+}
+
+button:hover {
+  background: oklch(96% 0.005 250);
+  border-color: oklch(80% 0.01 250);
+}
+
+button:active {
+  background: oklch(94% 0.008 250);
+}
+
+button[data-primary] {
+  color: white;
+  background: var(--accent);
+  border-color: var(--accent);
+}
+
+button[data-primary]:hover {
+  background: oklch(50% 0.18 150);
+  border-color: oklch(50% 0.18 150);
+}
+
+/* Status feedback */
+.feedback {
+  margin-block-start: 1.5rem;
+  padding: 0.75rem 1rem;
+  font-size: 0.875rem;
+  border-radius: 6px;
+  display: none;
+}
+
+.feedback[data-visible] {
+  display: block;
+}
+
+.feedback[data-type="success"] {
+  color: var(--accent);
+  background: var(--accent-bg);
+}
+
+.feedback[data-type="error"] {
+  color: var(--warn);
+  background: var(--warn-bg);
+}
+
+.feedback[data-type="pending"] {
+  color: var(--text-muted);
+  background: oklch(96% 0.005 250);
+}
+
+/* IPC status indicator */
+.ipc-indicator {
+  margin-block-start: 2rem;
+  padding-block-start: 1.5rem;
+  border-top: 1px solid var(--border);
+  font-size: 0.8rem;
+  color: var(--text-muted);
+}
+
+.ipc-indicator::before {
+  content: '';
+  display: inline-block;
+  width: 6px;
+  height: 6px;
+  background: var(--accent);
+  border-radius: 50%;
+  margin-inline-end: 0.5rem;
+  vertical-align: middle;
+}

data/examples/verify_ping_pong/views/index.erb

@@ -0,0 +1,94 @@
+<!--
+SPDX-FileCopyrightText: 2026 Kerrick Long <me@kerricklong.com>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<h1>Verification Test</h1>
+
+<div class="message-block">
+  <div class="message-label">Message from Ruby</div>
+  <div class="message-content"><%= message %></div>
+</div>
+
+<div class="field">
+  <label for="response">Your response</label>
+  <input type="text" id="response" name="response" autocomplete="off">
+</div>
+
+<div class="actions">
+  <button data-primary id="btn-ipc">Send via IPC</button>
+  <button id="btn-form">Submit form</button>
+  <button id="btn-fetch">POST to API</button>
+</div>
+
+<div class="feedback" id="feedback"></div>
+
+<% if flash["success"] %>
+<div class="feedback" data-visible data-type="success"><%= flash["success"] %></div>
+<% end %>
+
+<div class="ipc-indicator" id="ipc-status">IPC available</div>
+
+<script>
+  const responseInput = document.getElementById('response');
+  const feedback = document.getElementById('feedback');
+  const ipcStatus = document.getElementById('ipc-status');
+
+  function showFeedback(message, type) {
+    feedback.textContent = message;
+    feedback.setAttribute('data-type', type);
+    feedback.setAttribute('data-visible', '');
+  }
+
+  // IPC
+  document.getElementById('btn-ipc').addEventListener('click', () => {
+    const value = responseInput.value;
+    if (window.ipc) {
+      window.ipc.postMessage(value);
+      showFeedback('Sent via IPC: ' + value, 'success');
+    } else {
+      showFeedback('IPC not available', 'error');
+    }
+  });
+
+  // Form submit
+  document.getElementById('btn-form').addEventListener('click', () => {
+    const value = responseInput.value;
+    showFeedback('Submitting form...', 'pending');
+
+    const form = document.createElement('form');
+    form.method = 'POST';
+    form.action = 'tokra://localhost/submit';
+    const input = document.createElement('input');
+    input.type = 'hidden';
+    input.name = 'response';
+    input.value = value;
+    form.appendChild(input);
+    document.body.appendChild(form);
+    form.submit();
+  });
+
+  // Fetch API
+  document.getElementById('btn-fetch').addEventListener('click', async () => {
+    const value = responseInput.value;
+    showFeedback('Sending request...', 'pending');
+
+    try {
+      const response = await fetch('tokra://localhost/api', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ message: value })
+      });
+      const data = await response.json();
+      showFeedback('Response: ' + JSON.stringify(data), 'success');
+    } catch (err) {
+      showFeedback('Request failed: ' + err.message, 'error');
+    }
+  });
+
+  // IPC availability
+  if (!window.ipc) {
+    ipcStatus.textContent = 'IPC unavailable';
+    ipcStatus.style.setProperty('--accent', 'var(--warn)');
+  }
+</script>

data/examples/verify_ping_pong/views/layout.erb

@@ -0,0 +1,22 @@
+<!--
+SPDX-FileCopyrightText: 2026 Kerrick Long <me@kerricklong.com>
+
+SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Tokra Verification</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="tokra://localhost/styles.css">
+</head>
+<body>
+  <main>
+    <%== yield %>
+  </main>
+</body>
+</html>

data/ext/tokra/Cargo.toml

@@ -0,0 +1,23 @@
+# SPDX-FileCopyrightText: 2026 Kerrick Long <me@kerricklong.com>
+#
+# SPDX-License-Identifier: AGPL-3.0-or-later
+
+[package]
+name = "tokra"
+version = "0.1.0"
+edition = "2021"
+authors = ["Kerrick Long <me@kerricklong.com>"]
+license = "AGPL-3.0-or-later"
+publish = false
+
+[lib]
+crate-type = ["cdylib"]
+
+[dependencies]
+magnus = { git = "https://github.com/matsadler/magnus", branch = "main" }
+tao = "0.34.5"
+wry = "0.54.1"
+ctrlc = "3.4"
+
+[lints]
+workspace = true

data/ext/tokra/extconf.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+#--
+# SPDX-FileCopyrightText: 2026 Kerrick Long <me@kerricklong.com>
+#
+# SPDX-License-Identifier: AGPL-3.0-or-later
+#++
+
+require "mkmf"
+require "rb_sys/mkmf"
+
+create_rust_makefile("tokra/tokra")