waygraph 0.7.11 → 0.7.13

package/templates/quickstart/src/flows/checkout-then-browse-again.flow.ts

@@ -8,14 +8,14 @@ import type {
   CheckoutOverviewPage,
   OrderComplete,
 } from "../states/checkout.states.js";
-import { NavLoginBlock } from "../blocks/nav-login.block.js";
-import { SubmitLoginForFlow } from "../blocks/actions/submit-login-for-flow.js";
-import { AddToCartBlock } from "../blocks/actions/add-to-cart.effect.block.js";
-import { NavCartBlock } from "../blocks/nav-cart.block.js";
-import { NavCheckoutInfoBlock } from "../blocks/nav-checkout-info.block.js";
-import { SubmitCheckoutInfoBlock } from "../blocks/actions/submit-checkout-info.action.block.js";
-import { FinishOrderBlock } from "../blocks/actions/finish-order.action.block.js";
-import { NavBackToProductsBlock } from "../blocks/nav-back-to-products.block.js";
+import { NavLoginBlock } from "../blocks/saucedemo-web/nav-login.block.js";
+import { SubmitLoginForFlow } from "../blocks/saucedemo-web/actions/submit-login-for-flow.js";
+import { AddToCartBlock } from "../blocks/saucedemo-web/inventory/actions/add-to-cart.effect.block.js";
+import { NavCartBlock } from "../blocks/saucedemo-web/cart/nav-cart.block.js";
+import { NavCheckoutInfoBlock } from "../blocks/saucedemo-web/cart/nav-checkout-info.block.js";
+import { SubmitCheckoutInfoBlock } from "../blocks/saucedemo-web/checkout-step-one/actions/submit-checkout-info.action.block.js";
+import { FinishOrderBlock } from "../blocks/saucedemo-web/checkout-step-two/actions/finish-order.action.block.js";
+import { NavBackToProductsBlock } from "../blocks/saucedemo-web/inventory-item/nav-back-to-products.block.js";
 
 const engine = new Engine({ headless: false, slowMo: 250 });
 

package/templates/quickstart/src/flows/checkout.flow.ts

@@ -8,13 +8,13 @@ import type {
   CheckoutOverviewPage,
   OrderComplete,
 } from "../states/checkout.states.js";
-import { NavLoginBlock } from "../blocks/nav-login.block.js";
-import { SubmitLoginForFlow } from "../blocks/actions/submit-login-for-flow.js";
-import { AddToCartBlock } from "../blocks/actions/add-to-cart.effect.block.js";
-import { NavCartBlock } from "../blocks/nav-cart.block.js";
-import { NavCheckoutInfoBlock } from "../blocks/nav-checkout-info.block.js";
-import { SubmitCheckoutInfoBlock } from "../blocks/actions/submit-checkout-info.action.block.js";
-import { FinishOrderBlock } from "../blocks/actions/finish-order.action.block.js";
+import { NavLoginBlock } from "../blocks/saucedemo-web/nav-login.block.js";
+import { SubmitLoginForFlow } from "../blocks/saucedemo-web/actions/submit-login-for-flow.js";
+import { AddToCartBlock } from "../blocks/saucedemo-web/inventory/actions/add-to-cart.effect.block.js";
+import { NavCartBlock } from "../blocks/saucedemo-web/cart/nav-cart.block.js";
+import { NavCheckoutInfoBlock } from "../blocks/saucedemo-web/cart/nav-checkout-info.block.js";
+import { SubmitCheckoutInfoBlock } from "../blocks/saucedemo-web/checkout-step-one/actions/submit-checkout-info.action.block.js";
+import { FinishOrderBlock } from "../blocks/saucedemo-web/checkout-step-two/actions/finish-order.action.block.js";
 
 const engine = new Engine({ headless: false, slowMo: 250 });
 

package/templates/quickstart/src/flows/login.flow.ts

@@ -1,6 +1,6 @@
 import { Engine, start, end, withTitle } from "waygraph";
-import { NavLoginBlock } from "../blocks/nav-login.block.js";
-import { SubmitLoginForFlow } from "../blocks/actions/submit-login-for-flow.js";
+import { NavLoginBlock } from "../blocks/saucedemo-web/nav-login.block.js";
+import { SubmitLoginForFlow } from "../blocks/saucedemo-web/actions/submit-login-for-flow.js";
 
 const engine = new Engine();
 

package/templates/quickstart/src/flows/shop.flow.ts

@@ -1,9 +1,9 @@
 import { Engine, start, end, withTitle } from "waygraph";
-import { AddToCartBlock } from "../blocks/actions/add-to-cart.effect.block.js";
-import { NavCartBlock } from "../blocks/nav-cart.block.js";
-import { NavCheckoutInfoBlock } from "../blocks/nav-checkout-info.block.js";
-import { SubmitCheckoutInfoBlock } from "../blocks/actions/submit-checkout-info.action.block.js";
-import { FinishOrderBlock } from "../blocks/actions/finish-order.action.block.js";
+import { AddToCartBlock } from "../blocks/saucedemo-web/inventory/actions/add-to-cart.effect.block.js";
+import { NavCartBlock } from "../blocks/saucedemo-web/cart/nav-cart.block.js";
+import { NavCheckoutInfoBlock } from "../blocks/saucedemo-web/cart/nav-checkout-info.block.js";
+import { SubmitCheckoutInfoBlock } from "../blocks/saucedemo-web/checkout-step-one/actions/submit-checkout-info.action.block.js";
+import { FinishOrderBlock } from "../blocks/saucedemo-web/checkout-step-two/actions/finish-order.action.block.js";
 
 const engine = new Engine();
 

package/templates/quickstart/src/flows/smoke.flow.ts

@@ -1,8 +1,8 @@
 import { Engine, start, end } from "waygraph";
 import type { LoginPage, LoggedIn, ItemInCart } from "../states/checkout.states.js";
-import { NavLoginBlock } from "../blocks/nav-login.block.js";
-import { SubmitLoginForFlow } from "../blocks/actions/submit-login-for-flow.js";
-import { AddToCartBlock } from "../blocks/actions/add-to-cart.effect.block.js";
+import { NavLoginBlock } from "../blocks/saucedemo-web/nav-login.block.js";
+import { SubmitLoginForFlow } from "../blocks/saucedemo-web/actions/submit-login-for-flow.js";
+import { AddToCartBlock } from "../blocks/saucedemo-web/inventory/actions/add-to-cart.effect.block.js";
 
 const engine = new Engine();
 

package/templates/quickstart/src/flows/viewer-blocked.flow.ts

@@ -1,6 +1,6 @@
 import { Engine, start, end, withTitle, withSessionReset } from "waygraph";
-import { NavLoginBlock } from "../blocks/nav-login.block.js";
-import { SubmitLoginActionBlock } from "../blocks/actions/submit-login.action.block.js";
+import { NavLoginBlock } from "../blocks/saucedemo-web/nav-login.block.js";
+import { SubmitLoginActionBlock } from "../blocks/saucedemo-web/actions/submit-login.action.block.js";
 
 const engine = new Engine();
 

package/examples/saucedemo/src/blocks/actions/submit-login-for-flow.ts

@@ -1,10 +0,0 @@
-import type { DefinedBlock } from "waygraph";
-import type { LoginPage, LoggedIn } from "../../states/checkout.states.js";
-import { SubmitLoginActionBlock } from "./submit-login.action.block.js";
-
-// DefinedBlock, not the plain Block interface - SubmitLoginActionBlock really
-// does have withVerify/modVerify/modVerifyAll attached (built via
-// defineBlock()); widening to plain Block here made those optional again and
-// broke chained `.withVerify([])` calls in linear Flows (smoke.flow.ts).
-/** Linear defineFlow chains: Out typed as LoggedIn; runtime still branches on bad creds. */
-export const SubmitLoginForFlow = SubmitLoginActionBlock as unknown as DefinedBlock<LoginPage, LoggedIn>;

package/examples/saucedemo/src/blocks/nav-back-to-inventory.block.ts

