playwriter 0.0.7 → 0.0.11

package/src/snapshots/shadcn-ui-accessibility.md

@@ -28,316 +28,114 @@ Return value:
             - generic [ref=e21]:
               - generic: ⌘
               - generic: K
-          - link "99.8k" [ref=e22] [cursor=pointer]:
+          - link "100.7k" [ref=e22] [cursor=pointer]:
             - /url: https://github.com/shadcn-ui/ui
             - img
-            - generic [ref=e23]: 99.8k
-          - button "Toggle layout" [ref=e24]:
-            - generic [ref=e25]: Toggle layout
+            - generic [ref=e23]: 100.7k
+          - button "Toggle theme" [ref=e24]:
             - img
-          - button "Toggle theme" [ref=e26]:
-            - img
-            - generic [ref=e27]: Toggle theme
-    - main [ref=e28]:
-      - generic [ref=e29]:
-        - generic [ref=e32]:
-          - 'link "New New Components: Field, Input Group, Item and more" [ref=e33] [cursor=pointer]':
+            - generic [ref=e25]: Toggle theme
+    - main [ref=e26]:
+      - generic [ref=e27]:
+        - generic [ref=e30]:
+          - 'link "New New Components: Field, Input Group, Item and more" [ref=e31] [cursor=pointer]':
             - /url: /docs/changelog
-            - generic "New" [ref=e34]
+            - generic "New" [ref=e32]
             - text: "New Components: Field, Input Group, Item and more"
             - img
-          - heading "The Foundation for your Design System" [level=1] [ref=e35]
-          - paragraph [ref=e36]: A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
-          - generic [ref=e37]:
-            - link "Get Started" [ref=e38] [cursor=pointer]:
+          - heading "The Foundation for your Design System" [level=1] [ref=e33]
+          - paragraph [ref=e34]: A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code.
+          - generic [ref=e35]:
+            - link "Get Started" [ref=e36] [cursor=pointer]:
               - /url: /docs/installation
-            - link "View Components" [ref=e39] [cursor=pointer]:
+            - link "View Components" [ref=e37] [cursor=pointer]:
               - /url: /docs/components
-        - generic [ref=e41]:
-          - generic [ref=e46]:
-            - link "Examples" [ref=e47] [cursor=pointer]:
+        - generic [ref=e39]:
+          - generic [ref=e44]:
+            - link "Examples" [ref=e45] [cursor=pointer]:
               - /url: /
-            - link "Dashboard" [ref=e48] [cursor=pointer]:
+            - link "Dashboard" [ref=e46] [cursor=pointer]:
               - /url: /examples/dashboard
-            - link "Tasks" [ref=e49] [cursor=pointer]:
+            - link "Tasks" [ref=e47] [cursor=pointer]:
               - /url: /examples/tasks
-            - link "Playground" [ref=e50] [cursor=pointer]:
+            - link "Playground" [ref=e48] [cursor=pointer]:
               - /url: /examples/playground
-            - link "Authentication" [ref=e51] [cursor=pointer]:
+            - link "Authentication" [ref=e49] [cursor=pointer]:
               - /url: /examples/authentication
-          - generic [ref=e52]:
-            - generic [ref=e53]: Theme
-            - combobox "Theme" [ref=e54]:
-              - generic [ref=e55]: "Theme:"
+          - generic [ref=e50]:
+            - generic [ref=e51]: Theme
+            - combobox "Theme" [ref=e52]:
+              - generic [ref=e53]: "Theme:"
               - generic: Neutral
               - img
-            - button "Copy Code" [ref=e56]:
+            - button "Copy Code" [ref=e54]:
               - img
-              - generic [ref=e57]: Copy Code
-        - generic [ref=e61]:
-          - generic [ref=e65]:
-            - group "Payment Method" [ref=e66]:
-              - generic [ref=e67]: Payment Method
-              - paragraph [ref=e68]: All transactions are secure and encrypted
-              - generic [ref=e69]:
-                - group [ref=e70]:
-                  - generic [ref=e71]: Name on Card
-                  - textbox "Name on Card" [ref=e72]:
+              - generic [ref=e55]: Copy Code
+        - generic [ref=e59]:
+          - generic [ref=e63]:
+            - group "Payment Method" [ref=e64]:
+              - generic [ref=e65]: Payment Method
+              - paragraph [ref=e66]: All transactions are secure and encrypted
+              - generic [ref=e67]:
+                - group [ref=e68]:
+                  - generic [ref=e69]: Name on Card
+                  - textbox "Name on Card" [ref=e70]:
                     - /placeholder: John Doe
