-- real SQLPage components, a few lines each
-Data,
but clickable
-
+
+ Data,
+
+
Data,
but clickable
+
+ -- pick a component
@@ -220,13 +222,15 @@
{{> landing-wave}}
A useful tool for them.
+
-
No frontend
+
-
{{> landing-wave}}
Keep your
+
-- Low maintenance, on purpose.
-A useful tool for them.
A manageable
application for you.
+
+
+ A useful tool for them.
+
A useful tool for them.
A manageable
application for you.
+ You need a webapp,
but you don't want to maintain a webapp. Build it, or let your coding agent do it. Don't maintain 1000 lines of code.
-- The yak stays unshaved.
-- App maintenance is not a hobby.
-- What do you have to maintain?
@@ -287,6 +291,7 @@-- Your files. Your deployment.
No frontend
to build.
+
-- read, edit, and act.
-- forms, tables, charts, and navigation.
-- Tables with manners. CRUD, but polite.
@@ -332,16 +337,17 @@
{{icon_img "shield-check"}}
SQL injectionblocked ×
XSSblocked ×
CSRFblocked ×
SELECT * FROM your_database;
-Keep your
database. Add
the app.
+
+ Keep your
+
+
Keep your
database. Add
the app.
+
+ We're seeing other databases. A healthy relationship model.
-
SQLite-- built in
PostgreSQL-- native driver
@@ -362,8 +368,10 @@
{{> landing-wave}}
Small team.
-
+
-- A tool for them. Not a second job for you.
-Small team.
Serious tools;
-
+
+ Small team.
+
+
Small team.
Serious tools;
+
+
COMMIT; start with a query
((resolve) => {
+ document.addEventListener("scrollend", () => resolve(), {
+ once: true,
+ });
+ }),
+ );
await swipe(30, -220);
await expect.poll(() => page.evaluate(() => scrollY)).toBeGreaterThan(100);
await expect(sculpture).toHaveAttribute("data-cancelled", "true");
+ // Native placement catches up immediately. Finish the fling before resetting
+ // scroll, so momentum from the previous gesture cannot move the recovery drag.
+ await scrollFinished;
// A cancelled scroll must release the trackball and allow the next drag.
await page.evaluate(() => window.scrollTo(0, 0));
diff --git a/tests/end-to-end/landing.spec.ts b/tests/end-to-end/landing.spec.ts
index e9f917df..a1f828ac 100644
--- a/tests/end-to-end/landing.spec.ts
+++ b/tests/end-to-end/landing.spec.ts
@@ -228,6 +228,52 @@ for (const viewport of [
const anchor = await sample(target.top - height * 0.25 + 1);
await expectAtPageAnchor(anchor, index);
expect(anchor.opacity).toBe(1);
+ if (index === 0) {
+ const docking = Math.floor(target.top - height * 0.25);
+ await sample(docking - 1);
+ const beforeDock = (await canvas.boundingBox())!;
+ await canvas.evaluate((canvas) => {
+ const layer = canvas.closest(".scene-layer")!;
+ // Observe the move before the renderer's next frame can conceal a blink.
+ const observer = new MutationObserver(() => {
+ if (!layer.parentElement?.matches("[data-scene-stop]")) return;
+ const rect = canvas.getBoundingClientRect();
+ canvas.dataset.dockPosition = JSON.stringify([rect.x, rect.y]);
+ observer.disconnect();
+ });
+ observer.observe(layer.parentElement!, { childList: true });
+ });
+ await sample(docking + 1);
+ const dockPosition = JSON.parse(
+ (await canvas.getAttribute("data-dock-position"))!,
+ ) as [number, number];
+ expect(Math.abs(dockPosition[0] - beforeDock.x)).toBeLessThan(3);
+ expect(Math.abs(dockPosition[1] - beforeDock.y)).toBeLessThan(3);
+ // Animation callbacks are paused. Native scrolling must move both the
+ // last painted canvas and its input target with the section anyway.
+ const movement = await page.evaluate(() => {
+ const stop = document.querySelector("[data-scene-stop]")!;
+ const canvas = stop.querySelector("canvas")!;
+ const input = stop.querySelector(".model-interaction")!;
+ const before = [stop, canvas, input].map(
+ (element) => element.getBoundingClientRect().top,
+ );
+ const transform = canvas.style.transform;
+ window.scrollBy({ top: 32, behavior: "instant" });
+ return {
+ deltas: [stop, canvas, input].map(
+ (element, index) =>
+ element.getBoundingClientRect().top - before[index]!,
+ ),
+ unchanged: canvas.style.transform === transform,
+ };
+ });
+ expect(movement.deltas[0]).toBeCloseTo(-32, 1);
+ expect(movement.deltas[1]).toBeCloseTo(movement.deltas[0]!, 1);
+ expect(movement.deltas[2]).toBeCloseTo(movement.deltas[0]!, 1);
+ expect(movement.unchanged).toBe(true);
+ await sample(target.top - height * 0.25 + 1);
+ }
const next = route[index + 1];
if (!next) continue;
// Reaching the top is not a reason to remove an otherwise visible model.
DELETE busy;
-- NULL drama.