| description | Read and write files in the Lit Playground (lit.dev/playground) via Chrome DevTools MCP. Use when the user asks to edit, update, read, or interact with a Lit Playground URL. |
|---|
You are interacting with the Lit Playground at lit.dev/playground. The playground
is built from nested web components with shadow DOMs. All interactions go through
mcp__chrome-devtools__evaluate_script.
| import { LanguageSupport, LRLanguage } from '@codemirror/language'; | |
| import { LRParser } from '@lezer/lr'; | |
| import { Input, parseMixed, SyntaxNodeRef } from '@lezer/common'; | |
| import { htmlLanguage } from '@codemirror/lang-html'; | |
| import {javascript} from '@codemirror/lang-javascript'; | |
| import {CodeMirrorExtensionElement} from 'codemirror-elements/lib/cm-extension-element.js'; | |
| function mixedTaggedTemplate(node: SyntaxNodeRef, input: Input) { | |
| const isTaggedTemplate = node.type.name === "TaggedTemplateExpression"; |
| /** | |
| * Definition for a binary tree node. | |
| * class TreeNode { | |
| * val: number | |
| * left: TreeNode | null | |
| * right: TreeNode | null | |
| * constructor(val?: number, left?: TreeNode | null, right?: TreeNode | null) { | |
| * this.val = (val===undefined ? 0 : val) | |
| * this.left = (left===undefined ? null : left) | |
| * this.right = (right===undefined ? null : right) |
| #!/bin/bash | |
| # git-evolve: | |
| # A custom Git command to rebase a sequence of branches in order over a base branch. | |
| # It also supports the ability to continue after conflicts and check the current status of the evolution. | |
| # | |
| # Installation Instructions for zsh env: | |
| # 1. Save this script to a location, e.g., ~/bin/git-evolve. | |
| # 2. Make sure the script is executable: chmod +x ~/bin/git-evolve. | |
| # 3. Add the following line to your .zshrc or .zshenv: export PATH="$HOME/bin:$PATH". |
| <!DOCTYPE html> | |
| <head> | |
| <script type="module" src="./simple-greeting.js"></script> | |
| </head> | |
| <body> | |
| <simple-greeting name="World"></simple-greeting> | |
| </body> |
| <!DOCTYPE html> | |
| <head> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.69/dist/themes/light.css"> | |
| <script type="module" src="./material-box-shadow.js"></script> | |
| <style> | |
| :root { | |
| font-family: Roboto, sans-serif; | |
| } | |
| </style> | |
| </head> |
| <!DOCTYPE html> | |
| <head> | |
| <script type="module" src="./trom-bone.js"></script> | |
| <style> | |
| :root { | |
| font-family: Arial; | |
| } | |
| </style> | |
| </head> | |
| <body> |
| export const updateMetadata = ({ | |
| title, | |
| description, | |
| url, | |
| image, | |
| imageAlt | |
| }: { | |
| title?: string, | |
| description?: string, | |
| url?: string, |
| { | |
| "scripts": { | |
| "serve": "web-dev-server --node-resolve --watch --open", | |
| }, | |
| "devDependencies": { | |
| "@web/dev-server": "^0.1.17" | |
| }, | |
| "dependencies": { | |
| "lit": "^2.0.0" | |
| } |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title></title> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |
