MEMORY.md
...state in the loader.
## Spiceflow loader TYPE INFERENCE GAP (important)
`.loader('/*', async () => {...})` correctly stores the return type in
`App['_types']['Metadata']['loaderData']` —...
example/src/custom-virtual-modules.mdx
...to the docs.",
"quickstart": "# Quickstart\\n\\nGet started in 5 minutes.",
}
export async function getMdxSlugs() {
return Object.keys(pages)
}
export async function getMdxSource(slug)...
example/src/index.mdx
...and it runs in your browser.
```ts title="automate.ts"
import { chromium } from 'playwright'
async function automateWorkflow() {
const browser = await chromium.connectOverCDP('http://localhost:...
example/src/network.mdx
...response bodies before the page receives them.
```ts
await page.route('**/api/config', async (route) => {
const response = await route.fetch()
const json = await response.json()
...
integration-tests/fixtures/realworld-libretto/cli-reference/run-and-resume.mdx
... theme={null}
import { workflow, pause } from "libretto";
export default workflow("myWorkflow", async (ctx, input) => {
const { session, page } = ctx;
await page.goto("https://linkedin.com");
...
integration-tests/fixtures/realworld-libretto/get-started/automation-and-bot-detection.mdx
... ```typescript theme={null}
const capturedData: any[] = [];
page.on('response', async (response) => {
const url = response.url();
if (url.includes('/api/search/results'))...
integration-tests/fixtures/realworld-libretto/get-started/installation.mdx
... import { workflow } from "libretto";
export default workflow("scrape-page", async ({ page }) => {
await page.goto("https://example.com");
const title = await...
integration-tests/fixtures/realworld-libretto/library-api/ai-extraction.mdx
...agent's context window free of raw HTML.
### `extractFromPage()`
```typescript theme={null}
async function extractFromPage(
options: ExtractOptions,
): Promise
integration-tests/fixtures/realworld-libretto/library-api/file-downloads.mdx
...is registered **before** the click so the event is never missed.
```typescript theme={null}
async function downloadViaClick(
page: Page,
selector: string,
options?: DownloadViaClickOptions...
integration-tests/fixtures/realworld-libretto/library-api/network-requests.mdx
...that arise when making the same request from Node.js directly.
```typescript theme={null}
async function pageRequest(
page: Page,
config:...
integration-tests/fixtures/realworld-libretto/library-api/workflow.mdx
...pause } from "libretto";
export default workflow<{ query: string }, string[]>(
"main",
async (ctx, input) => {
const { page } = ctx;
await page.goto("https://example.com/search");
...
integration-tests/fixtures/realworld-libretto/workflow-guides/debugging-workflows.mdx
...{ workflow, pause } from "libretto";
export default workflow(
"eligibilityCheck",
async (ctx, input) => {
const { session, page } = ctx;
await page.goto("https://availity.com"...
integration-tests/fixtures/realworld-libretto/workflow-guides/one-shot-workflow-generation.mdx
...string;
}>;
};
export default workflow<{}, Output>(
"freeStuff",
async (ctx): Promise
integration-tests/fixtures/realworld-polar/features/checkout/embed.mdx
... "@polar-sh/checkout/embed";
// Open checkout programmatically when needed
const openCheckout = async () => {
const checkoutLink = "__CHECKOUT_LINK__";
const theme = "light"; // or 'dark'
...
integration-tests/fixtures/realworld-polar/features/checkout/session.mdx
...polar = new Polar({
accessToken: process.env["POLAR_ACCESS_TOKEN"] ?? "",
});
async function run() {
const checkout = await polar.checkouts.create({
products:...
integration-tests/fixtures/realworld-polar/features/customer-portal.mdx
...polar = new Polar({
accessToken: process.env["POLAR_ACCESS_TOKEN"] ?? "",
});
async function run() {
const result = await polar.customerSessions.create({
customerId:...
integration-tests/fixtures/realworld-polar/features/integrations/affonso.mdx
...script to the `` tag of your website:
```html