-                - generic [ref=e73]:
-                  - group [ref=e74]:
-                    - generic [ref=e75]: Card Number
-                    - textbox "Card Number" [ref=e76]:
+                - generic [ref=e71]:
+                  - group [ref=e72]:
+                    - generic [ref=e73]: Card Number
+                    - textbox "Card Number" [ref=e74]:
                       - /placeholder: 1234 5678 9012 3456
-                    - paragraph [ref=e77]: Enter your 16-digit number.
-                  - group [ref=e78]:
-                    - generic [ref=e79]: CVV
-                    - textbox "CVV" [ref=e80]:
+                    - paragraph [ref=e75]: Enter your 16-digit number.
+                  - group [ref=e76]:
+                    - generic [ref=e77]: CVV
+                    - textbox "CVV" [ref=e78]:
                       - /placeholder: "123"
-                - generic [ref=e81]:
-                  - group [ref=e82]:
-                    - generic [ref=e83]: Month
-                    - combobox "Month" [ref=e84]:
+                - generic [ref=e79]:
+                  - group [ref=e80]:
+                    - generic [ref=e81]: Month
+                    - combobox "Month" [ref=e82]:
                       - generic: MM
                       - img
-                    - combobox [ref=e85]
-                  - group [ref=e86]:
-                    - generic [ref=e87]: Year
-                    - combobox "Year" [ref=e88]:
+                    - combobox [ref=e83]
+                  - group [ref=e84]:
+                    - generic [ref=e85]: Year
+                    - combobox "Year" [ref=e86]:
                       - generic: YYYY
                       - img
-                    - combobox [ref=e89]
-            - group "Billing Address" [ref=e91]:
-              - generic [ref=e92]: Billing Address
-              - paragraph [ref=e93]: The billing address associated with your payment method
-              - group [ref=e95]:
-                - checkbox "Same as shipping address" [checked] [ref=e96]:
+                    - combobox [ref=e87]
+            - group "Billing Address" [ref=e89]:
+              - generic [ref=e90]: Billing Address
+              - paragraph [ref=e91]: The billing address associated with your payment method
+              - group [ref=e93]:
+                - checkbox "Same as shipping address" [checked] [ref=e94]:
                   - generic:
                     - img
                 - checkbox [checked]
-                - generic [ref=e97]: Same as shipping address
-            - group [ref=e99]:
-              - group [ref=e101]:
-                - generic [ref=e102]: Comments
-                - textbox "Comments" [ref=e103]:
+                - generic [ref=e95]: Same as shipping address
+            - group [ref=e97]:
+              - group [ref=e99]:
+                - generic [ref=e100]: Comments
+                - textbox "Comments" [ref=e101]:
                   - /placeholder: Add any additional comments
-            - group [ref=e104]:
-              - button "Submit" [ref=e105]
-              - button "Cancel" [ref=e106]
-          - generic [ref=e107]:
-            - generic [ref=e108]:
-              - generic [ref=e109]:
-                - generic [ref=e111]:
-                  - img "@shadcn" [ref=e113]
-                  - img "@maxleiter" [ref=e115]
-                  - img "@evilrabbit" [ref=e117]
-                - generic [ref=e118]: No Team Members
-                - generic [ref=e119]: Invite your team to collaborate on this project.
-              - button "Invite Members" [ref=e121]:
+            - group [ref=e102]:
+              - button "Submit" [ref=e103]
+              - button "Cancel" [ref=e104]
+          - generic [ref=e105]:
+            - generic [ref=e106]:
+              - generic [ref=e107]:
+                - generic [ref=e109]:
+                  - img "@shadcn" [ref=e111]
+                  - img "@maxleiter" [ref=e113]
+                  - img "@evilrabbit" [ref=e115]
+                - generic [ref=e116]: No Team Members
+                - generic [ref=e117]: Invite your team to collaborate on this project.
+              - button "Invite Members" [ref=e119]:
                 - img
                 - text: Invite Members
-            - generic [ref=e122]:
-              - generic [ref=e123]:
-                - status "Loading"
-                - text: Syncing
-              - generic [ref=e124]:
-                - status "Loading"
-                - text: Updating
-              - generic [ref=e125]:
+            - generic [ref=e120]:
+              - generic [ref=e121]:
                 - status "Loading"