@@ -1,15 +0,0 @@
-import { defineNavBlock, Trait } from "waygraph";
-import type { LoggedIn } from "../states/checkout.states.js";
-
-// click, not url - the item detail page's own real "Back to products"
-// button. Same selector nav-back-to-products.block.ts uses from
-// OrderComplete - a different From state, so a separate Block, per the
-// atomic convention (each Block declares its own In/Out contract even when
-// the click target happens to coincide).
-export const NavBackToInventoryBlock = defineNavBlock<LoggedIn>({
-  name: "nav-back-to-inventory",
-  description: "Clicks 'Back to products' on the item detail page.",
-  checkpoint: "LoggedIn",
-  click: "#back-to-products",
-  verify: [Trait.url({ pathname: "/inventory.html" })],
-});

package/examples/saucedemo/src/blocks/nav-back-to-products.block.ts

@@ -1,14 +0,0 @@
-import { defineNavBlock, Trait } from "waygraph";
-import type { LoggedIn } from "../states/checkout.states.js";
-
-// click, not url - the order-complete page's own "Back Home" button
-// genuinely takes you back to /inventory.html. A url-based NavBlock here
-// would teleport straight to that URL without ever proving this button
-// actually works; click proves the app's own navigation path does.
-export const NavBackToProductsBlock = defineNavBlock<LoggedIn>({
-  name: "nav-back-to-products",
-  description: "Clicks 'Back Home' on the order confirmation page.",
-  checkpoint: "LoggedIn",
-  click: "#back-to-products",
-  verify: [Trait.url({ pathname: "/inventory.html" })],
-});

package/templates/quickstart/src/blocks/actions/submit-login-for-flow.ts

@@ -1,10 +0,0 @@
-import type { DefinedBlock } from "waygraph";
-import type { LoginPage, LoggedIn } from "../../states/checkout.states.js";
-import { SubmitLoginActionBlock } from "./submit-login.action.block.js";
-
-// DefinedBlock, not the plain Block interface - SubmitLoginActionBlock really
-// does have withVerify/modVerify/modVerifyAll attached (built via
-// defineBlock()); widening to plain Block here made those optional again and
-// broke chained `.withVerify([])` calls in linear Flows (smoke.flow.ts).
-/** Linear defineFlow chains: Out typed as LoggedIn; runtime still branches on bad creds. */
-export const SubmitLoginForFlow = SubmitLoginActionBlock as unknown as DefinedBlock<LoginPage, LoggedIn>;

package/templates/quickstart/src/blocks/nav-back-to-inventory.block.ts

@@ -1,15 +0,0 @@
-import { defineNavBlock, Trait } from "waygraph";
-import type { LoggedIn } from "../states/checkout.states.js";
-
-// click, not url - the item detail page's own real "Back to products"
-// button. Same selector nav-back-to-products.block.ts uses from
-// OrderComplete - a different From state, so a separate Block, per the
-// atomic convention (each Block declares its own In/Out contract even when
-// the click target happens to coincide).
-export const NavBackToInventoryBlock = defineNavBlock<LoggedIn>({
-  name: "nav-back-to-inventory",
-  description: "Clicks 'Back to products' on the item detail page.",
-  checkpoint: "LoggedIn",
-  click: "#back-to-products",
-  verify: [Trait.url({ pathname: "/inventory.html" })],
-});

package/templates/quickstart/src/blocks/nav-back-to-products.block.ts

@@ -1,14 +0,0 @@
-import { defineNavBlock, Trait } from "waygraph";
-import type { LoggedIn } from "../states/checkout.states.js";
-
-// click, not url - the order-complete page's own "Back Home" button
-// genuinely takes you back to /inventory.html. A url-based NavBlock here
-// would teleport straight to that URL without ever proving this button
-// actually works; click proves the app's own navigation path does.
-export const NavBackToProductsBlock = defineNavBlock<LoggedIn>({
-  name: "nav-back-to-products",
-  description: "Clicks 'Back Home' on the order confirmation page.",
-  checkpoint: "LoggedIn",
-  click: "#back-to-products",
-  verify: [Trait.url({ pathname: "/inventory.html" })],
-});