npm - @designcrowd/fe-shared-lib - Versions diffs - 1.8.4 → 1.8.5-edge-fallback-6 - Mend

@designcrowd/fe-shared-lib 1.8.4 → 1.8.5-edge-fallback-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/.claude/skills/playwright-cli/references/running-code.md DELETED Viewed

@@ -1,232 +0,0 @@
-# Running Custom Playwright Code
-Use `run-code` to execute arbitrary Playwright code for advanced scenarios not covered by CLI commands.
-## Syntax
-```bash
-playwright-cli run-code "async page => {
-  // Your Playwright code here
-  // Access page.context() for browser context operations
-}"
-```
-## Geolocation
-```bash
-# Grant geolocation permission and set location
-playwright-cli run-code "async page => {
-  await page.context().grantPermissions(['geolocation']);
-  await page.context().setGeolocation({ latitude: 37.7749, longitude: -122.4194 });
-}"
-# Set location to London
-playwright-cli run-code "async page => {
-  await page.context().grantPermissions(['geolocation']);
-  await page.context().setGeolocation({ latitude: 51.5074, longitude: -0.1278 });
-}"
-# Clear geolocation override
-playwright-cli run-code "async page => {
-  await page.context().clearPermissions();
-}"
-```
-## Permissions
-```bash
-# Grant multiple permissions
-playwright-cli run-code "async page => {
-  await page.context().grantPermissions([
-    'geolocation',
-    'notifications',
-    'camera',
-    'microphone'
-  ]);
-}"
-# Grant permissions for specific origin
-playwright-cli run-code "async page => {
-  await page.context().grantPermissions(['clipboard-read'], {
-    origin: 'https://example.com'
-  });
-}"
-```
-## Media Emulation
-```bash
-# Emulate dark color scheme
-playwright-cli run-code "async page => {
-  await page.emulateMedia({ colorScheme: 'dark' });
-}"
-# Emulate light color scheme
-playwright-cli run-code "async page => {
-  await page.emulateMedia({ colorScheme: 'light' });
-}"
-# Emulate reduced motion
-playwright-cli run-code "async page => {
-  await page.emulateMedia({ reducedMotion: 'reduce' });
-}"
-# Emulate print media
-playwright-cli run-code "async page => {
-  await page.emulateMedia({ media: 'print' });
-}"
-```
-## Wait Strategies
-```bash
-# Wait for network idle
-playwright-cli run-code "async page => {
-  await page.waitForLoadState('networkidle');
-}"
-# Wait for specific element
-playwright-cli run-code "async page => {
-  await page.waitForSelector('.loading', { state: 'hidden' });
-}"
-# Wait for function to return true
-playwright-cli run-code "async page => {
-  await page.waitForFunction(() => window.appReady === true);
-}"
-# Wait with timeout
-playwright-cli run-code "async page => {
-  await page.waitForSelector('.result', { timeout: 10000 });
-}"
-```
-## Frames and Iframes
-```bash
-# Work with iframe
-playwright-cli run-code "async page => {
-  const frame = page.locator('iframe#my-iframe').contentFrame();
-  await frame.locator('button').click();
-}"
-# Get all frames
-playwright-cli run-code "async page => {
-  const frames = page.frames();
-  return frames.map(f => f.url());
-}"
-```
-## File Downloads
-```bash
-# Handle file download
-playwright-cli run-code "async page => {
-  const [download] = await Promise.all([
-    page.waitForEvent('download'),
-    page.click('a.download-link')
-  ]);
-  await download.saveAs('./downloaded-file.pdf');
-  return download.suggestedFilename();
-}"
-```
-## Clipboard
-```bash
-# Read clipboard (requires permission)
-playwright-cli run-code "async page => {
-  await page.context().grantPermissions(['clipboard-read']);
-  return await page.evaluate(() => navigator.clipboard.readText());
-}"
-# Write to clipboard
-playwright-cli run-code "async page => {
-  await page.evaluate(text => navigator.clipboard.writeText(text), 'Hello clipboard!');
-}"
-```
-## Page Information
-```bash
-# Get page title
-playwright-cli run-code "async page => {
-  return await page.title();
-}"
-# Get current URL
-playwright-cli run-code "async page => {
-  return page.url();
-}"
-# Get page content
-playwright-cli run-code "async page => {
-  return await page.content();
-}"
-# Get viewport size
-playwright-cli run-code "async page => {
-  return page.viewportSize();
-}"
-```
-## JavaScript Execution
-```bash
-# Execute JavaScript and return result
-playwright-cli run-code "async page => {
-  return await page.evaluate(() => {
-    return {
-      userAgent: navigator.userAgent,
-      language: navigator.language,
-      cookiesEnabled: navigator.cookieEnabled
-    };
-  });
-}"
-# Pass arguments to evaluate
-playwright-cli run-code "async page => {
-  const multiplier = 5;
-  return await page.evaluate(m => document.querySelectorAll('li').length * m, multiplier);
-}"
-```
-## Error Handling
-```bash
-# Try-catch in run-code
-playwright-cli run-code "async page => {
-  try {
-    await page.click('.maybe-missing', { timeout: 1000 });
-    return 'clicked';
-  } catch (e) {
-    return 'element not found';
-  }
-}"
-```
-## Complex Workflows
-```bash
-# Login and save state
-playwright-cli run-code "async page => {
-  await page.goto('https://example.com/login');
-  await page.fill('input[name=email]', 'user@example.com');
-  await page.fill('input[name=password]', 'secret');
-  await page.click('button[type=submit]');
-  await page.waitForURL('**/dashboard');
-  await page.context().storageState({ path: 'auth.json' });
-  return 'Login successful';
-}"
-# Scrape data from multiple pages
-playwright-cli run-code "async page => {
-  const results = [];
-  for (let i = 1; i <= 3; i++) {
-    await page.goto(\`https://example.com/page/\${i}\`);
-    const items = await page.locator('.item').allTextContents();
-    results.push(...items);
-  }
-  return results;
-}"
-```

