mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-13 06:36:26 +03:00
12 lines
2.8 KiB
JSON
12 lines
2.8 KiB
JSON
{
|
|
"stdout": "{\"file\":\"src/routes/index.tsx\",\"startLine\":10,\"endLine\":18,\"insertLine\":16,\"commentSyntax\":{\"open\":\"{/*\",\"close\":\"*/}\"},\"styleMode\":\"scoped\",\"styleTag\":\"<style data-impeccable-css=\\\"SESSION_ID\\\">\",\"cssSelectorPrefixExamples\":[],\"cssAuthoring\":{\"mode\":\"scoped\",\"styleTag\":\"<style data-impeccable-css=\\\"SESSION_ID\\\">\",\"strategy\":\"scope-rule\",\"rulePattern\":\"@scope ([data-impeccable-variant=\\\"N\\\"]) { :scope > .variant-class { ... } }\",\"selectorExamples\":[\"@scope ([data-impeccable-variant=\\\"1\\\"]) { :scope > .variant-class { ... } }\",\"@scope ([data-impeccable-variant=\\\"2\\\"]) { :scope > .variant-class { ... } }\",\"@scope ([data-impeccable-variant=\\\"3\\\"]) { :scope > .variant-class { ... } }\"],\"requirements\":[\"Use @scope blocks keyed to each [data-impeccable-variant=\\\"N\\\"] wrapper.\",\"Inside each @scope block, make :scope rules step into the replacement element with a descendant combinator.\",\"Use the styleTag exactly; do not add framework-specific style attributes unless this object says to.\"],\"forbidden\":[\"Do not use global [data-impeccable-variant=\\\"N\\\"] selector prefixes for this styleMode.\",\"Do not add is:inline to the style tag for this styleMode.\"]},\"originalLineCount\":1}\n",
|
|
"stderr": "",
|
|
"exit": 0,
|
|
"signal": null,
|
|
"files": {
|
|
".impeccable/live/config.json": "{\n \"files\": [\"src/routes/__root.tsx\"],\n \"insertBefore\": \"<Scripts\",\n \"commentSyntax\": \"jsx\"\n}\n",
|
|
"src/routes/__root.tsx": "import { HeadContent, Scripts, createRootRoute } from '@tanstack/react-router';\n\nexport const Route = createRootRoute({\n head: () => ({\n meta: [\n { charSet: 'utf-8' },\n { title: 'TanStack Start Fixture' },\n ],\n }),\n shellComponent: RootDocument,\n});\n\nfunction RootDocument({ children }: { children: React.ReactNode }) {\n return (\n <html lang=\"en\">\n <head>\n <HeadContent />\n </head>\n <body>\n {children}\n <Scripts />\n </body>\n </html>\n );\n}\n",
|
|
"src/routes/index.tsx": "import { createFileRoute } from '@tanstack/react-router';\n\nexport const Route = createFileRoute('/')({\n component: Home,\n});\n\nfunction Home() {\n return (\n <main className=\"page\">\n <div data-impeccable-variants=\"ab12cd34\" data-impeccable-variant-count=\"3\" style={{ display: \"contents\" }}>\n {/* impeccable-variants-start ab12cd34 */}\n {/* Original */}\n <div data-impeccable-variant=\"original\">\n <h1 className=\"hero-title\">Start Home Hero</h1>\n </div>\n {/* Variants: insert below this line */}\n {/* impeccable-variants-end ab12cd34 */}\n </div>\n <p className=\"hero-hook\">Server-rendered by TanStack Start.</p>\n </main>\n );\n}\n"
|
|
}
|
|
}
|