-                - text: Loading
-            - group [ref=e126]:
-              - group [ref=e127]:
-                - button "Add" [ref=e128]:
-                  - img
-              - group [ref=e129]:
-                - group [ref=e130]:
-                  - textbox "Send a message..." [ref=e131]
-                  - group [ref=e132]:
-                    - button "Voice Mode" [ref=e133]:
-                      - img
-            - group [ref=e135]:
-              - generic [ref=e136]: Price Range
-              - paragraph [ref=e137]: Set your budget range ($200 - 800).
-              - generic "Price Range" [ref=e138]:
-                - slider "Minimum" [ref=e142]
-                - slider "Maximum" [ref=e144]
-            - generic [ref=e145]:
-              - group [ref=e146]:
-                - textbox "Search..." [ref=e147]
-                - group [ref=e148]:
-                  - img [ref=e149]
-                - group [ref=e152]: 12 results
-              - group [ref=e153]:
-                - textbox "example.com" [ref=e154]
-                - group [ref=e155]:
-                  - generic [ref=e156]: https://
-                - group [ref=e157]:
-                  - button "Info" [ref=e158]:
-                    - img
-              - group [ref=e159]:
-                - textbox "Ask, Search or Chat..." [ref=e160]
-                - group [ref=e161]:
-                  - button "Add" [ref=e162]:
-                    - img
-                  - button "Auto" [ref=e163]
-                  - generic [ref=e164]: 52% used
-                  - button "Send" [ref=e165]:
-                    - img
-                    - generic [ref=e166]: Send
-              - group [ref=e167]:
-                - textbox "@shadcn" [ref=e168]
-                - group [ref=e169]:
-                  - img [ref=e171]
-          - generic [ref=e173]:
-            - generic [ref=e174]:
-              - generic [ref=e175]: Input Secure
-              - group [ref=e176]:
-                - textbox "Input Secure" [ref=e177]
-                - group [ref=e178]:
-                  - button "Info" [ref=e179]:
-                    - img
-                - group [ref=e180]: https://
-                - group [ref=e181]:
-                  - button "Favorite" [ref=e182]:
-                    - img
-            - generic [ref=e183]:
-              - generic [ref=e184]:
-                - generic [ref=e185]:
-                  - generic [ref=e186]: Two-factor authentication
-                  - paragraph [ref=e187]: Verify via email or phone number.
-                - button "Enable" [ref=e189]
-              - link "Your profile has been verified." [ref=e190] [cursor=pointer]:
-                - /url: "#"
-                - generic [ref=e191]:
-                  - img
-                - generic [ref=e193]: Your profile has been verified.
-                - img [ref=e195]
-            - generic [ref=e198]: Appearance Settings
-            - group [ref=e199]:
-              - generic [ref=e200]:
-                - group "Compute Environment" [ref=e201]:
-                  - generic [ref=e202]: Compute Environment
-                  - paragraph [ref=e203]: Select the compute environment for your cluster.
-                  - radiogroup [ref=e204]:
-                    - group [ref=e206]:
-                      - generic [ref=e207]:
-                        - generic [ref=e208]: Kubernetes
-                        - paragraph [ref=e209]: Run GPU workloads on a K8s configured cluster. This is the default.
-                      - radio "Kubernetes" [checked] [ref=e210]:
-                        - img [ref=e211]
-                    - group [ref=e214]:
-                      - generic [ref=e215]:
-                        - generic [ref=e216]: Virtual Machine
-                        - paragraph [ref=e217]: Access a VM configured cluster to run workloads. (Coming soon)
-                      - radio "Virtual Machine" [ref=e218]
-                - group [ref=e220]:
-                  - generic [ref=e221]:
-                    - generic [ref=e222]: Number of GPUs
-                    - paragraph [ref=e223]: You can add more later.
-                  - group [ref=e224]:
-                    - textbox "Number of GPUs" [ref=e225]: "8"
-                    - button "Decrement" [ref=e226]:
-                      - img
-                    - button "Increment" [ref=e227]:
-                      - img
-                - group [ref=e229]:
-                  - generic [ref=e230]:
-                    - generic [ref=e231]: Wallpaper Tinting
-                    - paragraph [ref=e232]: Allow the wallpaper to be tinted.
-                  - switch "Wallpaper Tinting" [checked] [ref=e233]
-          - generic [ref=e234]:
-            - group [ref=e236]:
-              - generic [ref=e237]: Prompt
-              - group [ref=e238]:
-                - textbox "Prompt" [ref=e239]:
-                  - /placeholder: Ask, search, or make anything...
-                - group [ref=e240]:
-                  - button "Add context" [ref=e241]:
-                    - img
-                    - text: Add context
-                - group [ref=e243]:
-                  - button "Attach file" [ref=e244]:
-                    - img
-                  - button "Auto" [ref=e245]
-                  - button "All Sources" [ref=e246]:
-                    - img
-                    - text: All Sources
-                  - button "Send" [ref=e247]:
-                    - img
-            - group [ref=e248]:
-              - group [ref=e249]:
-                - button "Go Back" [ref=e250]:
-                  - img
-              - group [ref=e251]:
-                - button "Archive" [ref=e252]
-                - button "Report" [ref=e253]
-              - group [ref=e254]:
-                - button "Snooze" [ref=e255]
-                - button "More Options" [ref=e256]:
-                  - img
-            - group [ref=e258]:
-              - checkbox "I agree to the terms and conditions" [checked] [ref=e259]:
-                - generic:
-                  - img
-              - generic [ref=e260]: I agree to the terms and conditions
-            - generic [ref=e261]:
-              - group [ref=e262]:
-                - group [ref=e263]:
-                  - button "1" [ref=e264]
-                  - button "2" [ref=e265]
-                  - button "3" [ref=e266]
-                - group [ref=e267]:
-                  - button "Previous" [ref=e268]:
-                    - img
-                  - button "Next" [ref=e269]:
-                    - img
-              - group [ref=e270]:
-                - button "Copilot" [ref=e271]:
-                  - img
-                  - text: Copilot
-                - button "Open Popover" [ref=e272]:
-                  - img
-            - group "How did you hear about us?" [ref=e277]:
-              - generic [ref=e278]: How did you hear about us?
-              - paragraph [ref=e279]: Select the option that best describes how you heard about us.
-              - generic [ref=e280]:
-                - group [ref=e282]:
-                  - checkbox "Social Media" [checked] [ref=e283]:
-                    - generic:
-                      - img
-                  - checkbox [checked]
-                  - generic [ref=e284]: Social Media
-                - group [ref=e286]:
-                  - checkbox "Search Engine" [ref=e287]
-                  - checkbox
-                  - generic [ref=e288]: Search Engine
-                - group [ref=e290]:
-                  - checkbox "Referral" [ref=e291]
-                  - checkbox
-                  - generic [ref=e292]: Referral
-                - group [ref=e294]:
-                  - checkbox "Other" [ref=e295]
-                  - checkbox
-                  - generic [ref=e296]: Other
-            - generic [ref=e297]:
-              - generic [ref=e298]:
-                - generic [ref=e299]:
-                  - status "Loading"
-                - generic [ref=e300]: Processing your request
-                - generic [ref=e301]: Please wait while we process your request. Do not refresh the page.
-              - button "Cancel" [ref=e303]
-    - contentinfo [ref=e304]:
-      - generic [ref=e307]:
-        - text: Built by
-        - link "shadcn" [ref=e308] [cursor=pointer]:
-          - /url: https://twitter.com/shadcn
-        - text: at
-        - link "Vercel" [ref=e309] [cursor=pointer]:
-          - /url: https://vercel.com/new?utm_source=shadcn_site&utm_medium=web&utm_campaign=docs_cta_deploy_now_callout
-        - text: . The source code is available on
-        - link "GitHub" [ref=e310] [cursor=pointer]:
-          - /url: https://github.com/shadcn-ui/ui
-        - text: .
-  - region "Notifications alt+T"
-  - alert [ref=e311]
+       
+
+[Truncated to 6000 characters. Better manage your logs or paginate them to read the full logs]