package/.claude/skills/playwright-cli/references/session-management.md DELETED Viewed

@@ -1,169 +0,0 @@
-# Browser Session Management
-Run multiple isolated browser sessions concurrently with state persistence.
-## Named Browser Sessions
-Use `-s` flag to isolate browser contexts:
-```bash
-# Browser 1: Authentication flow
-playwright-cli -s=auth open https://app.example.com/login
-# Browser 2: Public browsing (separate cookies, storage)
-playwright-cli -s=public open https://example.com
-# Commands are isolated by browser session
-playwright-cli -s=auth fill e1 "user@example.com"
-playwright-cli -s=public snapshot
-```
-## Browser Session Isolation Properties
-Each browser session has independent:
-- Cookies
-- LocalStorage / SessionStorage
-- IndexedDB
-- Cache
-- Browsing history
-- Open tabs
-## Browser Session Commands
-```bash
-# List all browser sessions
-playwright-cli list
-# Stop a browser session (close the browser)
-playwright-cli close                # stop the default browser
-playwright-cli -s=mysession close   # stop a named browser
-# Stop all browser sessions
-playwright-cli close-all
-# Forcefully kill all daemon processes (for stale/zombie processes)
-playwright-cli kill-all
-# Delete browser session user data (profile directory)
-playwright-cli delete-data                # delete default browser data
-playwright-cli -s=mysession delete-data   # delete named browser data
-```
-## Environment Variable
-Set a default browser session name via environment variable:
-```bash
-export PLAYWRIGHT_CLI_SESSION="mysession"
-playwright-cli open example.com  # Uses "mysession" automatically
-```
-## Common Patterns
-### Concurrent Scraping
-```bash
-#!/bin/bash
-# Scrape multiple sites concurrently
-# Start all browsers
-playwright-cli -s=site1 open https://site1.com &
-playwright-cli -s=site2 open https://site2.com &
-playwright-cli -s=site3 open https://site3.com &
-wait
-# Take snapshots from each
-playwright-cli -s=site1 snapshot
-playwright-cli -s=site2 snapshot
-playwright-cli -s=site3 snapshot
-# Cleanup
-playwright-cli close-all
-```
-### A/B Testing Sessions
-```bash
-# Test different user experiences
-playwright-cli -s=variant-a open "https://app.com?variant=a"
-playwright-cli -s=variant-b open "https://app.com?variant=b"
-# Compare
-playwright-cli -s=variant-a screenshot
-playwright-cli -s=variant-b screenshot
-```
-### Persistent Profile
-By default, browser profile is kept in memory only. Use `--persistent` flag on `open` to persist the browser profile to disk:
-```bash
-# Use persistent profile (auto-generated location)
-playwright-cli open https://example.com --persistent
-# Use persistent profile with custom directory
-playwright-cli open https://example.com --profile=/path/to/profile
-```
-## Default Browser Session
-When `-s` is omitted, commands use the default browser session:
-```bash
-# These use the same default browser session
-playwright-cli open https://example.com
-playwright-cli snapshot
-playwright-cli close  # Stops default browser
-```
-## Browser Session Configuration
-Configure a browser session with specific settings when opening:
-```bash
-# Open with config file
-playwright-cli open https://example.com --config=.playwright/my-cli.json
-# Open with specific browser
-playwright-cli open https://example.com --browser=firefox
-# Open in headed mode
-playwright-cli open https://example.com --headed
-# Open with persistent profile
-playwright-cli open https://example.com --persistent
-```
-## Best Practices
-### 1. Name Browser Sessions Semantically
-```bash
-# GOOD: Clear purpose
-playwright-cli -s=github-auth open https://github.com
-playwright-cli -s=docs-scrape open https://docs.example.com
-# AVOID: Generic names
-playwright-cli -s=s1 open https://github.com
-```
-### 2. Always Clean Up
-```bash
-# Stop browsers when done
-playwright-cli -s=auth close
-playwright-cli -s=scrape close
-# Or stop all at once
-playwright-cli close-all
-# If browsers become unresponsive or zombie processes remain
-playwright-cli kill-all
-```
-### 3. Delete Stale Browser Data
-```bash
-# Remove old browser data to free disk space
-playwright-cli -s=oldsession delete-data
-```

