mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-14 15:16:35 +03:00
12 lines
2.7 KiB
JSON
12 lines
2.7 KiB
JSON
{
|
|
"stdout": "{\"mode\":\"insert\",\"position\":\"after\",\"file\":\"src/pages/index.astro\",\"insertLine\":15,\"commentSyntax\":{\"open\":\"<!--\",\"close\":\"-->\"},\"styleMode\":\"astro-global-prefixed\",\"styleTag\":\"<style is:inline data-impeccable-css=\\\"SESSION_ID\\\">\",\"cssSelectorPrefixExamples\":[\"[data-impeccable-variant=\\\"1\\\"]\",\"[data-impeccable-variant=\\\"2\\\"]\",\"[data-impeccable-variant=\\\"3\\\"]\"],\"cssAuthoring\":{\"mode\":\"astro-global-prefixed\",\"styleTag\":\"<style is:inline data-impeccable-css=\\\"SESSION_ID\\\">\",\"strategy\":\"global-prefixed\",\"rulePattern\":\"[data-impeccable-variant=\\\"N\\\"] > .variant-class { ... }\",\"selectorExamples\":[\"[data-impeccable-variant=\\\"1\\\"] > .variant-class\",\"[data-impeccable-variant=\\\"2\\\"] > .variant-class\",\"[data-impeccable-variant=\\\"3\\\"] > .variant-class\"],\"requirements\":[\"Use the styleTag exactly; the is:inline attribute is required for this file.\",\"Put raw CSS directly between the styleTag opening and a plain </style> close.\",\"Prefix every preview selector with the matching [data-impeccable-variant=\\\"N\\\"] selector.\",\"Keep selectors anchored to the generated variant wrapper; do not rely on component CSS scoping for preview rules.\"],\"forbidden\":[\"Do not use @scope for this styleMode.\",\"Do not wrap style content in a JSX/TSX template literal ({` ... `}); that syntax is for .tsx/.jsx only.\",\"Do not put { immediately after the style opening tag; Astro parses { as expression syntax.\"]}}\n",
|
|
"stderr": "",
|
|
"exit": 0,
|
|
"signal": null,
|
|
"files": {
|
|
".impeccable/live/config.json": "{\n \"files\": [\"src/layouts/Layout.astro\"],\n \"insertBefore\": \"</body>\",\n \"commentSyntax\": \"html\"\n}\n",
|
|
"src/layouts/Layout.astro": "---\nexport interface Props { title: string }\nconst { title } = Astro.props;\n---\n<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <title>{title}</title>\n </head>\n <body>\n <slot />\n </body>\n</html>\n",
|
|
"src/pages/index.astro": "---\nimport Layout from '../layouts/Layout.astro';\n---\n<Layout title=\"Astro Fixture\">\n <main class=\"page\">\n <h1 class=\"hero-title\">Astro Fixture</h1>\n <p class=\"hero-hook\">Minimal Astro tree for oracle live-mode goldens.</p>\n <section id=\"features\" class=\"feature-grid\">\n <article class=\"feature-card\">One</article>\n <article class=\"feature-card\">Two</article>\n </section>\n <!-- impeccable-variants-start ab12cd34 -->\n <div data-impeccable-variants=\"ab12cd34\" data-impeccable-mode=\"insert\" data-impeccable-variant-count=\"3\" style=\"display: contents\">\n <!-- Variants: insert below this line -->\n </div>\n <!-- impeccable-variants-end ab12cd34 -->\n </main>\n</Layout>\n"
|
|
}
|
|
}
|