package/src/start-relay-server.ts

@@ -2,17 +2,19 @@ import { startPlayWriterCDPRelayServer } from './extension/cdp-relay.js'
 import fs from 'node:fs'
 import path from 'node:path'
 import { fileURLToPath } from 'node:url'
+import util from 'node:util'
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url))
 const logFilePath = path.join(__dirname, '..', 'relay-server.log')
 
+process.title = 'playwriter-ws-server'
 fs.writeFileSync(logFilePath, '')
 
 const log = (...args: any[]) => {
   const message = args.map(arg =>
-    typeof arg === 'string' ? arg : JSON.stringify(arg)
+    typeof arg === 'string' ? arg : util.inspect(arg, { depth: null, colors: false })
   ).join(' ')
-  fs.appendFileSync(logFilePath, message + '\n')
+  return fs.promises.appendFile(logFilePath, message + '\n')
 }
 
 const logger = {
@@ -20,6 +22,21 @@ const logger = {
   error: log
 }
 
+process.on('uncaughtException', async (err) => {
+  await logger.error('Uncaught Exception:', err);
+  process.exit(1);
+});
+
+process.on('unhandledRejection', async (reason) => {
+  await logger.error('Unhandled Rejection:', reason);
+  process.exit(1);
+});
+
+process.on('exit', async (code) => {
+  await logger.log(`Process exiting with code: ${code}`);
+});
+
+
 export async function startServer({ port = 19988 }: { port?: number } = {}) {
   const server = await startPlayWriterCDPRelayServer({ port, logger })
 

package/src/utils.ts

@@ -1,4 +1,4 @@
-export function getCdpUrl({ port = 19988, host = '127.0.0.1', clientId }: { port?: number; host?: string; clientId?: string } = {}) {
-  const id = clientId || Date.now().toString()
+export function getCdpUrl({ port = 19988, host = '127.0.0.1' }: { port?: number; host?: string } = {}) {
+  const id = `${Math.random().toString(36).substring(2, 15)}_${Date.now()}`
   return `ws://${host}:${port}/cdp/${id}`
 }