package/.claude/skills/playwright-cli/references/storage-state.md DELETED Viewed

@@ -1,275 +0,0 @@
-# Storage Management
-Manage cookies, localStorage, sessionStorage, and browser storage state.
-## Storage State
-Save and restore complete browser state including cookies and storage.
-### Save Storage State
-```bash
-# Save to auto-generated filename (storage-state-{timestamp}.json)
-playwright-cli state-save
-# Save to specific filename
-playwright-cli state-save my-auth-state.json
-```
-### Restore Storage State
-```bash
-# Load storage state from file
-playwright-cli state-load my-auth-state.json
-# Reload page to apply cookies
-playwright-cli open https://example.com
-```
-### Storage State File Format
-The saved file contains:
-```json
-{
-  "cookies": [
-    {
-      "name": "session_id",
-      "value": "abc123",
-      "domain": "example.com",
-      "path": "/",
-      "expires": 1735689600,
-      "httpOnly": true,
-      "secure": true,
-      "sameSite": "Lax"
-    }
-  ],
-  "origins": [
-    {
-      "origin": "https://example.com",
-      "localStorage": [
-        { "name": "theme", "value": "dark" },
-        { "name": "user_id", "value": "12345" }
-      ]
-    }
-  ]
-}
-```
-## Cookies
-### List All Cookies
-```bash
-playwright-cli cookie-list
-```
-### Filter Cookies by Domain
-```bash
-playwright-cli cookie-list --domain=example.com
-```
-### Filter Cookies by Path
-```bash
-playwright-cli cookie-list --path=/api
-```
-### Get Specific Cookie
-```bash
-playwright-cli cookie-get session_id
-```
-### Set a Cookie
-```bash
-# Basic cookie
-playwright-cli cookie-set session abc123
-# Cookie with options
-playwright-cli cookie-set session abc123 --domain=example.com --path=/ --httpOnly --secure --sameSite=Lax
-# Cookie with expiration (Unix timestamp)
-playwright-cli cookie-set remember_me token123 --expires=1735689600
-```
-### Delete a Cookie
-```bash
-playwright-cli cookie-delete session_id
-```
-### Clear All Cookies
-```bash
-playwright-cli cookie-clear
-```
-### Advanced: Multiple Cookies or Custom Options
-For complex scenarios like adding multiple cookies at once, use `run-code`:
-```bash
-playwright-cli run-code "async page => {
-  await page.context().addCookies([
-    { name: 'session_id', value: 'sess_abc123', domain: 'example.com', path: '/', httpOnly: true },
-    { name: 'preferences', value: JSON.stringify({ theme: 'dark' }), domain: 'example.com', path: '/' }
-  ]);
-}"
-```
-## Local Storage
-### List All localStorage Items
-```bash
-playwright-cli localstorage-list
-```
-### Get Single Value
-```bash
-playwright-cli localstorage-get token
-```
-### Set Value
-```bash
-playwright-cli localstorage-set theme dark
-```
-### Set JSON Value
-```bash
-playwright-cli localstorage-set user_settings '{"theme":"dark","language":"en"}'
-```
-### Delete Single Item
-```bash
-playwright-cli localstorage-delete token
-```
-### Clear All localStorage
-```bash
-playwright-cli localstorage-clear
-```
-### Advanced: Multiple Operations
-For complex scenarios like setting multiple values at once, use `run-code`:
-```bash
-playwright-cli run-code "async page => {
-  await page.evaluate(() => {
-    localStorage.setItem('token', 'jwt_abc123');
-    localStorage.setItem('user_id', '12345');
-    localStorage.setItem('expires_at', Date.now() + 3600000);
-  });
-}"
-```
-## Session Storage
-### List All sessionStorage Items
-```bash
-playwright-cli sessionstorage-list
-```
-### Get Single Value
-```bash
-playwright-cli sessionstorage-get form_data
-```
-### Set Value
-```bash
-playwright-cli sessionstorage-set step 3
-```
-### Delete Single Item
-```bash
-playwright-cli sessionstorage-delete step
-```
-### Clear sessionStorage
-```bash
-playwright-cli sessionstorage-clear
-```
-## IndexedDB
-### List Databases
-```bash
-playwright-cli run-code "async page => {
-  return await page.evaluate(async () => {
-    const databases = await indexedDB.databases();
-    return databases;
-  });
-}"
-```
-### Delete Database
-```bash
-playwright-cli run-code "async page => {
-  await page.evaluate(() => {
-    indexedDB.deleteDatabase('myDatabase');
-  });
-}"
-```
-## Common Patterns
-### Authentication State Reuse
-```bash
-# Step 1: Login and save state
-playwright-cli open https://app.example.com/login
-playwright-cli snapshot
-playwright-cli fill e1 "user@example.com"
-playwright-cli fill e2 "password123"
-playwright-cli click e3
-# Save the authenticated state
-playwright-cli state-save auth.json
-# Step 2: Later, restore state and skip login
-playwright-cli state-load auth.json
-playwright-cli open https://app.example.com/dashboard
-# Already logged in!
-```
-### Save and Restore Roundtrip
-```bash
-# Set up authentication state
-playwright-cli open https://example.com
-playwright-cli eval "() => { document.cookie = 'session=abc123'; localStorage.setItem('user', 'john'); }"
-# Save state to file
-playwright-cli state-save my-session.json
-# ... later, in a new session ...
-# Restore state
-playwright-cli state-load my-session.json
-playwright-cli open https://example.com
-# Cookies and localStorage are restored!
-```
-## Security Notes
-- Never commit storage state files containing auth tokens
-- Add `*.auth-state.json` to `.gitignore`
-- Delete state files after automation completes
-- Use environment variables for sensitive data
-- By default, sessions run in-memory mode which is safer for sensitive operations