[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-vercel-labs-directives":3,"mdc-j718sc-key":35,"related-org-vercel-labs-directives":4352,"related-repo-vercel-labs-directives":4522},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":24,"repoUrl":25,"updatedAt":26,"license":27,"forks":28,"topics":29,"repo":30,"sourceUrl":33,"mdContent":34},"directives","apply custom directives to JSON specs","Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render\u002Fdirectives, defining custom directives with defineDirective, or adding $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"vercel-labs","Vercel Labs","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fvercel-labs.png",[12,16,19,21],{"name":13,"slug":14,"type":15},"Automation","automation","tag",{"name":17,"slug":18,"type":15},"JSON","json",{"name":20,"slug":20,"type":15},"i18n",{"name":22,"slug":23,"type":15},"Frontend","frontend",15678,"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fjson-render","2026-07-17T06:04:05.866831",null,845,[],{"repoUrl":25,"stars":24,"forks":28,"topics":31,"description":32},[],"The Generative UI framework","https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fjson-render\u002Ftree\u002FHEAD\u002Fskills\u002Fdirectives","---\nname: directives\ndescription: Pre-built custom directives for json-render — formatting, math, string manipulation, and i18n. Use when working with @json-render\u002Fdirectives, defining custom directives with defineDirective, or adding $format, $math, $concat, $count, $truncate, $pluralize, $join, or $t to specs.\n---\n\n# @json-render\u002Fdirectives\n\nPre-built custom directives for `@json-render\u002Fcore`. Drop them into your catalog and renderer to add formatting, math, string manipulation, and i18n.\n\n## Quick Start\n\n```typescript\nimport { standardDirectives } from '@json-render\u002Fdirectives';\n\n\u002F\u002F Wire into prompt generation\nconst prompt = catalog.prompt({ directives: standardDirectives });\n\n\u002F\u002F Wire into the renderer (React example)\nimport { JSONUIProvider, Renderer } from '@json-render\u002Freact';\n\n\u003CJSONUIProvider registry={registry} directives={standardDirectives}>\n \u003CRenderer spec={spec} registry={registry} \u002F>\n\u003C\u002FJSONUIProvider>\n```\n\nTo add factory directives like `createI18nDirective`, spread the array:\n\n```typescript\nimport { standardDirectives, createI18nDirective } from '@json-render\u002Fdirectives';\n\nconst directives = [...standardDirectives, createI18nDirective(config)];\n```\n\n## Defining Custom Directives\n\nUse `defineDirective` from `@json-render\u002Fcore`:\n\n```typescript\nimport { defineDirective, resolvePropValue } from '@json-render\u002Fcore';\nimport { z } from 'zod';\n\nconst doubleDirective = defineDirective({\n name: '$double',\n description: 'Double a numeric value.',\n schema: z.object({\n $double: z.unknown(),\n }),\n resolve(value, ctx) {\n const resolved = resolvePropValue(value.$double, ctx);\n return (resolved as number) * 2;\n },\n});\n```\n\nRules:\n- Name must start with `$`\n- Name must not conflict with built-in keys (`$state`, `$cond`, `$computed`, `$template`, `$item`, `$index`, `$bindState`, `$bindItem`)\n- Resolvers should call `resolvePropValue` on sub-values to support composition\n\n## Built-in Directives\n\n### `$format` — Locale-aware value formatting\n\nFormats values using `Intl` formatters. Supports `date`, `currency`, `number`, and `percent`.\n\n```json\n{ \"$format\": \"currency\", \"value\": { \"$state\": \"\u002Fcart\u002Ftotal\" }, \"currency\": \"USD\" }\n{ \"$format\": \"date\", \"value\": { \"$state\": \"\u002Fuser\u002FcreatedAt\" } }\n{ \"$format\": \"number\", \"value\": 1234567, \"notation\": \"compact\" }\n{ \"$format\": \"percent\", \"value\": 0.75 }\n{ \"$format\": \"date\", \"value\": { \"$state\": \"\u002Fpost\u002FcreatedAt\" }, \"style\": \"relative\" }\n```\n\nFields: `$format` (date | currency | number | percent), `value` (any expression), `locale?` (string), `currency?` (string, default \"USD\"), `notation?` (string), `style?` (\"relative\" for relative dates), `options?` (extra Intl options).\n\n### `$math` — Arithmetic operations\n\n```json\n{ \"$math\": \"add\", \"a\": { \"$state\": \"\u002Fsubtotal\" }, \"b\": { \"$state\": \"\u002Ftax\" } }\n{ \"$math\": \"round\", \"a\": 3.7 }\n```\n\nOperations: `add`, `subtract`, `multiply`, `divide`, `mod`, `min`, `max`, `round`, `floor`, `ceil`, `abs`. Unary ops (`round`, `floor`, `ceil`, `abs`) only use `a`. Division by zero returns `0`.\n\nFields: `$math` (operation enum), `a?` (first operand, default 0), `b?` (second operand, default 0).\n\n### `$concat` — String concatenation\n\n```json\n{ \"$concat\": [{ \"$state\": \"\u002Fuser\u002FfirstName\" }, \" \", { \"$state\": \"\u002Fuser\u002FlastName\" }] }\n```\n\nFields: `$concat` (array of values to resolve and join into a string).\n\n### `$count` — Array\u002Fstring length\n\n```json\n{ \"$count\": { \"$state\": \"\u002Fcart\u002Fitems\" } }\n```\n\nReturns `.length` of arrays or strings, `0` for other types.\n\nFields: `$count` (value to count).\n\n### `$truncate` — Text truncation\n\n```json\n{ \"$truncate\": { \"$state\": \"\u002Fpost\u002Fbody\" }, \"length\": 140, \"suffix\": \"...\" }\n```\n\nFields: `$truncate` (value to truncate), `length?` (max chars, default 100), `suffix?` (string, default \"...\").\n\n### `$pluralize` — Singular\u002Fplural forms\n\n```json\n{ \"$pluralize\": { \"$state\": \"\u002Fcart\u002FitemCount\" }, \"one\": \"item\", \"other\": \"items\", \"zero\": \"no items\" }\n```\n\nOutput: `\"3 items\"`, `\"1 item\"`, or `\"no items\"`.\n\nFields: `$pluralize` (count value), `one` (singular label), `other` (plural label), `zero?` (zero label).\n\n### `$join` — Join array elements\n\n```json\n{ \"$join\": { \"$state\": \"\u002Ftags\" }, \"separator\": \", \" }\n```\n\nFields: `$join` (array to join), `separator?` (string, default \", \").\n\n### `createI18nDirective` — Internationalization factory\n\n```typescript\nimport { createI18nDirective } from '@json-render\u002Fdirectives';\n\nconst tDirective = createI18nDirective({\n locale: 'en',\n messages: {\n en: { \"greeting\": \"Hello, {{name}}!\", \"checkout.submit\": \"Place Order\" },\n es: { \"greeting\": \"Hola, {{name}}!\", \"checkout.submit\": \"Realizar Pedido\" },\n },\n fallbackLocale: 'en',\n});\n```\n\nUsage in specs:\n\n```json\n{ \"$t\": \"checkout.submit\" }\n{ \"$t\": \"greeting\", \"params\": { \"name\": { \"$state\": \"\u002Fuser\u002Fname\" } } }\n```\n\nFields: `$t` (translation key), `params?` (interpolation parameters, values accept expressions).\n\nConfig: `locale` (current locale), `messages` (Record\u003Clocale, Record\u003Ckey, string>>), `fallbackLocale?` (fallback when key missing).\n\n## Composition\n\nDirectives compose naturally — each resolver calls `resolvePropValue` on its inputs, so directives can wrap other directives or built-in expressions:\n\n```json\n{\n \"$format\": \"currency\",\n \"value\": { \"$math\": \"multiply\", \"a\": { \"$state\": \"\u002Fprice\" }, \"b\": { \"$state\": \"\u002Fqty\" } },\n \"currency\": \"USD\"\n}\n```\n\nResolves inside-out: `$state` reads from state, `$math` multiplies, `$format` formats as currency.\n\n## Wiring into Renderers\n\nAll four renderers (React, Vue, Svelte, Solid) accept `directives` on their provider and `createRenderer` output:\n\n```tsx\n\u002F\u002F Provider pattern\n\u003CJSONUIProvider registry={registry} directives={directives}>\n \u003CRenderer spec={spec} registry={registry} \u002F>\n\u003C\u002FJSONUIProvider>\n\n\u002F\u002F createRenderer pattern\nconst MyRenderer = createRenderer(catalog, components);\n\u003CMyRenderer spec={spec} directives={directives} \u002F>\n```\n\nFor prompt generation, pass the same array:\n\n```typescript\nconst prompt = catalog.prompt({ directives });\n```\n\n## Key Exports\n\n| Export | Purpose |\n|--------|---------|\n| `formatDirective` | `$format` directive definition |\n| `mathDirective` | `$math` directive definition |\n| `concatDirective` | `$concat` directive definition |\n| `countDirective` | `$count` directive definition |\n| `truncateDirective` | `$truncate` directive definition |\n| `pluralizeDirective` | `$pluralize` directive definition |\n| `joinDirective` | `$join` directive definition |\n| `createI18nDirective` | Factory for `$t` i18n directive |\n| `standardDirectives` | Array of all 7 non-factory directives |\n| `I18nConfig` | Type for i18n configuration |\n",{"data":36,"body":37},{"name":4,"description":6},{"type":38,"children":39},"root",[40,49,64,71,423,436,545,551,570,1010,1015,1106,1112,1125,1167,1688,1746,1758,1982,2102,2129,2141,2263,2274,2286,2357,2377,2388,2400,2526,2553,2565,2734,2761,2794,2806,2906,2925,2936,3279,3284,3453,3472,3501,3507,3519,3774,3800,3806,3826,4046,4051,4109,4115,4347],{"type":41,"tag":42,"props":43,"children":45},"element","h1",{"id":44},"json-renderdirectives",[46],{"type":47,"value":48},"text","@json-render\u002Fdirectives",{"type":41,"tag":50,"props":51,"children":52},"p",{},[53,55,62],{"type":47,"value":54},"Pre-built custom directives for ",{"type":41,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":47,"value":61},"@json-render\u002Fcore",{"type":47,"value":63},". Drop them into your catalog and renderer to add formatting, math, string manipulation, and i18n.",{"type":41,"tag":65,"props":66,"children":68},"h2",{"id":67},"quick-start",[69],{"type":47,"value":70},"Quick Start",{"type":41,"tag":72,"props":73,"children":78},"pre",{"className":74,"code":75,"language":76,"meta":77,"style":77},"language-typescript shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","import { standardDirectives } from '@json-render\u002Fdirectives';\n\n\u002F\u002F Wire into prompt generation\nconst prompt = catalog.prompt({ directives: standardDirectives });\n\n\u002F\u002F Wire into the renderer (React example)\nimport { JSONUIProvider, Renderer } from '@json-render\u002Freact';\n\n\u003CJSONUIProvider registry={registry} directives={standardDirectives}>\n \u003CRenderer spec={spec} registry={registry} \u002F>\n\u003C\u002FJSONUIProvider>\n","typescript","",[79],{"type":41,"tag":56,"props":80,"children":81},{"__ignoreMap":77},[82,136,146,156,232,240,249,301,309,355,404],{"type":41,"tag":83,"props":84,"children":87},"span",{"class":85,"line":86},"line",1,[88,94,100,106,111,116,121,126,131],{"type":41,"tag":83,"props":89,"children":91},{"style":90},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[92],{"type":47,"value":93},"import",{"type":41,"tag":83,"props":95,"children":97},{"style":96},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[98],{"type":47,"value":99}," {",{"type":41,"tag":83,"props":101,"children":103},{"style":102},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[104],{"type":47,"value":105}," standardDirectives",{"type":41,"tag":83,"props":107,"children":108},{"style":96},[109],{"type":47,"value":110}," }",{"type":41,"tag":83,"props":112,"children":113},{"style":90},[114],{"type":47,"value":115}," from",{"type":41,"tag":83,"props":117,"children":118},{"style":96},[119],{"type":47,"value":120}," '",{"type":41,"tag":83,"props":122,"children":124},{"style":123},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[125],{"type":47,"value":48},{"type":41,"tag":83,"props":127,"children":128},{"style":96},[129],{"type":47,"value":130},"'",{"type":41,"tag":83,"props":132,"children":133},{"style":96},[134],{"type":47,"value":135},";\n",{"type":41,"tag":83,"props":137,"children":139},{"class":85,"line":138},2,[140],{"type":41,"tag":83,"props":141,"children":143},{"emptyLinePlaceholder":142},true,[144],{"type":47,"value":145},"\n",{"type":41,"tag":83,"props":147,"children":149},{"class":85,"line":148},3,[150],{"type":41,"tag":83,"props":151,"children":153},{"style":152},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[154],{"type":47,"value":155},"\u002F\u002F Wire into prompt generation\n",{"type":41,"tag":83,"props":157,"children":159},{"class":85,"line":158},4,[160,166,171,176,181,186,192,197,202,208,213,218,223,228],{"type":41,"tag":83,"props":161,"children":163},{"style":162},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[164],{"type":47,"value":165},"const",{"type":41,"tag":83,"props":167,"children":168},{"style":102},[169],{"type":47,"value":170}," prompt ",{"type":41,"tag":83,"props":172,"children":173},{"style":96},[174],{"type":47,"value":175},"=",{"type":41,"tag":83,"props":177,"children":178},{"style":102},[179],{"type":47,"value":180}," catalog",{"type":41,"tag":83,"props":182,"children":183},{"style":96},[184],{"type":47,"value":185},".",{"type":41,"tag":83,"props":187,"children":189},{"style":188},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[190],{"type":47,"value":191},"prompt",{"type":41,"tag":83,"props":193,"children":194},{"style":102},[195],{"type":47,"value":196},"(",{"type":41,"tag":83,"props":198,"children":199},{"style":96},[200],{"type":47,"value":201},"{",{"type":41,"tag":83,"props":203,"children":205},{"style":204},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[206],{"type":47,"value":207}," directives",{"type":41,"tag":83,"props":209,"children":210},{"style":96},[211],{"type":47,"value":212},":",{"type":41,"tag":83,"props":214,"children":215},{"style":102},[216],{"type":47,"value":217}," standardDirectives ",{"type":41,"tag":83,"props":219,"children":220},{"style":96},[221],{"type":47,"value":222},"}",{"type":41,"tag":83,"props":224,"children":225},{"style":102},[226],{"type":47,"value":227},")",{"type":41,"tag":83,"props":229,"children":230},{"style":96},[231],{"type":47,"value":135},{"type":41,"tag":83,"props":233,"children":235},{"class":85,"line":234},5,[236],{"type":41,"tag":83,"props":237,"children":238},{"emptyLinePlaceholder":142},[239],{"type":47,"value":145},{"type":41,"tag":83,"props":241,"children":243},{"class":85,"line":242},6,[244],{"type":41,"tag":83,"props":245,"children":246},{"style":152},[247],{"type":47,"value":248},"\u002F\u002F Wire into the renderer (React example)\n",{"type":41,"tag":83,"props":250,"children":252},{"class":85,"line":251},7,[253,257,261,266,271,276,280,284,288,293,297],{"type":41,"tag":83,"props":254,"children":255},{"style":90},[256],{"type":47,"value":93},{"type":41,"tag":83,"props":258,"children":259},{"style":96},[260],{"type":47,"value":99},{"type":41,"tag":83,"props":262,"children":263},{"style":102},[264],{"type":47,"value":265}," JSONUIProvider",{"type":41,"tag":83,"props":267,"children":268},{"style":96},[269],{"type":47,"value":270},",",{"type":41,"tag":83,"props":272,"children":273},{"style":102},[274],{"type":47,"value":275}," Renderer",{"type":41,"tag":83,"props":277,"children":278},{"style":96},[279],{"type":47,"value":110},{"type":41,"tag":83,"props":281,"children":282},{"style":90},[283],{"type":47,"value":115},{"type":41,"tag":83,"props":285,"children":286},{"style":96},[287],{"type":47,"value":120},{"type":41,"tag":83,"props":289,"children":290},{"style":123},[291],{"type":47,"value":292},"@json-render\u002Freact",{"type":41,"tag":83,"props":294,"children":295},{"style":96},[296],{"type":47,"value":130},{"type":41,"tag":83,"props":298,"children":299},{"style":96},[300],{"type":47,"value":135},{"type":41,"tag":83,"props":302,"children":304},{"class":85,"line":303},8,[305],{"type":41,"tag":83,"props":306,"children":307},{"emptyLinePlaceholder":142},[308],{"type":47,"value":145},{"type":41,"tag":83,"props":310,"children":312},{"class":85,"line":311},9,[313,318,323,328,333,337,341,345,350],{"type":41,"tag":83,"props":314,"children":315},{"style":96},[316],{"type":47,"value":317},"\u003C",{"type":41,"tag":83,"props":319,"children":320},{"style":102},[321],{"type":47,"value":322},"JSONUIProvider registry",{"type":41,"tag":83,"props":324,"children":325},{"style":96},[326],{"type":47,"value":327},"={",{"type":41,"tag":83,"props":329,"children":330},{"style":102},[331],{"type":47,"value":332},"registry",{"type":41,"tag":83,"props":334,"children":335},{"style":96},[336],{"type":47,"value":222},{"type":41,"tag":83,"props":338,"children":339},{"style":102},[340],{"type":47,"value":207},{"type":41,"tag":83,"props":342,"children":343},{"style":96},[344],{"type":47,"value":327},{"type":41,"tag":83,"props":346,"children":347},{"style":102},[348],{"type":47,"value":349},"standardDirectives",{"type":41,"tag":83,"props":351,"children":352},{"style":96},[353],{"type":47,"value":354},"}>\n",{"type":41,"tag":83,"props":356,"children":358},{"class":85,"line":357},10,[359,364,369,373,378,382,387,391,395,399],{"type":41,"tag":83,"props":360,"children":361},{"style":96},[362],{"type":47,"value":363}," \u003C",{"type":41,"tag":83,"props":365,"children":366},{"style":102},[367],{"type":47,"value":368},"Renderer spec",{"type":41,"tag":83,"props":370,"children":371},{"style":96},[372],{"type":47,"value":327},{"type":41,"tag":83,"props":374,"children":375},{"style":102},[376],{"type":47,"value":377},"spec",{"type":41,"tag":83,"props":379,"children":380},{"style":96},[381],{"type":47,"value":222},{"type":41,"tag":83,"props":383,"children":384},{"style":102},[385],{"type":47,"value":386}," registry",{"type":41,"tag":83,"props":388,"children":389},{"style":96},[390],{"type":47,"value":327},{"type":41,"tag":83,"props":392,"children":393},{"style":102},[394],{"type":47,"value":332},{"type":41,"tag":83,"props":396,"children":397},{"style":96},[398],{"type":47,"value":222},{"type":41,"tag":83,"props":400,"children":401},{"style":96},[402],{"type":47,"value":403}," \u002F>\n",{"type":41,"tag":83,"props":405,"children":407},{"class":85,"line":406},11,[408,413,418],{"type":41,"tag":83,"props":409,"children":410},{"style":96},[411],{"type":47,"value":412},"\u003C\u002F",{"type":41,"tag":83,"props":414,"children":415},{"style":102},[416],{"type":47,"value":417},"JSONUIProvider",{"type":41,"tag":83,"props":419,"children":420},{"style":96},[421],{"type":47,"value":422},">\n",{"type":41,"tag":50,"props":424,"children":425},{},[426,428,434],{"type":47,"value":427},"To add factory directives like ",{"type":41,"tag":56,"props":429,"children":431},{"className":430},[],[432],{"type":47,"value":433},"createI18nDirective",{"type":47,"value":435},", spread the array:",{"type":41,"tag":72,"props":437,"children":439},{"className":74,"code":438,"language":76,"meta":77,"style":77},"import { standardDirectives, createI18nDirective } from '@json-render\u002Fdirectives';\n\nconst directives = [...standardDirectives, createI18nDirective(config)];\n",[440],{"type":41,"tag":56,"props":441,"children":442},{"__ignoreMap":77},[443,491,498],{"type":41,"tag":83,"props":444,"children":445},{"class":85,"line":86},[446,450,454,458,462,467,471,475,479,483,487],{"type":41,"tag":83,"props":447,"children":448},{"style":90},[449],{"type":47,"value":93},{"type":41,"tag":83,"props":451,"children":452},{"style":96},[453],{"type":47,"value":99},{"type":41,"tag":83,"props":455,"children":456},{"style":102},[457],{"type":47,"value":105},{"type":41,"tag":83,"props":459,"children":460},{"style":96},[461],{"type":47,"value":270},{"type":41,"tag":83,"props":463,"children":464},{"style":102},[465],{"type":47,"value":466}," createI18nDirective",{"type":41,"tag":83,"props":468,"children":469},{"style":96},[470],{"type":47,"value":110},{"type":41,"tag":83,"props":472,"children":473},{"style":90},[474],{"type":47,"value":115},{"type":41,"tag":83,"props":476,"children":477},{"style":96},[478],{"type":47,"value":120},{"type":41,"tag":83,"props":480,"children":481},{"style":123},[482],{"type":47,"value":48},{"type":41,"tag":83,"props":484,"children":485},{"style":96},[486],{"type":47,"value":130},{"type":41,"tag":83,"props":488,"children":489},{"style":96},[490],{"type":47,"value":135},{"type":41,"tag":83,"props":492,"children":493},{"class":85,"line":138},[494],{"type":41,"tag":83,"props":495,"children":496},{"emptyLinePlaceholder":142},[497],{"type":47,"value":145},{"type":41,"tag":83,"props":499,"children":500},{"class":85,"line":148},[501,505,510,514,519,524,528,532,536,541],{"type":41,"tag":83,"props":502,"children":503},{"style":162},[504],{"type":47,"value":165},{"type":41,"tag":83,"props":506,"children":507},{"style":102},[508],{"type":47,"value":509}," directives ",{"type":41,"tag":83,"props":511,"children":512},{"style":96},[513],{"type":47,"value":175},{"type":41,"tag":83,"props":515,"children":516},{"style":102},[517],{"type":47,"value":518}," [",{"type":41,"tag":83,"props":520,"children":521},{"style":96},[522],{"type":47,"value":523},"...",{"type":41,"tag":83,"props":525,"children":526},{"style":102},[527],{"type":47,"value":349},{"type":41,"tag":83,"props":529,"children":530},{"style":96},[531],{"type":47,"value":270},{"type":41,"tag":83,"props":533,"children":534},{"style":188},[535],{"type":47,"value":466},{"type":41,"tag":83,"props":537,"children":538},{"style":102},[539],{"type":47,"value":540},"(config)]",{"type":41,"tag":83,"props":542,"children":543},{"style":96},[544],{"type":47,"value":135},{"type":41,"tag":65,"props":546,"children":548},{"id":547},"defining-custom-directives",[549],{"type":47,"value":550},"Defining Custom Directives",{"type":41,"tag":50,"props":552,"children":553},{},[554,556,562,564,569],{"type":47,"value":555},"Use ",{"type":41,"tag":56,"props":557,"children":559},{"className":558},[],[560],{"type":47,"value":561},"defineDirective",{"type":47,"value":563}," from ",{"type":41,"tag":56,"props":565,"children":567},{"className":566},[],[568],{"type":47,"value":61},{"type":47,"value":212},{"type":41,"tag":72,"props":571,"children":573},{"className":74,"code":572,"language":76,"meta":77,"style":77},"import { defineDirective, resolvePropValue } from '@json-render\u002Fcore';\nimport { z } from 'zod';\n\nconst doubleDirective = defineDirective({\n name: '$double',\n description: 'Double a numeric value.',\n schema: z.object({\n $double: z.unknown(),\n }),\n resolve(value, ctx) {\n const resolved = resolvePropValue(value.$double, ctx);\n return (resolved as number) * 2;\n },\n});\n",[574],{"type":41,"tag":56,"props":575,"children":576},{"__ignoreMap":77},[577,626,667,674,703,733,762,795,829,845,881,935,985,994],{"type":41,"tag":83,"props":578,"children":579},{"class":85,"line":86},[580,584,588,593,597,602,606,610,614,618,622],{"type":41,"tag":83,"props":581,"children":582},{"style":90},[583],{"type":47,"value":93},{"type":41,"tag":83,"props":585,"children":586},{"style":96},[587],{"type":47,"value":99},{"type":41,"tag":83,"props":589,"children":590},{"style":102},[591],{"type":47,"value":592}," defineDirective",{"type":41,"tag":83,"props":594,"children":595},{"style":96},[596],{"type":47,"value":270},{"type":41,"tag":83,"props":598,"children":599},{"style":102},[600],{"type":47,"value":601}," resolvePropValue",{"type":41,"tag":83,"props":603,"children":604},{"style":96},[605],{"type":47,"value":110},{"type":41,"tag":83,"props":607,"children":608},{"style":90},[609],{"type":47,"value":115},{"type":41,"tag":83,"props":611,"children":612},{"style":96},[613],{"type":47,"value":120},{"type":41,"tag":83,"props":615,"children":616},{"style":123},[617],{"type":47,"value":61},{"type":41,"tag":83,"props":619,"children":620},{"style":96},[621],{"type":47,"value":130},{"type":41,"tag":83,"props":623,"children":624},{"style":96},[625],{"type":47,"value":135},{"type":41,"tag":83,"props":627,"children":628},{"class":85,"line":138},[629,633,637,642,646,650,654,659,663],{"type":41,"tag":83,"props":630,"children":631},{"style":90},[632],{"type":47,"value":93},{"type":41,"tag":83,"props":634,"children":635},{"style":96},[636],{"type":47,"value":99},{"type":41,"tag":83,"props":638,"children":639},{"style":102},[640],{"type":47,"value":641}," z",{"type":41,"tag":83,"props":643,"children":644},{"style":96},[645],{"type":47,"value":110},{"type":41,"tag":83,"props":647,"children":648},{"style":90},[649],{"type":47,"value":115},{"type":41,"tag":83,"props":651,"children":652},{"style":96},[653],{"type":47,"value":120},{"type":41,"tag":83,"props":655,"children":656},{"style":123},[657],{"type":47,"value":658},"zod",{"type":41,"tag":83,"props":660,"children":661},{"style":96},[662],{"type":47,"value":130},{"type":41,"tag":83,"props":664,"children":665},{"style":96},[666],{"type":47,"value":135},{"type":41,"tag":83,"props":668,"children":669},{"class":85,"line":148},[670],{"type":41,"tag":83,"props":671,"children":672},{"emptyLinePlaceholder":142},[673],{"type":47,"value":145},{"type":41,"tag":83,"props":675,"children":676},{"class":85,"line":158},[677,681,686,690,694,698],{"type":41,"tag":83,"props":678,"children":679},{"style":162},[680],{"type":47,"value":165},{"type":41,"tag":83,"props":682,"children":683},{"style":102},[684],{"type":47,"value":685}," doubleDirective ",{"type":41,"tag":83,"props":687,"children":688},{"style":96},[689],{"type":47,"value":175},{"type":41,"tag":83,"props":691,"children":692},{"style":188},[693],{"type":47,"value":592},{"type":41,"tag":83,"props":695,"children":696},{"style":102},[697],{"type":47,"value":196},{"type":41,"tag":83,"props":699,"children":700},{"style":96},[701],{"type":47,"value":702},"{\n",{"type":41,"tag":83,"props":704,"children":705},{"class":85,"line":234},[706,711,715,719,724,728],{"type":41,"tag":83,"props":707,"children":708},{"style":204},[709],{"type":47,"value":710}," name",{"type":41,"tag":83,"props":712,"children":713},{"style":96},[714],{"type":47,"value":212},{"type":41,"tag":83,"props":716,"children":717},{"style":96},[718],{"type":47,"value":120},{"type":41,"tag":83,"props":720,"children":721},{"style":123},[722],{"type":47,"value":723},"$double",{"type":41,"tag":83,"props":725,"children":726},{"style":96},[727],{"type":47,"value":130},{"type":41,"tag":83,"props":729,"children":730},{"style":96},[731],{"type":47,"value":732},",\n",{"type":41,"tag":83,"props":734,"children":735},{"class":85,"line":242},[736,741,745,749,754,758],{"type":41,"tag":83,"props":737,"children":738},{"style":204},[739],{"type":47,"value":740}," description",{"type":41,"tag":83,"props":742,"children":743},{"style":96},[744],{"type":47,"value":212},{"type":41,"tag":83,"props":746,"children":747},{"style":96},[748],{"type":47,"value":120},{"type":41,"tag":83,"props":750,"children":751},{"style":123},[752],{"type":47,"value":753},"Double a numeric value.",{"type":41,"tag":83,"props":755,"children":756},{"style":96},[757],{"type":47,"value":130},{"type":41,"tag":83,"props":759,"children":760},{"style":96},[761],{"type":47,"value":732},{"type":41,"tag":83,"props":763,"children":764},{"class":85,"line":251},[765,770,774,778,782,787,791],{"type":41,"tag":83,"props":766,"children":767},{"style":204},[768],{"type":47,"value":769}," schema",{"type":41,"tag":83,"props":771,"children":772},{"style":96},[773],{"type":47,"value":212},{"type":41,"tag":83,"props":775,"children":776},{"style":102},[777],{"type":47,"value":641},{"type":41,"tag":83,"props":779,"children":780},{"style":96},[781],{"type":47,"value":185},{"type":41,"tag":83,"props":783,"children":784},{"style":188},[785],{"type":47,"value":786},"object",{"type":41,"tag":83,"props":788,"children":789},{"style":102},[790],{"type":47,"value":196},{"type":41,"tag":83,"props":792,"children":793},{"style":96},[794],{"type":47,"value":702},{"type":41,"tag":83,"props":796,"children":797},{"class":85,"line":303},[798,803,807,811,815,820,825],{"type":41,"tag":83,"props":799,"children":800},{"style":204},[801],{"type":47,"value":802}," $double",{"type":41,"tag":83,"props":804,"children":805},{"style":96},[806],{"type":47,"value":212},{"type":41,"tag":83,"props":808,"children":809},{"style":102},[810],{"type":47,"value":641},{"type":41,"tag":83,"props":812,"children":813},{"style":96},[814],{"type":47,"value":185},{"type":41,"tag":83,"props":816,"children":817},{"style":188},[818],{"type":47,"value":819},"unknown",{"type":41,"tag":83,"props":821,"children":822},{"style":102},[823],{"type":47,"value":824},"()",{"type":41,"tag":83,"props":826,"children":827},{"style":96},[828],{"type":47,"value":732},{"type":41,"tag":83,"props":830,"children":831},{"class":85,"line":311},[832,837,841],{"type":41,"tag":83,"props":833,"children":834},{"style":96},[835],{"type":47,"value":836}," }",{"type":41,"tag":83,"props":838,"children":839},{"style":102},[840],{"type":47,"value":227},{"type":41,"tag":83,"props":842,"children":843},{"style":96},[844],{"type":47,"value":732},{"type":41,"tag":83,"props":846,"children":847},{"class":85,"line":357},[848,853,857,863,867,872,876],{"type":41,"tag":83,"props":849,"children":850},{"style":204},[851],{"type":47,"value":852}," resolve",{"type":41,"tag":83,"props":854,"children":855},{"style":96},[856],{"type":47,"value":196},{"type":41,"tag":83,"props":858,"children":860},{"style":859},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic",[861],{"type":47,"value":862},"value",{"type":41,"tag":83,"props":864,"children":865},{"style":96},[866],{"type":47,"value":270},{"type":41,"tag":83,"props":868,"children":869},{"style":859},[870],{"type":47,"value":871}," ctx",{"type":41,"tag":83,"props":873,"children":874},{"style":96},[875],{"type":47,"value":227},{"type":41,"tag":83,"props":877,"children":878},{"style":96},[879],{"type":47,"value":880}," {\n",{"type":41,"tag":83,"props":882,"children":883},{"class":85,"line":406},[884,889,894,899,903,907,911,915,919,923,927,931],{"type":41,"tag":83,"props":885,"children":886},{"style":162},[887],{"type":47,"value":888}," const",{"type":41,"tag":83,"props":890,"children":891},{"style":102},[892],{"type":47,"value":893}," resolved",{"type":41,"tag":83,"props":895,"children":896},{"style":96},[897],{"type":47,"value":898}," =",{"type":41,"tag":83,"props":900,"children":901},{"style":188},[902],{"type":47,"value":601},{"type":41,"tag":83,"props":904,"children":905},{"style":204},[906],{"type":47,"value":196},{"type":41,"tag":83,"props":908,"children":909},{"style":102},[910],{"type":47,"value":862},{"type":41,"tag":83,"props":912,"children":913},{"style":96},[914],{"type":47,"value":185},{"type":41,"tag":83,"props":916,"children":917},{"style":102},[918],{"type":47,"value":723},{"type":41,"tag":83,"props":920,"children":921},{"style":96},[922],{"type":47,"value":270},{"type":41,"tag":83,"props":924,"children":925},{"style":102},[926],{"type":47,"value":871},{"type":41,"tag":83,"props":928,"children":929},{"style":204},[930],{"type":47,"value":227},{"type":41,"tag":83,"props":932,"children":933},{"style":96},[934],{"type":47,"value":135},{"type":41,"tag":83,"props":936,"children":938},{"class":85,"line":937},12,[939,944,949,954,959,965,970,975,981],{"type":41,"tag":83,"props":940,"children":941},{"style":90},[942],{"type":47,"value":943}," return",{"type":41,"tag":83,"props":945,"children":946},{"style":204},[947],{"type":47,"value":948}," (",{"type":41,"tag":83,"props":950,"children":951},{"style":102},[952],{"type":47,"value":953},"resolved",{"type":41,"tag":83,"props":955,"children":956},{"style":90},[957],{"type":47,"value":958}," as",{"type":41,"tag":83,"props":960,"children":962},{"style":961},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[963],{"type":47,"value":964}," number",{"type":41,"tag":83,"props":966,"children":967},{"style":204},[968],{"type":47,"value":969},") ",{"type":41,"tag":83,"props":971,"children":972},{"style":96},[973],{"type":47,"value":974},"*",{"type":41,"tag":83,"props":976,"children":978},{"style":977},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[979],{"type":47,"value":980}," 2",{"type":41,"tag":83,"props":982,"children":983},{"style":96},[984],{"type":47,"value":135},{"type":41,"tag":83,"props":986,"children":988},{"class":85,"line":987},13,[989],{"type":41,"tag":83,"props":990,"children":991},{"style":96},[992],{"type":47,"value":993}," },\n",{"type":41,"tag":83,"props":995,"children":997},{"class":85,"line":996},14,[998,1002,1006],{"type":41,"tag":83,"props":999,"children":1000},{"style":96},[1001],{"type":47,"value":222},{"type":41,"tag":83,"props":1003,"children":1004},{"style":102},[1005],{"type":47,"value":227},{"type":41,"tag":83,"props":1007,"children":1008},{"style":96},[1009],{"type":47,"value":135},{"type":41,"tag":50,"props":1011,"children":1012},{},[1013],{"type":47,"value":1014},"Rules:",{"type":41,"tag":1016,"props":1017,"children":1018},"ul",{},[1019,1031,1093],{"type":41,"tag":1020,"props":1021,"children":1022},"li",{},[1023,1025],{"type":47,"value":1024},"Name must start with ",{"type":41,"tag":56,"props":1026,"children":1028},{"className":1027},[],[1029],{"type":47,"value":1030},"$",{"type":41,"tag":1020,"props":1032,"children":1033},{},[1034,1036,1042,1044,1050,1051,1057,1058,1064,1065,1071,1072,1078,1079,1085,1086,1092],{"type":47,"value":1035},"Name must not conflict with built-in keys (",{"type":41,"tag":56,"props":1037,"children":1039},{"className":1038},[],[1040],{"type":47,"value":1041},"$state",{"type":47,"value":1043},", ",{"type":41,"tag":56,"props":1045,"children":1047},{"className":1046},[],[1048],{"type":47,"value":1049},"$cond",{"type":47,"value":1043},{"type":41,"tag":56,"props":1052,"children":1054},{"className":1053},[],[1055],{"type":47,"value":1056},"$computed",{"type":47,"value":1043},{"type":41,"tag":56,"props":1059,"children":1061},{"className":1060},[],[1062],{"type":47,"value":1063},"$template",{"type":47,"value":1043},{"type":41,"tag":56,"props":1066,"children":1068},{"className":1067},[],[1069],{"type":47,"value":1070},"$item",{"type":47,"value":1043},{"type":41,"tag":56,"props":1073,"children":1075},{"className":1074},[],[1076],{"type":47,"value":1077},"$index",{"type":47,"value":1043},{"type":41,"tag":56,"props":1080,"children":1082},{"className":1081},[],[1083],{"type":47,"value":1084},"$bindState",{"type":47,"value":1043},{"type":41,"tag":56,"props":1087,"children":1089},{"className":1088},[],[1090],{"type":47,"value":1091},"$bindItem",{"type":47,"value":227},{"type":41,"tag":1020,"props":1094,"children":1095},{},[1096,1098,1104],{"type":47,"value":1097},"Resolvers should call ",{"type":41,"tag":56,"props":1099,"children":1101},{"className":1100},[],[1102],{"type":47,"value":1103},"resolvePropValue",{"type":47,"value":1105}," on sub-values to support composition",{"type":41,"tag":65,"props":1107,"children":1109},{"id":1108},"built-in-directives",[1110],{"type":47,"value":1111},"Built-in Directives",{"type":41,"tag":1113,"props":1114,"children":1116},"h3",{"id":1115},"format-locale-aware-value-formatting",[1117,1123],{"type":41,"tag":56,"props":1118,"children":1120},{"className":1119},[],[1121],{"type":47,"value":1122},"$format",{"type":47,"value":1124}," — Locale-aware value formatting",{"type":41,"tag":50,"props":1126,"children":1127},{},[1128,1130,1136,1138,1144,1145,1151,1152,1158,1160,1166],{"type":47,"value":1129},"Formats values using ",{"type":41,"tag":56,"props":1131,"children":1133},{"className":1132},[],[1134],{"type":47,"value":1135},"Intl",{"type":47,"value":1137}," formatters. Supports ",{"type":41,"tag":56,"props":1139,"children":1141},{"className":1140},[],[1142],{"type":47,"value":1143},"date",{"type":47,"value":1043},{"type":41,"tag":56,"props":1146,"children":1148},{"className":1147},[],[1149],{"type":47,"value":1150},"currency",{"type":47,"value":1043},{"type":41,"tag":56,"props":1153,"children":1155},{"className":1154},[],[1156],{"type":47,"value":1157},"number",{"type":47,"value":1159},", and ",{"type":41,"tag":56,"props":1161,"children":1163},{"className":1162},[],[1164],{"type":47,"value":1165},"percent",{"type":47,"value":185},{"type":41,"tag":72,"props":1168,"children":1171},{"className":1169,"code":1170,"language":18,"meta":77,"style":77},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{ \"$format\": \"currency\", \"value\": { \"$state\": \"\u002Fcart\u002Ftotal\" }, \"currency\": \"USD\" }\n{ \"$format\": \"date\", \"value\": { \"$state\": \"\u002Fuser\u002FcreatedAt\" } }\n{ \"$format\": \"number\", \"value\": 1234567, \"notation\": \"compact\" }\n{ \"$format\": \"percent\", \"value\": 0.75 }\n{ \"$format\": \"date\", \"value\": { \"$state\": \"\u002Fpost\u002FcreatedAt\" }, \"style\": \"relative\" }\n",[1172],{"type":41,"tag":56,"props":1173,"children":1174},{"__ignoreMap":77},[1175,1304,1400,1498,1562],{"type":41,"tag":83,"props":1176,"children":1177},{"class":85,"line":86},[1178,1182,1187,1191,1196,1200,1204,1208,1212,1216,1220,1224,1228,1232,1236,1240,1244,1248,1252,1256,1261,1265,1270,1274,1278,1282,1286,1290,1295,1299],{"type":41,"tag":83,"props":1179,"children":1180},{"style":96},[1181],{"type":47,"value":201},{"type":41,"tag":83,"props":1183,"children":1184},{"style":96},[1185],{"type":47,"value":1186}," \"",{"type":41,"tag":83,"props":1188,"children":1189},{"style":162},[1190],{"type":47,"value":1122},{"type":41,"tag":83,"props":1192,"children":1193},{"style":96},[1194],{"type":47,"value":1195},"\"",{"type":41,"tag":83,"props":1197,"children":1198},{"style":96},[1199],{"type":47,"value":212},{"type":41,"tag":83,"props":1201,"children":1202},{"style":96},[1203],{"type":47,"value":1186},{"type":41,"tag":83,"props":1205,"children":1206},{"style":123},[1207],{"type":47,"value":1150},{"type":41,"tag":83,"props":1209,"children":1210},{"style":96},[1211],{"type":47,"value":1195},{"type":41,"tag":83,"props":1213,"children":1214},{"style":96},[1215],{"type":47,"value":270},{"type":41,"tag":83,"props":1217,"children":1218},{"style":96},[1219],{"type":47,"value":1186},{"type":41,"tag":83,"props":1221,"children":1222},{"style":162},[1223],{"type":47,"value":862},{"type":41,"tag":83,"props":1225,"children":1226},{"style":96},[1227],{"type":47,"value":1195},{"type":41,"tag":83,"props":1229,"children":1230},{"style":96},[1231],{"type":47,"value":212},{"type":41,"tag":83,"props":1233,"children":1234},{"style":96},[1235],{"type":47,"value":99},{"type":41,"tag":83,"props":1237,"children":1238},{"style":96},[1239],{"type":47,"value":1186},{"type":41,"tag":83,"props":1241,"children":1242},{"style":961},[1243],{"type":47,"value":1041},{"type":41,"tag":83,"props":1245,"children":1246},{"style":96},[1247],{"type":47,"value":1195},{"type":41,"tag":83,"props":1249,"children":1250},{"style":96},[1251],{"type":47,"value":212},{"type":41,"tag":83,"props":1253,"children":1254},{"style":96},[1255],{"type":47,"value":1186},{"type":41,"tag":83,"props":1257,"children":1258},{"style":123},[1259],{"type":47,"value":1260},"\u002Fcart\u002Ftotal",{"type":41,"tag":83,"props":1262,"children":1263},{"style":96},[1264],{"type":47,"value":1195},{"type":41,"tag":83,"props":1266,"children":1267},{"style":96},[1268],{"type":47,"value":1269}," },",{"type":41,"tag":83,"props":1271,"children":1272},{"style":96},[1273],{"type":47,"value":1186},{"type":41,"tag":83,"props":1275,"children":1276},{"style":162},[1277],{"type":47,"value":1150},{"type":41,"tag":83,"props":1279,"children":1280},{"style":96},[1281],{"type":47,"value":1195},{"type":41,"tag":83,"props":1283,"children":1284},{"style":96},[1285],{"type":47,"value":212},{"type":41,"tag":83,"props":1287,"children":1288},{"style":96},[1289],{"type":47,"value":1186},{"type":41,"tag":83,"props":1291,"children":1292},{"style":123},[1293],{"type":47,"value":1294},"USD",{"type":41,"tag":83,"props":1296,"children":1297},{"style":96},[1298],{"type":47,"value":1195},{"type":41,"tag":83,"props":1300,"children":1301},{"style":96},[1302],{"type":47,"value":1303}," }\n",{"type":41,"tag":83,"props":1305,"children":1306},{"class":85,"line":138},[1307,1311,1315,1319,1323,1327,1331,1335,1339,1343,1347,1351,1355,1359,1363,1367,1371,1375,1379,1383,1388,1392,1396],{"type":41,"tag":83,"props":1308,"children":1309},{"style":96},[1310],{"type":47,"value":201},{"type":41,"tag":83,"props":1312,"children":1313},{"style":96},[1314],{"type":47,"value":1186},{"type":41,"tag":83,"props":1316,"children":1317},{"style":162},[1318],{"type":47,"value":1122},{"type":41,"tag":83,"props":1320,"children":1321},{"style":96},[1322],{"type":47,"value":1195},{"type":41,"tag":83,"props":1324,"children":1325},{"style":96},[1326],{"type":47,"value":212},{"type":41,"tag":83,"props":1328,"children":1329},{"style":96},[1330],{"type":47,"value":1186},{"type":41,"tag":83,"props":1332,"children":1333},{"style":123},[1334],{"type":47,"value":1143},{"type":41,"tag":83,"props":1336,"children":1337},{"style":96},[1338],{"type":47,"value":1195},{"type":41,"tag":83,"props":1340,"children":1341},{"style":96},[1342],{"type":47,"value":270},{"type":41,"tag":83,"props":1344,"children":1345},{"style":96},[1346],{"type":47,"value":1186},{"type":41,"tag":83,"props":1348,"children":1349},{"style":162},[1350],{"type":47,"value":862},{"type":41,"tag":83,"props":1352,"children":1353},{"style":96},[1354],{"type":47,"value":1195},{"type":41,"tag":83,"props":1356,"children":1357},{"style":96},[1358],{"type":47,"value":212},{"type":41,"tag":83,"props":1360,"children":1361},{"style":96},[1362],{"type":47,"value":99},{"type":41,"tag":83,"props":1364,"children":1365},{"style":96},[1366],{"type":47,"value":1186},{"type":41,"tag":83,"props":1368,"children":1369},{"style":961},[1370],{"type":47,"value":1041},{"type":41,"tag":83,"props":1372,"children":1373},{"style":96},[1374],{"type":47,"value":1195},{"type":41,"tag":83,"props":1376,"children":1377},{"style":96},[1378],{"type":47,"value":212},{"type":41,"tag":83,"props":1380,"children":1381},{"style":96},[1382],{"type":47,"value":1186},{"type":41,"tag":83,"props":1384,"children":1385},{"style":123},[1386],{"type":47,"value":1387},"\u002Fuser\u002FcreatedAt",{"type":41,"tag":83,"props":1389,"children":1390},{"style":96},[1391],{"type":47,"value":1195},{"type":41,"tag":83,"props":1393,"children":1394},{"style":96},[1395],{"type":47,"value":110},{"type":41,"tag":83,"props":1397,"children":1398},{"style":96},[1399],{"type":47,"value":1303},{"type":41,"tag":83,"props":1401,"children":1402},{"class":85,"line":148},[1403,1407,1411,1415,1419,1423,1427,1431,1435,1439,1443,1447,1451,1455,1460,1464,1468,1473,1477,1481,1485,1490,1494],{"type":41,"tag":83,"props":1404,"children":1405},{"style":96},[1406],{"type":47,"value":201},{"type":41,"tag":83,"props":1408,"children":1409},{"style":96},[1410],{"type":47,"value":1186},{"type":41,"tag":83,"props":1412,"children":1413},{"style":162},[1414],{"type":47,"value":1122},{"type":41,"tag":83,"props":1416,"children":1417},{"style":96},[1418],{"type":47,"value":1195},{"type":41,"tag":83,"props":1420,"children":1421},{"style":96},[1422],{"type":47,"value":212},{"type":41,"tag":83,"props":1424,"children":1425},{"style":96},[1426],{"type":47,"value":1186},{"type":41,"tag":83,"props":1428,"children":1429},{"style":123},[1430],{"type":47,"value":1157},{"type":41,"tag":83,"props":1432,"children":1433},{"style":96},[1434],{"type":47,"value":1195},{"type":41,"tag":83,"props":1436,"children":1437},{"style":96},[1438],{"type":47,"value":270},{"type":41,"tag":83,"props":1440,"children":1441},{"style":96},[1442],{"type":47,"value":1186},{"type":41,"tag":83,"props":1444,"children":1445},{"style":162},[1446],{"type":47,"value":862},{"type":41,"tag":83,"props":1448,"children":1449},{"style":96},[1450],{"type":47,"value":1195},{"type":41,"tag":83,"props":1452,"children":1453},{"style":96},[1454],{"type":47,"value":212},{"type":41,"tag":83,"props":1456,"children":1457},{"style":977},[1458],{"type":47,"value":1459}," 1234567",{"type":41,"tag":83,"props":1461,"children":1462},{"style":96},[1463],{"type":47,"value":270},{"type":41,"tag":83,"props":1465,"children":1466},{"style":96},[1467],{"type":47,"value":1186},{"type":41,"tag":83,"props":1469,"children":1470},{"style":162},[1471],{"type":47,"value":1472},"notation",{"type":41,"tag":83,"props":1474,"children":1475},{"style":96},[1476],{"type":47,"value":1195},{"type":41,"tag":83,"props":1478,"children":1479},{"style":96},[1480],{"type":47,"value":212},{"type":41,"tag":83,"props":1482,"children":1483},{"style":96},[1484],{"type":47,"value":1186},{"type":41,"tag":83,"props":1486,"children":1487},{"style":123},[1488],{"type":47,"value":1489},"compact",{"type":41,"tag":83,"props":1491,"children":1492},{"style":96},[1493],{"type":47,"value":1195},{"type":41,"tag":83,"props":1495,"children":1496},{"style":96},[1497],{"type":47,"value":1303},{"type":41,"tag":83,"props":1499,"children":1500},{"class":85,"line":158},[1501,1505,1509,1513,1517,1521,1525,1529,1533,1537,1541,1545,1549,1553,1558],{"type":41,"tag":83,"props":1502,"children":1503},{"style":96},[1504],{"type":47,"value":201},{"type":41,"tag":83,"props":1506,"children":1507},{"style":96},[1508],{"type":47,"value":1186},{"type":41,"tag":83,"props":1510,"children":1511},{"style":162},[1512],{"type":47,"value":1122},{"type":41,"tag":83,"props":1514,"children":1515},{"style":96},[1516],{"type":47,"value":1195},{"type":41,"tag":83,"props":1518,"children":1519},{"style":96},[1520],{"type":47,"value":212},{"type":41,"tag":83,"props":1522,"children":1523},{"style":96},[1524],{"type":47,"value":1186},{"type":41,"tag":83,"props":1526,"children":1527},{"style":123},[1528],{"type":47,"value":1165},{"type":41,"tag":83,"props":1530,"children":1531},{"style":96},[1532],{"type":47,"value":1195},{"type":41,"tag":83,"props":1534,"children":1535},{"style":96},[1536],{"type":47,"value":270},{"type":41,"tag":83,"props":1538,"children":1539},{"style":96},[1540],{"type":47,"value":1186},{"type":41,"tag":83,"props":1542,"children":1543},{"style":162},[1544],{"type":47,"value":862},{"type":41,"tag":83,"props":1546,"children":1547},{"style":96},[1548],{"type":47,"value":1195},{"type":41,"tag":83,"props":1550,"children":1551},{"style":96},[1552],{"type":47,"value":212},{"type":41,"tag":83,"props":1554,"children":1555},{"style":977},[1556],{"type":47,"value":1557}," 0.75",{"type":41,"tag":83,"props":1559,"children":1560},{"style":96},[1561],{"type":47,"value":1303},{"type":41,"tag":83,"props":1563,"children":1564},{"class":85,"line":234},[1565,1569,1573,1577,1581,1585,1589,1593,1597,1601,1605,1609,1613,1617,1621,1625,1629,1633,1637,1641,1646,1650,1654,1658,1663,1667,1671,1675,1680,1684],{"type":41,"tag":83,"props":1566,"children":1567},{"style":96},[1568],{"type":47,"value":201},{"type":41,"tag":83,"props":1570,"children":1571},{"style":96},[1572],{"type":47,"value":1186},{"type":41,"tag":83,"props":1574,"children":1575},{"style":162},[1576],{"type":47,"value":1122},{"type":41,"tag":83,"props":1578,"children":1579},{"style":96},[1580],{"type":47,"value":1195},{"type":41,"tag":83,"props":1582,"children":1583},{"style":96},[1584],{"type":47,"value":212},{"type":41,"tag":83,"props":1586,"children":1587},{"style":96},[1588],{"type":47,"value":1186},{"type":41,"tag":83,"props":1590,"children":1591},{"style":123},[1592],{"type":47,"value":1143},{"type":41,"tag":83,"props":1594,"children":1595},{"style":96},[1596],{"type":47,"value":1195},{"type":41,"tag":83,"props":1598,"children":1599},{"style":96},[1600],{"type":47,"value":270},{"type":41,"tag":83,"props":1602,"children":1603},{"style":96},[1604],{"type":47,"value":1186},{"type":41,"tag":83,"props":1606,"children":1607},{"style":162},[1608],{"type":47,"value":862},{"type":41,"tag":83,"props":1610,"children":1611},{"style":96},[1612],{"type":47,"value":1195},{"type":41,"tag":83,"props":1614,"children":1615},{"style":96},[1616],{"type":47,"value":212},{"type":41,"tag":83,"props":1618,"children":1619},{"style":96},[1620],{"type":47,"value":99},{"type":41,"tag":83,"props":1622,"children":1623},{"style":96},[1624],{"type":47,"value":1186},{"type":41,"tag":83,"props":1626,"children":1627},{"style":961},[1628],{"type":47,"value":1041},{"type":41,"tag":83,"props":1630,"children":1631},{"style":96},[1632],{"type":47,"value":1195},{"type":41,"tag":83,"props":1634,"children":1635},{"style":96},[1636],{"type":47,"value":212},{"type":41,"tag":83,"props":1638,"children":1639},{"style":96},[1640],{"type":47,"value":1186},{"type":41,"tag":83,"props":1642,"children":1643},{"style":123},[1644],{"type":47,"value":1645},"\u002Fpost\u002FcreatedAt",{"type":41,"tag":83,"props":1647,"children":1648},{"style":96},[1649],{"type":47,"value":1195},{"type":41,"tag":83,"props":1651,"children":1652},{"style":96},[1653],{"type":47,"value":1269},{"type":41,"tag":83,"props":1655,"children":1656},{"style":96},[1657],{"type":47,"value":1186},{"type":41,"tag":83,"props":1659,"children":1660},{"style":162},[1661],{"type":47,"value":1662},"style",{"type":41,"tag":83,"props":1664,"children":1665},{"style":96},[1666],{"type":47,"value":1195},{"type":41,"tag":83,"props":1668,"children":1669},{"style":96},[1670],{"type":47,"value":212},{"type":41,"tag":83,"props":1672,"children":1673},{"style":96},[1674],{"type":47,"value":1186},{"type":41,"tag":83,"props":1676,"children":1677},{"style":123},[1678],{"type":47,"value":1679},"relative",{"type":41,"tag":83,"props":1681,"children":1682},{"style":96},[1683],{"type":47,"value":1195},{"type":41,"tag":83,"props":1685,"children":1686},{"style":96},[1687],{"type":47,"value":1303},{"type":41,"tag":50,"props":1689,"children":1690},{},[1691,1693,1698,1700,1705,1707,1713,1715,1721,1723,1729,1730,1736,1738,1744],{"type":47,"value":1692},"Fields: ",{"type":41,"tag":56,"props":1694,"children":1696},{"className":1695},[],[1697],{"type":47,"value":1122},{"type":47,"value":1699}," (date | currency | number | percent), ",{"type":41,"tag":56,"props":1701,"children":1703},{"className":1702},[],[1704],{"type":47,"value":862},{"type":47,"value":1706}," (any expression), ",{"type":41,"tag":56,"props":1708,"children":1710},{"className":1709},[],[1711],{"type":47,"value":1712},"locale?",{"type":47,"value":1714}," (string), ",{"type":41,"tag":56,"props":1716,"children":1718},{"className":1717},[],[1719],{"type":47,"value":1720},"currency?",{"type":47,"value":1722}," (string, default \"USD\"), ",{"type":41,"tag":56,"props":1724,"children":1726},{"className":1725},[],[1727],{"type":47,"value":1728},"notation?",{"type":47,"value":1714},{"type":41,"tag":56,"props":1731,"children":1733},{"className":1732},[],[1734],{"type":47,"value":1735},"style?",{"type":47,"value":1737}," (\"relative\" for relative dates), ",{"type":41,"tag":56,"props":1739,"children":1741},{"className":1740},[],[1742],{"type":47,"value":1743},"options?",{"type":47,"value":1745}," (extra Intl options).",{"type":41,"tag":1113,"props":1747,"children":1749},{"id":1748},"math-arithmetic-operations",[1750,1756],{"type":41,"tag":56,"props":1751,"children":1753},{"className":1752},[],[1754],{"type":47,"value":1755},"$math",{"type":47,"value":1757}," — Arithmetic operations",{"type":41,"tag":72,"props":1759,"children":1761},{"className":1169,"code":1760,"language":18,"meta":77,"style":77},"{ \"$math\": \"add\", \"a\": { \"$state\": \"\u002Fsubtotal\" }, \"b\": { \"$state\": \"\u002Ftax\" } }\n{ \"$math\": \"round\", \"a\": 3.7 }\n",[1762],{"type":41,"tag":56,"props":1763,"children":1764},{"__ignoreMap":77},[1765,1917],{"type":41,"tag":83,"props":1766,"children":1767},{"class":85,"line":86},[1768,1772,1776,1780,1784,1788,1792,1797,1801,1805,1809,1814,1818,1822,1826,1830,1834,1838,1842,1846,1851,1855,1859,1863,1868,1872,1876,1880,1884,1888,1892,1896,1900,1905,1909,1913],{"type":41,"tag":83,"props":1769,"children":1770},{"style":96},[1771],{"type":47,"value":201},{"type":41,"tag":83,"props":1773,"children":1774},{"style":96},[1775],{"type":47,"value":1186},{"type":41,"tag":83,"props":1777,"children":1778},{"style":162},[1779],{"type":47,"value":1755},{"type":41,"tag":83,"props":1781,"children":1782},{"style":96},[1783],{"type":47,"value":1195},{"type":41,"tag":83,"props":1785,"children":1786},{"style":96},[1787],{"type":47,"value":212},{"type":41,"tag":83,"props":1789,"children":1790},{"style":96},[1791],{"type":47,"value":1186},{"type":41,"tag":83,"props":1793,"children":1794},{"style":123},[1795],{"type":47,"value":1796},"add",{"type":41,"tag":83,"props":1798,"children":1799},{"style":96},[1800],{"type":47,"value":1195},{"type":41,"tag":83,"props":1802,"children":1803},{"style":96},[1804],{"type":47,"value":270},{"type":41,"tag":83,"props":1806,"children":1807},{"style":96},[1808],{"type":47,"value":1186},{"type":41,"tag":83,"props":1810,"children":1811},{"style":162},[1812],{"type":47,"value":1813},"a",{"type":41,"tag":83,"props":1815,"children":1816},{"style":96},[1817],{"type":47,"value":1195},{"type":41,"tag":83,"props":1819,"children":1820},{"style":96},[1821],{"type":47,"value":212},{"type":41,"tag":83,"props":1823,"children":1824},{"style":96},[1825],{"type":47,"value":99},{"type":41,"tag":83,"props":1827,"children":1828},{"style":96},[1829],{"type":47,"value":1186},{"type":41,"tag":83,"props":1831,"children":1832},{"style":961},[1833],{"type":47,"value":1041},{"type":41,"tag":83,"props":1835,"children":1836},{"style":96},[1837],{"type":47,"value":1195},{"type":41,"tag":83,"props":1839,"children":1840},{"style":96},[1841],{"type":47,"value":212},{"type":41,"tag":83,"props":1843,"children":1844},{"style":96},[1845],{"type":47,"value":1186},{"type":41,"tag":83,"props":1847,"children":1848},{"style":123},[1849],{"type":47,"value":1850},"\u002Fsubtotal",{"type":41,"tag":83,"props":1852,"children":1853},{"style":96},[1854],{"type":47,"value":1195},{"type":41,"tag":83,"props":1856,"children":1857},{"style":96},[1858],{"type":47,"value":1269},{"type":41,"tag":83,"props":1860,"children":1861},{"style":96},[1862],{"type":47,"value":1186},{"type":41,"tag":83,"props":1864,"children":1865},{"style":162},[1866],{"type":47,"value":1867},"b",{"type":41,"tag":83,"props":1869,"children":1870},{"style":96},[1871],{"type":47,"value":1195},{"type":41,"tag":83,"props":1873,"children":1874},{"style":96},[1875],{"type":47,"value":212},{"type":41,"tag":83,"props":1877,"children":1878},{"style":96},[1879],{"type":47,"value":99},{"type":41,"tag":83,"props":1881,"children":1882},{"style":96},[1883],{"type":47,"value":1186},{"type":41,"tag":83,"props":1885,"children":1886},{"style":961},[1887],{"type":47,"value":1041},{"type":41,"tag":83,"props":1889,"children":1890},{"style":96},[1891],{"type":47,"value":1195},{"type":41,"tag":83,"props":1893,"children":1894},{"style":96},[1895],{"type":47,"value":212},{"type":41,"tag":83,"props":1897,"children":1898},{"style":96},[1899],{"type":47,"value":1186},{"type":41,"tag":83,"props":1901,"children":1902},{"style":123},[1903],{"type":47,"value":1904},"\u002Ftax",{"type":41,"tag":83,"props":1906,"children":1907},{"style":96},[1908],{"type":47,"value":1195},{"type":41,"tag":83,"props":1910,"children":1911},{"style":96},[1912],{"type":47,"value":110},{"type":41,"tag":83,"props":1914,"children":1915},{"style":96},[1916],{"type":47,"value":1303},{"type":41,"tag":83,"props":1918,"children":1919},{"class":85,"line":138},[1920,1924,1928,1932,1936,1940,1944,1949,1953,1957,1961,1965,1969,1973,1978],{"type":41,"tag":83,"props":1921,"children":1922},{"style":96},[1923],{"type":47,"value":201},{"type":41,"tag":83,"props":1925,"children":1926},{"style":96},[1927],{"type":47,"value":1186},{"type":41,"tag":83,"props":1929,"children":1930},{"style":162},[1931],{"type":47,"value":1755},{"type":41,"tag":83,"props":1933,"children":1934},{"style":96},[1935],{"type":47,"value":1195},{"type":41,"tag":83,"props":1937,"children":1938},{"style":96},[1939],{"type":47,"value":212},{"type":41,"tag":83,"props":1941,"children":1942},{"style":96},[1943],{"type":47,"value":1186},{"type":41,"tag":83,"props":1945,"children":1946},{"style":123},[1947],{"type":47,"value":1948},"round",{"type":41,"tag":83,"props":1950,"children":1951},{"style":96},[1952],{"type":47,"value":1195},{"type":41,"tag":83,"props":1954,"children":1955},{"style":96},[1956],{"type":47,"value":270},{"type":41,"tag":83,"props":1958,"children":1959},{"style":96},[1960],{"type":47,"value":1186},{"type":41,"tag":83,"props":1962,"children":1963},{"style":162},[1964],{"type":47,"value":1813},{"type":41,"tag":83,"props":1966,"children":1967},{"style":96},[1968],{"type":47,"value":1195},{"type":41,"tag":83,"props":1970,"children":1971},{"style":96},[1972],{"type":47,"value":212},{"type":41,"tag":83,"props":1974,"children":1975},{"style":977},[1976],{"type":47,"value":1977}," 3.7",{"type":41,"tag":83,"props":1979,"children":1980},{"style":96},[1981],{"type":47,"value":1303},{"type":41,"tag":50,"props":1983,"children":1984},{},[1985,1987,1992,1993,1999,2000,2006,2007,2013,2014,2020,2021,2027,2028,2034,2035,2040,2041,2047,2048,2054,2055,2061,2063,2068,2069,2074,2075,2080,2081,2086,2088,2093,2095,2101],{"type":47,"value":1986},"Operations: ",{"type":41,"tag":56,"props":1988,"children":1990},{"className":1989},[],[1991],{"type":47,"value":1796},{"type":47,"value":1043},{"type":41,"tag":56,"props":1994,"children":1996},{"className":1995},[],[1997],{"type":47,"value":1998},"subtract",{"type":47,"value":1043},{"type":41,"tag":56,"props":2001,"children":2003},{"className":2002},[],[2004],{"type":47,"value":2005},"multiply",{"type":47,"value":1043},{"type":41,"tag":56,"props":2008,"children":2010},{"className":2009},[],[2011],{"type":47,"value":2012},"divide",{"type":47,"value":1043},{"type":41,"tag":56,"props":2015,"children":2017},{"className":2016},[],[2018],{"type":47,"value":2019},"mod",{"type":47,"value":1043},{"type":41,"tag":56,"props":2022,"children":2024},{"className":2023},[],[2025],{"type":47,"value":2026},"min",{"type":47,"value":1043},{"type":41,"tag":56,"props":2029,"children":2031},{"className":2030},[],[2032],{"type":47,"value":2033},"max",{"type":47,"value":1043},{"type":41,"tag":56,"props":2036,"children":2038},{"className":2037},[],[2039],{"type":47,"value":1948},{"type":47,"value":1043},{"type":41,"tag":56,"props":2042,"children":2044},{"className":2043},[],[2045],{"type":47,"value":2046},"floor",{"type":47,"value":1043},{"type":41,"tag":56,"props":2049,"children":2051},{"className":2050},[],[2052],{"type":47,"value":2053},"ceil",{"type":47,"value":1043},{"type":41,"tag":56,"props":2056,"children":2058},{"className":2057},[],[2059],{"type":47,"value":2060},"abs",{"type":47,"value":2062},". Unary ops (",{"type":41,"tag":56,"props":2064,"children":2066},{"className":2065},[],[2067],{"type":47,"value":1948},{"type":47,"value":1043},{"type":41,"tag":56,"props":2070,"children":2072},{"className":2071},[],[2073],{"type":47,"value":2046},{"type":47,"value":1043},{"type":41,"tag":56,"props":2076,"children":2078},{"className":2077},[],[2079],{"type":47,"value":2053},{"type":47,"value":1043},{"type":41,"tag":56,"props":2082,"children":2084},{"className":2083},[],[2085],{"type":47,"value":2060},{"type":47,"value":2087},") only use ",{"type":41,"tag":56,"props":2089,"children":2091},{"className":2090},[],[2092],{"type":47,"value":1813},{"type":47,"value":2094},". Division by zero returns ",{"type":41,"tag":56,"props":2096,"children":2098},{"className":2097},[],[2099],{"type":47,"value":2100},"0",{"type":47,"value":185},{"type":41,"tag":50,"props":2103,"children":2104},{},[2105,2106,2111,2113,2119,2121,2127],{"type":47,"value":1692},{"type":41,"tag":56,"props":2107,"children":2109},{"className":2108},[],[2110],{"type":47,"value":1755},{"type":47,"value":2112}," (operation enum), ",{"type":41,"tag":56,"props":2114,"children":2116},{"className":2115},[],[2117],{"type":47,"value":2118},"a?",{"type":47,"value":2120}," (first operand, default 0), ",{"type":41,"tag":56,"props":2122,"children":2124},{"className":2123},[],[2125],{"type":47,"value":2126},"b?",{"type":47,"value":2128}," (second operand, default 0).",{"type":41,"tag":1113,"props":2130,"children":2132},{"id":2131},"concat-string-concatenation",[2133,2139],{"type":41,"tag":56,"props":2134,"children":2136},{"className":2135},[],[2137],{"type":47,"value":2138},"$concat",{"type":47,"value":2140}," — String concatenation",{"type":41,"tag":72,"props":2142,"children":2144},{"className":1169,"code":2143,"language":18,"meta":77,"style":77},"{ \"$concat\": [{ \"$state\": \"\u002Fuser\u002FfirstName\" }, \" \", { \"$state\": \"\u002Fuser\u002FlastName\" }] }\n",[2145],{"type":41,"tag":56,"props":2146,"children":2147},{"__ignoreMap":77},[2148],{"type":41,"tag":83,"props":2149,"children":2150},{"class":85,"line":86},[2151,2155,2159,2163,2167,2171,2176,2180,2184,2188,2192,2196,2201,2205,2209,2213,2217,2221,2225,2229,2233,2237,2241,2245,2250,2254,2259],{"type":41,"tag":83,"props":2152,"children":2153},{"style":96},[2154],{"type":47,"value":201},{"type":41,"tag":83,"props":2156,"children":2157},{"style":96},[2158],{"type":47,"value":1186},{"type":41,"tag":83,"props":2160,"children":2161},{"style":162},[2162],{"type":47,"value":2138},{"type":41,"tag":83,"props":2164,"children":2165},{"style":96},[2166],{"type":47,"value":1195},{"type":41,"tag":83,"props":2168,"children":2169},{"style":96},[2170],{"type":47,"value":212},{"type":41,"tag":83,"props":2172,"children":2173},{"style":96},[2174],{"type":47,"value":2175}," [{",{"type":41,"tag":83,"props":2177,"children":2178},{"style":96},[2179],{"type":47,"value":1186},{"type":41,"tag":83,"props":2181,"children":2182},{"style":961},[2183],{"type":47,"value":1041},{"type":41,"tag":83,"props":2185,"children":2186},{"style":96},[2187],{"type":47,"value":1195},{"type":41,"tag":83,"props":2189,"children":2190},{"style":96},[2191],{"type":47,"value":212},{"type":41,"tag":83,"props":2193,"children":2194},{"style":96},[2195],{"type":47,"value":1186},{"type":41,"tag":83,"props":2197,"children":2198},{"style":123},[2199],{"type":47,"value":2200},"\u002Fuser\u002FfirstName",{"type":41,"tag":83,"props":2202,"children":2203},{"style":96},[2204],{"type":47,"value":1195},{"type":41,"tag":83,"props":2206,"children":2207},{"style":96},[2208],{"type":47,"value":1269},{"type":41,"tag":83,"props":2210,"children":2211},{"style":96},[2212],{"type":47,"value":1186},{"type":41,"tag":83,"props":2214,"children":2215},{"style":96},[2216],{"type":47,"value":1186},{"type":41,"tag":83,"props":2218,"children":2219},{"style":96},[2220],{"type":47,"value":270},{"type":41,"tag":83,"props":2222,"children":2223},{"style":96},[2224],{"type":47,"value":99},{"type":41,"tag":83,"props":2226,"children":2227},{"style":96},[2228],{"type":47,"value":1186},{"type":41,"tag":83,"props":2230,"children":2231},{"style":961},[2232],{"type":47,"value":1041},{"type":41,"tag":83,"props":2234,"children":2235},{"style":96},[2236],{"type":47,"value":1195},{"type":41,"tag":83,"props":2238,"children":2239},{"style":96},[2240],{"type":47,"value":212},{"type":41,"tag":83,"props":2242,"children":2243},{"style":96},[2244],{"type":47,"value":1186},{"type":41,"tag":83,"props":2246,"children":2247},{"style":123},[2248],{"type":47,"value":2249},"\u002Fuser\u002FlastName",{"type":41,"tag":83,"props":2251,"children":2252},{"style":96},[2253],{"type":47,"value":1195},{"type":41,"tag":83,"props":2255,"children":2256},{"style":96},[2257],{"type":47,"value":2258}," }]",{"type":41,"tag":83,"props":2260,"children":2261},{"style":96},[2262],{"type":47,"value":1303},{"type":41,"tag":50,"props":2264,"children":2265},{},[2266,2267,2272],{"type":47,"value":1692},{"type":41,"tag":56,"props":2268,"children":2270},{"className":2269},[],[2271],{"type":47,"value":2138},{"type":47,"value":2273}," (array of values to resolve and join into a string).",{"type":41,"tag":1113,"props":2275,"children":2277},{"id":2276},"count-arraystring-length",[2278,2284],{"type":41,"tag":56,"props":2279,"children":2281},{"className":2280},[],[2282],{"type":47,"value":2283},"$count",{"type":47,"value":2285}," — Array\u002Fstring length",{"type":41,"tag":72,"props":2287,"children":2289},{"className":1169,"code":2288,"language":18,"meta":77,"style":77},"{ \"$count\": { \"$state\": \"\u002Fcart\u002Fitems\" } }\n",[2290],{"type":41,"tag":56,"props":2291,"children":2292},{"__ignoreMap":77},[2293],{"type":41,"tag":83,"props":2294,"children":2295},{"class":85,"line":86},[2296,2300,2304,2308,2312,2316,2320,2324,2328,2332,2336,2340,2345,2349,2353],{"type":41,"tag":83,"props":2297,"children":2298},{"style":96},[2299],{"type":47,"value":201},{"type":41,"tag":83,"props":2301,"children":2302},{"style":96},[2303],{"type":47,"value":1186},{"type":41,"tag":83,"props":2305,"children":2306},{"style":162},[2307],{"type":47,"value":2283},{"type":41,"tag":83,"props":2309,"children":2310},{"style":96},[2311],{"type":47,"value":1195},{"type":41,"tag":83,"props":2313,"children":2314},{"style":96},[2315],{"type":47,"value":212},{"type":41,"tag":83,"props":2317,"children":2318},{"style":96},[2319],{"type":47,"value":99},{"type":41,"tag":83,"props":2321,"children":2322},{"style":96},[2323],{"type":47,"value":1186},{"type":41,"tag":83,"props":2325,"children":2326},{"style":961},[2327],{"type":47,"value":1041},{"type":41,"tag":83,"props":2329,"children":2330},{"style":96},[2331],{"type":47,"value":1195},{"type":41,"tag":83,"props":2333,"children":2334},{"style":96},[2335],{"type":47,"value":212},{"type":41,"tag":83,"props":2337,"children":2338},{"style":96},[2339],{"type":47,"value":1186},{"type":41,"tag":83,"props":2341,"children":2342},{"style":123},[2343],{"type":47,"value":2344},"\u002Fcart\u002Fitems",{"type":41,"tag":83,"props":2346,"children":2347},{"style":96},[2348],{"type":47,"value":1195},{"type":41,"tag":83,"props":2350,"children":2351},{"style":96},[2352],{"type":47,"value":110},{"type":41,"tag":83,"props":2354,"children":2355},{"style":96},[2356],{"type":47,"value":1303},{"type":41,"tag":50,"props":2358,"children":2359},{},[2360,2362,2368,2370,2375],{"type":47,"value":2361},"Returns ",{"type":41,"tag":56,"props":2363,"children":2365},{"className":2364},[],[2366],{"type":47,"value":2367},".length",{"type":47,"value":2369}," of arrays or strings, ",{"type":41,"tag":56,"props":2371,"children":2373},{"className":2372},[],[2374],{"type":47,"value":2100},{"type":47,"value":2376}," for other types.",{"type":41,"tag":50,"props":2378,"children":2379},{},[2380,2381,2386],{"type":47,"value":1692},{"type":41,"tag":56,"props":2382,"children":2384},{"className":2383},[],[2385],{"type":47,"value":2283},{"type":47,"value":2387}," (value to count).",{"type":41,"tag":1113,"props":2389,"children":2391},{"id":2390},"truncate-text-truncation",[2392,2398],{"type":41,"tag":56,"props":2393,"children":2395},{"className":2394},[],[2396],{"type":47,"value":2397},"$truncate",{"type":47,"value":2399}," — Text truncation",{"type":41,"tag":72,"props":2401,"children":2403},{"className":1169,"code":2402,"language":18,"meta":77,"style":77},"{ \"$truncate\": { \"$state\": \"\u002Fpost\u002Fbody\" }, \"length\": 140, \"suffix\": \"...\" }\n",[2404],{"type":41,"tag":56,"props":2405,"children":2406},{"__ignoreMap":77},[2407],{"type":41,"tag":83,"props":2408,"children":2409},{"class":85,"line":86},[2410,2414,2418,2422,2426,2430,2434,2438,2442,2446,2450,2454,2459,2463,2467,2471,2476,2480,2484,2489,2493,2497,2502,2506,2510,2514,2518,2522],{"type":41,"tag":83,"props":2411,"children":2412},{"style":96},[2413],{"type":47,"value":201},{"type":41,"tag":83,"props":2415,"children":2416},{"style":96},[2417],{"type":47,"value":1186},{"type":41,"tag":83,"props":2419,"children":2420},{"style":162},[2421],{"type":47,"value":2397},{"type":41,"tag":83,"props":2423,"children":2424},{"style":96},[2425],{"type":47,"value":1195},{"type":41,"tag":83,"props":2427,"children":2428},{"style":96},[2429],{"type":47,"value":212},{"type":41,"tag":83,"props":2431,"children":2432},{"style":96},[2433],{"type":47,"value":99},{"type":41,"tag":83,"props":2435,"children":2436},{"style":96},[2437],{"type":47,"value":1186},{"type":41,"tag":83,"props":2439,"children":2440},{"style":961},[2441],{"type":47,"value":1041},{"type":41,"tag":83,"props":2443,"children":2444},{"style":96},[2445],{"type":47,"value":1195},{"type":41,"tag":83,"props":2447,"children":2448},{"style":96},[2449],{"type":47,"value":212},{"type":41,"tag":83,"props":2451,"children":2452},{"style":96},[2453],{"type":47,"value":1186},{"type":41,"tag":83,"props":2455,"children":2456},{"style":123},[2457],{"type":47,"value":2458},"\u002Fpost\u002Fbody",{"type":41,"tag":83,"props":2460,"children":2461},{"style":96},[2462],{"type":47,"value":1195},{"type":41,"tag":83,"props":2464,"children":2465},{"style":96},[2466],{"type":47,"value":1269},{"type":41,"tag":83,"props":2468,"children":2469},{"style":96},[2470],{"type":47,"value":1186},{"type":41,"tag":83,"props":2472,"children":2473},{"style":162},[2474],{"type":47,"value":2475},"length",{"type":41,"tag":83,"props":2477,"children":2478},{"style":96},[2479],{"type":47,"value":1195},{"type":41,"tag":83,"props":2481,"children":2482},{"style":96},[2483],{"type":47,"value":212},{"type":41,"tag":83,"props":2485,"children":2486},{"style":977},[2487],{"type":47,"value":2488}," 140",{"type":41,"tag":83,"props":2490,"children":2491},{"style":96},[2492],{"type":47,"value":270},{"type":41,"tag":83,"props":2494,"children":2495},{"style":96},[2496],{"type":47,"value":1186},{"type":41,"tag":83,"props":2498,"children":2499},{"style":162},[2500],{"type":47,"value":2501},"suffix",{"type":41,"tag":83,"props":2503,"children":2504},{"style":96},[2505],{"type":47,"value":1195},{"type":41,"tag":83,"props":2507,"children":2508},{"style":96},[2509],{"type":47,"value":212},{"type":41,"tag":83,"props":2511,"children":2512},{"style":96},[2513],{"type":47,"value":1186},{"type":41,"tag":83,"props":2515,"children":2516},{"style":123},[2517],{"type":47,"value":523},{"type":41,"tag":83,"props":2519,"children":2520},{"style":96},[2521],{"type":47,"value":1195},{"type":41,"tag":83,"props":2523,"children":2524},{"style":96},[2525],{"type":47,"value":1303},{"type":41,"tag":50,"props":2527,"children":2528},{},[2529,2530,2535,2537,2543,2545,2551],{"type":47,"value":1692},{"type":41,"tag":56,"props":2531,"children":2533},{"className":2532},[],[2534],{"type":47,"value":2397},{"type":47,"value":2536}," (value to truncate), ",{"type":41,"tag":56,"props":2538,"children":2540},{"className":2539},[],[2541],{"type":47,"value":2542},"length?",{"type":47,"value":2544}," (max chars, default 100), ",{"type":41,"tag":56,"props":2546,"children":2548},{"className":2547},[],[2549],{"type":47,"value":2550},"suffix?",{"type":47,"value":2552}," (string, default \"...\").",{"type":41,"tag":1113,"props":2554,"children":2556},{"id":2555},"pluralize-singularplural-forms",[2557,2563],{"type":41,"tag":56,"props":2558,"children":2560},{"className":2559},[],[2561],{"type":47,"value":2562},"$pluralize",{"type":47,"value":2564}," — Singular\u002Fplural forms",{"type":41,"tag":72,"props":2566,"children":2568},{"className":1169,"code":2567,"language":18,"meta":77,"style":77},"{ \"$pluralize\": { \"$state\": \"\u002Fcart\u002FitemCount\" }, \"one\": \"item\", \"other\": \"items\", \"zero\": \"no items\" }\n",[2569],{"type":41,"tag":56,"props":2570,"children":2571},{"__ignoreMap":77},[2572],{"type":41,"tag":83,"props":2573,"children":2574},{"class":85,"line":86},[2575,2579,2583,2587,2591,2595,2599,2603,2607,2611,2615,2619,2624,2628,2632,2636,2641,2645,2649,2653,2658,2662,2666,2670,2675,2679,2683,2687,2692,2696,2700,2704,2709,2713,2717,2721,2726,2730],{"type":41,"tag":83,"props":2576,"children":2577},{"style":96},[2578],{"type":47,"value":201},{"type":41,"tag":83,"props":2580,"children":2581},{"style":96},[2582],{"type":47,"value":1186},{"type":41,"tag":83,"props":2584,"children":2585},{"style":162},[2586],{"type":47,"value":2562},{"type":41,"tag":83,"props":2588,"children":2589},{"style":96},[2590],{"type":47,"value":1195},{"type":41,"tag":83,"props":2592,"children":2593},{"style":96},[2594],{"type":47,"value":212},{"type":41,"tag":83,"props":2596,"children":2597},{"style":96},[2598],{"type":47,"value":99},{"type":41,"tag":83,"props":2600,"children":2601},{"style":96},[2602],{"type":47,"value":1186},{"type":41,"tag":83,"props":2604,"children":2605},{"style":961},[2606],{"type":47,"value":1041},{"type":41,"tag":83,"props":2608,"children":2609},{"style":96},[2610],{"type":47,"value":1195},{"type":41,"tag":83,"props":2612,"children":2613},{"style":96},[2614],{"type":47,"value":212},{"type":41,"tag":83,"props":2616,"children":2617},{"style":96},[2618],{"type":47,"value":1186},{"type":41,"tag":83,"props":2620,"children":2621},{"style":123},[2622],{"type":47,"value":2623},"\u002Fcart\u002FitemCount",{"type":41,"tag":83,"props":2625,"children":2626},{"style":96},[2627],{"type":47,"value":1195},{"type":41,"tag":83,"props":2629,"children":2630},{"style":96},[2631],{"type":47,"value":1269},{"type":41,"tag":83,"props":2633,"children":2634},{"style":96},[2635],{"type":47,"value":1186},{"type":41,"tag":83,"props":2637,"children":2638},{"style":162},[2639],{"type":47,"value":2640},"one",{"type":41,"tag":83,"props":2642,"children":2643},{"style":96},[2644],{"type":47,"value":1195},{"type":41,"tag":83,"props":2646,"children":2647},{"style":96},[2648],{"type":47,"value":212},{"type":41,"tag":83,"props":2650,"children":2651},{"style":96},[2652],{"type":47,"value":1186},{"type":41,"tag":83,"props":2654,"children":2655},{"style":123},[2656],{"type":47,"value":2657},"item",{"type":41,"tag":83,"props":2659,"children":2660},{"style":96},[2661],{"type":47,"value":1195},{"type":41,"tag":83,"props":2663,"children":2664},{"style":96},[2665],{"type":47,"value":270},{"type":41,"tag":83,"props":2667,"children":2668},{"style":96},[2669],{"type":47,"value":1186},{"type":41,"tag":83,"props":2671,"children":2672},{"style":162},[2673],{"type":47,"value":2674},"other",{"type":41,"tag":83,"props":2676,"children":2677},{"style":96},[2678],{"type":47,"value":1195},{"type":41,"tag":83,"props":2680,"children":2681},{"style":96},[2682],{"type":47,"value":212},{"type":41,"tag":83,"props":2684,"children":2685},{"style":96},[2686],{"type":47,"value":1186},{"type":41,"tag":83,"props":2688,"children":2689},{"style":123},[2690],{"type":47,"value":2691},"items",{"type":41,"tag":83,"props":2693,"children":2694},{"style":96},[2695],{"type":47,"value":1195},{"type":41,"tag":83,"props":2697,"children":2698},{"style":96},[2699],{"type":47,"value":270},{"type":41,"tag":83,"props":2701,"children":2702},{"style":96},[2703],{"type":47,"value":1186},{"type":41,"tag":83,"props":2705,"children":2706},{"style":162},[2707],{"type":47,"value":2708},"zero",{"type":41,"tag":83,"props":2710,"children":2711},{"style":96},[2712],{"type":47,"value":1195},{"type":41,"tag":83,"props":2714,"children":2715},{"style":96},[2716],{"type":47,"value":212},{"type":41,"tag":83,"props":2718,"children":2719},{"style":96},[2720],{"type":47,"value":1186},{"type":41,"tag":83,"props":2722,"children":2723},{"style":123},[2724],{"type":47,"value":2725},"no items",{"type":41,"tag":83,"props":2727,"children":2728},{"style":96},[2729],{"type":47,"value":1195},{"type":41,"tag":83,"props":2731,"children":2732},{"style":96},[2733],{"type":47,"value":1303},{"type":41,"tag":50,"props":2735,"children":2736},{},[2737,2739,2745,2746,2752,2754,2760],{"type":47,"value":2738},"Output: ",{"type":41,"tag":56,"props":2740,"children":2742},{"className":2741},[],[2743],{"type":47,"value":2744},"\"3 items\"",{"type":47,"value":1043},{"type":41,"tag":56,"props":2747,"children":2749},{"className":2748},[],[2750],{"type":47,"value":2751},"\"1 item\"",{"type":47,"value":2753},", or ",{"type":41,"tag":56,"props":2755,"children":2757},{"className":2756},[],[2758],{"type":47,"value":2759},"\"no items\"",{"type":47,"value":185},{"type":41,"tag":50,"props":2762,"children":2763},{},[2764,2765,2770,2772,2777,2779,2784,2786,2792],{"type":47,"value":1692},{"type":41,"tag":56,"props":2766,"children":2768},{"className":2767},[],[2769],{"type":47,"value":2562},{"type":47,"value":2771}," (count value), ",{"type":41,"tag":56,"props":2773,"children":2775},{"className":2774},[],[2776],{"type":47,"value":2640},{"type":47,"value":2778}," (singular label), ",{"type":41,"tag":56,"props":2780,"children":2782},{"className":2781},[],[2783],{"type":47,"value":2674},{"type":47,"value":2785}," (plural label), ",{"type":41,"tag":56,"props":2787,"children":2789},{"className":2788},[],[2790],{"type":47,"value":2791},"zero?",{"type":47,"value":2793}," (zero label).",{"type":41,"tag":1113,"props":2795,"children":2797},{"id":2796},"join-join-array-elements",[2798,2804],{"type":41,"tag":56,"props":2799,"children":2801},{"className":2800},[],[2802],{"type":47,"value":2803},"$join",{"type":47,"value":2805}," — Join array elements",{"type":41,"tag":72,"props":2807,"children":2809},{"className":1169,"code":2808,"language":18,"meta":77,"style":77},"{ \"$join\": { \"$state\": \"\u002Ftags\" }, \"separator\": \", \" }\n",[2810],{"type":41,"tag":56,"props":2811,"children":2812},{"__ignoreMap":77},[2813],{"type":41,"tag":83,"props":2814,"children":2815},{"class":85,"line":86},[2816,2820,2824,2828,2832,2836,2840,2844,2848,2852,2856,2860,2865,2869,2873,2877,2882,2886,2890,2894,2898,2902],{"type":41,"tag":83,"props":2817,"children":2818},{"style":96},[2819],{"type":47,"value":201},{"type":41,"tag":83,"props":2821,"children":2822},{"style":96},[2823],{"type":47,"value":1186},{"type":41,"tag":83,"props":2825,"children":2826},{"style":162},[2827],{"type":47,"value":2803},{"type":41,"tag":83,"props":2829,"children":2830},{"style":96},[2831],{"type":47,"value":1195},{"type":41,"tag":83,"props":2833,"children":2834},{"style":96},[2835],{"type":47,"value":212},{"type":41,"tag":83,"props":2837,"children":2838},{"style":96},[2839],{"type":47,"value":99},{"type":41,"tag":83,"props":2841,"children":2842},{"style":96},[2843],{"type":47,"value":1186},{"type":41,"tag":83,"props":2845,"children":2846},{"style":961},[2847],{"type":47,"value":1041},{"type":41,"tag":83,"props":2849,"children":2850},{"style":96},[2851],{"type":47,"value":1195},{"type":41,"tag":83,"props":2853,"children":2854},{"style":96},[2855],{"type":47,"value":212},{"type":41,"tag":83,"props":2857,"children":2858},{"style":96},[2859],{"type":47,"value":1186},{"type":41,"tag":83,"props":2861,"children":2862},{"style":123},[2863],{"type":47,"value":2864},"\u002Ftags",{"type":41,"tag":83,"props":2866,"children":2867},{"style":96},[2868],{"type":47,"value":1195},{"type":41,"tag":83,"props":2870,"children":2871},{"style":96},[2872],{"type":47,"value":1269},{"type":41,"tag":83,"props":2874,"children":2875},{"style":96},[2876],{"type":47,"value":1186},{"type":41,"tag":83,"props":2878,"children":2879},{"style":162},[2880],{"type":47,"value":2881},"separator",{"type":41,"tag":83,"props":2883,"children":2884},{"style":96},[2885],{"type":47,"value":1195},{"type":41,"tag":83,"props":2887,"children":2888},{"style":96},[2889],{"type":47,"value":212},{"type":41,"tag":83,"props":2891,"children":2892},{"style":96},[2893],{"type":47,"value":1186},{"type":41,"tag":83,"props":2895,"children":2896},{"style":123},[2897],{"type":47,"value":1043},{"type":41,"tag":83,"props":2899,"children":2900},{"style":96},[2901],{"type":47,"value":1195},{"type":41,"tag":83,"props":2903,"children":2904},{"style":96},[2905],{"type":47,"value":1303},{"type":41,"tag":50,"props":2907,"children":2908},{},[2909,2910,2915,2917,2923],{"type":47,"value":1692},{"type":41,"tag":56,"props":2911,"children":2913},{"className":2912},[],[2914],{"type":47,"value":2803},{"type":47,"value":2916}," (array to join), ",{"type":41,"tag":56,"props":2918,"children":2920},{"className":2919},[],[2921],{"type":47,"value":2922},"separator?",{"type":47,"value":2924}," (string, default \", \").",{"type":41,"tag":1113,"props":2926,"children":2928},{"id":2927},"createi18ndirective-internationalization-factory",[2929,2934],{"type":41,"tag":56,"props":2930,"children":2932},{"className":2931},[],[2933],{"type":47,"value":433},{"type":47,"value":2935}," — Internationalization factory",{"type":41,"tag":72,"props":2937,"children":2939},{"className":74,"code":2938,"language":76,"meta":77,"style":77},"import { createI18nDirective } from '@json-render\u002Fdirectives';\n\nconst tDirective = createI18nDirective({\n locale: 'en',\n messages: {\n en: { \"greeting\": \"Hello, {{name}}!\", \"checkout.submit\": \"Place Order\" },\n es: { \"greeting\": \"Hola, {{name}}!\", \"checkout.submit\": \"Realizar Pedido\" },\n },\n fallbackLocale: 'en',\n});\n",[2940],{"type":41,"tag":56,"props":2941,"children":2942},{"__ignoreMap":77},[2943,2982,2989,3017,3046,3062,3147,3229,3236,3264],{"type":41,"tag":83,"props":2944,"children":2945},{"class":85,"line":86},[2946,2950,2954,2958,2962,2966,2970,2974,2978],{"type":41,"tag":83,"props":2947,"children":2948},{"style":90},[2949],{"type":47,"value":93},{"type":41,"tag":83,"props":2951,"children":2952},{"style":96},[2953],{"type":47,"value":99},{"type":41,"tag":83,"props":2955,"children":2956},{"style":102},[2957],{"type":47,"value":466},{"type":41,"tag":83,"props":2959,"children":2960},{"style":96},[2961],{"type":47,"value":110},{"type":41,"tag":83,"props":2963,"children":2964},{"style":90},[2965],{"type":47,"value":115},{"type":41,"tag":83,"props":2967,"children":2968},{"style":96},[2969],{"type":47,"value":120},{"type":41,"tag":83,"props":2971,"children":2972},{"style":123},[2973],{"type":47,"value":48},{"type":41,"tag":83,"props":2975,"children":2976},{"style":96},[2977],{"type":47,"value":130},{"type":41,"tag":83,"props":2979,"children":2980},{"style":96},[2981],{"type":47,"value":135},{"type":41,"tag":83,"props":2983,"children":2984},{"class":85,"line":138},[2985],{"type":41,"tag":83,"props":2986,"children":2987},{"emptyLinePlaceholder":142},[2988],{"type":47,"value":145},{"type":41,"tag":83,"props":2990,"children":2991},{"class":85,"line":148},[2992,2996,3001,3005,3009,3013],{"type":41,"tag":83,"props":2993,"children":2994},{"style":162},[2995],{"type":47,"value":165},{"type":41,"tag":83,"props":2997,"children":2998},{"style":102},[2999],{"type":47,"value":3000}," tDirective ",{"type":41,"tag":83,"props":3002,"children":3003},{"style":96},[3004],{"type":47,"value":175},{"type":41,"tag":83,"props":3006,"children":3007},{"style":188},[3008],{"type":47,"value":466},{"type":41,"tag":83,"props":3010,"children":3011},{"style":102},[3012],{"type":47,"value":196},{"type":41,"tag":83,"props":3014,"children":3015},{"style":96},[3016],{"type":47,"value":702},{"type":41,"tag":83,"props":3018,"children":3019},{"class":85,"line":158},[3020,3025,3029,3033,3038,3042],{"type":41,"tag":83,"props":3021,"children":3022},{"style":204},[3023],{"type":47,"value":3024}," locale",{"type":41,"tag":83,"props":3026,"children":3027},{"style":96},[3028],{"type":47,"value":212},{"type":41,"tag":83,"props":3030,"children":3031},{"style":96},[3032],{"type":47,"value":120},{"type":41,"tag":83,"props":3034,"children":3035},{"style":123},[3036],{"type":47,"value":3037},"en",{"type":41,"tag":83,"props":3039,"children":3040},{"style":96},[3041],{"type":47,"value":130},{"type":41,"tag":83,"props":3043,"children":3044},{"style":96},[3045],{"type":47,"value":732},{"type":41,"tag":83,"props":3047,"children":3048},{"class":85,"line":234},[3049,3054,3058],{"type":41,"tag":83,"props":3050,"children":3051},{"style":204},[3052],{"type":47,"value":3053}," messages",{"type":41,"tag":83,"props":3055,"children":3056},{"style":96},[3057],{"type":47,"value":212},{"type":41,"tag":83,"props":3059,"children":3060},{"style":96},[3061],{"type":47,"value":880},{"type":41,"tag":83,"props":3063,"children":3064},{"class":85,"line":242},[3065,3070,3074,3078,3082,3087,3091,3095,3099,3104,3108,3112,3116,3121,3125,3129,3133,3138,3142],{"type":41,"tag":83,"props":3066,"children":3067},{"style":204},[3068],{"type":47,"value":3069}," en",{"type":41,"tag":83,"props":3071,"children":3072},{"style":96},[3073],{"type":47,"value":212},{"type":41,"tag":83,"props":3075,"children":3076},{"style":96},[3077],{"type":47,"value":99},{"type":41,"tag":83,"props":3079,"children":3080},{"style":96},[3081],{"type":47,"value":1186},{"type":41,"tag":83,"props":3083,"children":3084},{"style":204},[3085],{"type":47,"value":3086},"greeting",{"type":41,"tag":83,"props":3088,"children":3089},{"style":96},[3090],{"type":47,"value":1195},{"type":41,"tag":83,"props":3092,"children":3093},{"style":96},[3094],{"type":47,"value":212},{"type":41,"tag":83,"props":3096,"children":3097},{"style":96},[3098],{"type":47,"value":1186},{"type":41,"tag":83,"props":3100,"children":3101},{"style":123},[3102],{"type":47,"value":3103},"Hello, {{name}}!",{"type":41,"tag":83,"props":3105,"children":3106},{"style":96},[3107],{"type":47,"value":1195},{"type":41,"tag":83,"props":3109,"children":3110},{"style":96},[3111],{"type":47,"value":270},{"type":41,"tag":83,"props":3113,"children":3114},{"style":96},[3115],{"type":47,"value":1186},{"type":41,"tag":83,"props":3117,"children":3118},{"style":204},[3119],{"type":47,"value":3120},"checkout.submit",{"type":41,"tag":83,"props":3122,"children":3123},{"style":96},[3124],{"type":47,"value":1195},{"type":41,"tag":83,"props":3126,"children":3127},{"style":96},[3128],{"type":47,"value":212},{"type":41,"tag":83,"props":3130,"children":3131},{"style":96},[3132],{"type":47,"value":1186},{"type":41,"tag":83,"props":3134,"children":3135},{"style":123},[3136],{"type":47,"value":3137},"Place Order",{"type":41,"tag":83,"props":3139,"children":3140},{"style":96},[3141],{"type":47,"value":1195},{"type":41,"tag":83,"props":3143,"children":3144},{"style":96},[3145],{"type":47,"value":3146}," },\n",{"type":41,"tag":83,"props":3148,"children":3149},{"class":85,"line":251},[3150,3155,3159,3163,3167,3171,3175,3179,3183,3188,3192,3196,3200,3204,3208,3212,3216,3221,3225],{"type":41,"tag":83,"props":3151,"children":3152},{"style":204},[3153],{"type":47,"value":3154}," es",{"type":41,"tag":83,"props":3156,"children":3157},{"style":96},[3158],{"type":47,"value":212},{"type":41,"tag":83,"props":3160,"children":3161},{"style":96},[3162],{"type":47,"value":99},{"type":41,"tag":83,"props":3164,"children":3165},{"style":96},[3166],{"type":47,"value":1186},{"type":41,"tag":83,"props":3168,"children":3169},{"style":204},[3170],{"type":47,"value":3086},{"type":41,"tag":83,"props":3172,"children":3173},{"style":96},[3174],{"type":47,"value":1195},{"type":41,"tag":83,"props":3176,"children":3177},{"style":96},[3178],{"type":47,"value":212},{"type":41,"tag":83,"props":3180,"children":3181},{"style":96},[3182],{"type":47,"value":1186},{"type":41,"tag":83,"props":3184,"children":3185},{"style":123},[3186],{"type":47,"value":3187},"Hola, {{name}}!",{"type":41,"tag":83,"props":3189,"children":3190},{"style":96},[3191],{"type":47,"value":1195},{"type":41,"tag":83,"props":3193,"children":3194},{"style":96},[3195],{"type":47,"value":270},{"type":41,"tag":83,"props":3197,"children":3198},{"style":96},[3199],{"type":47,"value":1186},{"type":41,"tag":83,"props":3201,"children":3202},{"style":204},[3203],{"type":47,"value":3120},{"type":41,"tag":83,"props":3205,"children":3206},{"style":96},[3207],{"type":47,"value":1195},{"type":41,"tag":83,"props":3209,"children":3210},{"style":96},[3211],{"type":47,"value":212},{"type":41,"tag":83,"props":3213,"children":3214},{"style":96},[3215],{"type":47,"value":1186},{"type":41,"tag":83,"props":3217,"children":3218},{"style":123},[3219],{"type":47,"value":3220},"Realizar Pedido",{"type":41,"tag":83,"props":3222,"children":3223},{"style":96},[3224],{"type":47,"value":1195},{"type":41,"tag":83,"props":3226,"children":3227},{"style":96},[3228],{"type":47,"value":3146},{"type":41,"tag":83,"props":3230,"children":3231},{"class":85,"line":303},[3232],{"type":41,"tag":83,"props":3233,"children":3234},{"style":96},[3235],{"type":47,"value":993},{"type":41,"tag":83,"props":3237,"children":3238},{"class":85,"line":311},[3239,3244,3248,3252,3256,3260],{"type":41,"tag":83,"props":3240,"children":3241},{"style":204},[3242],{"type":47,"value":3243}," fallbackLocale",{"type":41,"tag":83,"props":3245,"children":3246},{"style":96},[3247],{"type":47,"value":212},{"type":41,"tag":83,"props":3249,"children":3250},{"style":96},[3251],{"type":47,"value":120},{"type":41,"tag":83,"props":3253,"children":3254},{"style":123},[3255],{"type":47,"value":3037},{"type":41,"tag":83,"props":3257,"children":3258},{"style":96},[3259],{"type":47,"value":130},{"type":41,"tag":83,"props":3261,"children":3262},{"style":96},[3263],{"type":47,"value":732},{"type":41,"tag":83,"props":3265,"children":3266},{"class":85,"line":357},[3267,3271,3275],{"type":41,"tag":83,"props":3268,"children":3269},{"style":96},[3270],{"type":47,"value":222},{"type":41,"tag":83,"props":3272,"children":3273},{"style":102},[3274],{"type":47,"value":227},{"type":41,"tag":83,"props":3276,"children":3277},{"style":96},[3278],{"type":47,"value":135},{"type":41,"tag":50,"props":3280,"children":3281},{},[3282],{"type":47,"value":3283},"Usage in specs:",{"type":41,"tag":72,"props":3285,"children":3287},{"className":1169,"code":3286,"language":18,"meta":77,"style":77},"{ \"$t\": \"checkout.submit\" }\n{ \"$t\": \"greeting\", \"params\": { \"name\": { \"$state\": \"\u002Fuser\u002Fname\" } } }\n",[3288],{"type":41,"tag":56,"props":3289,"children":3290},{"__ignoreMap":77},[3291,3331],{"type":41,"tag":83,"props":3292,"children":3293},{"class":85,"line":86},[3294,3298,3302,3307,3311,3315,3319,3323,3327],{"type":41,"tag":83,"props":3295,"children":3296},{"style":96},[3297],{"type":47,"value":201},{"type":41,"tag":83,"props":3299,"children":3300},{"style":96},[3301],{"type":47,"value":1186},{"type":41,"tag":83,"props":3303,"children":3304},{"style":162},[3305],{"type":47,"value":3306},"$t",{"type":41,"tag":83,"props":3308,"children":3309},{"style":96},[3310],{"type":47,"value":1195},{"type":41,"tag":83,"props":3312,"children":3313},{"style":96},[3314],{"type":47,"value":212},{"type":41,"tag":83,"props":3316,"children":3317},{"style":96},[3318],{"type":47,"value":1186},{"type":41,"tag":83,"props":3320,"children":3321},{"style":123},[3322],{"type":47,"value":3120},{"type":41,"tag":83,"props":3324,"children":3325},{"style":96},[3326],{"type":47,"value":1195},{"type":41,"tag":83,"props":3328,"children":3329},{"style":96},[3330],{"type":47,"value":1303},{"type":41,"tag":83,"props":3332,"children":3333},{"class":85,"line":138},[3334,3338,3342,3346,3350,3354,3358,3362,3366,3370,3374,3379,3383,3387,3391,3395,3400,3404,3408,3412,3416,3420,3424,3428,3432,3437,3441,3445,3449],{"type":41,"tag":83,"props":3335,"children":3336},{"style":96},[3337],{"type":47,"value":201},{"type":41,"tag":83,"props":3339,"children":3340},{"style":96},[3341],{"type":47,"value":1186},{"type":41,"tag":83,"props":3343,"children":3344},{"style":162},[3345],{"type":47,"value":3306},{"type":41,"tag":83,"props":3347,"children":3348},{"style":96},[3349],{"type":47,"value":1195},{"type":41,"tag":83,"props":3351,"children":3352},{"style":96},[3353],{"type":47,"value":212},{"type":41,"tag":83,"props":3355,"children":3356},{"style":96},[3357],{"type":47,"value":1186},{"type":41,"tag":83,"props":3359,"children":3360},{"style":123},[3361],{"type":47,"value":3086},{"type":41,"tag":83,"props":3363,"children":3364},{"style":96},[3365],{"type":47,"value":1195},{"type":41,"tag":83,"props":3367,"children":3368},{"style":96},[3369],{"type":47,"value":270},{"type":41,"tag":83,"props":3371,"children":3372},{"style":96},[3373],{"type":47,"value":1186},{"type":41,"tag":83,"props":3375,"children":3376},{"style":162},[3377],{"type":47,"value":3378},"params",{"type":41,"tag":83,"props":3380,"children":3381},{"style":96},[3382],{"type":47,"value":1195},{"type":41,"tag":83,"props":3384,"children":3385},{"style":96},[3386],{"type":47,"value":212},{"type":41,"tag":83,"props":3388,"children":3389},{"style":96},[3390],{"type":47,"value":99},{"type":41,"tag":83,"props":3392,"children":3393},{"style":96},[3394],{"type":47,"value":1186},{"type":41,"tag":83,"props":3396,"children":3397},{"style":961},[3398],{"type":47,"value":3399},"name",{"type":41,"tag":83,"props":3401,"children":3402},{"style":96},[3403],{"type":47,"value":1195},{"type":41,"tag":83,"props":3405,"children":3406},{"style":96},[3407],{"type":47,"value":212},{"type":41,"tag":83,"props":3409,"children":3410},{"style":96},[3411],{"type":47,"value":99},{"type":41,"tag":83,"props":3413,"children":3414},{"style":96},[3415],{"type":47,"value":1186},{"type":41,"tag":83,"props":3417,"children":3418},{"style":977},[3419],{"type":47,"value":1041},{"type":41,"tag":83,"props":3421,"children":3422},{"style":96},[3423],{"type":47,"value":1195},{"type":41,"tag":83,"props":3425,"children":3426},{"style":96},[3427],{"type":47,"value":212},{"type":41,"tag":83,"props":3429,"children":3430},{"style":96},[3431],{"type":47,"value":1186},{"type":41,"tag":83,"props":3433,"children":3434},{"style":123},[3435],{"type":47,"value":3436},"\u002Fuser\u002Fname",{"type":41,"tag":83,"props":3438,"children":3439},{"style":96},[3440],{"type":47,"value":1195},{"type":41,"tag":83,"props":3442,"children":3443},{"style":96},[3444],{"type":47,"value":110},{"type":41,"tag":83,"props":3446,"children":3447},{"style":96},[3448],{"type":47,"value":110},{"type":41,"tag":83,"props":3450,"children":3451},{"style":96},[3452],{"type":47,"value":1303},{"type":41,"tag":50,"props":3454,"children":3455},{},[3456,3457,3462,3464,3470],{"type":47,"value":1692},{"type":41,"tag":56,"props":3458,"children":3460},{"className":3459},[],[3461],{"type":47,"value":3306},{"type":47,"value":3463}," (translation key), ",{"type":41,"tag":56,"props":3465,"children":3467},{"className":3466},[],[3468],{"type":47,"value":3469},"params?",{"type":47,"value":3471}," (interpolation parameters, values accept expressions).",{"type":41,"tag":50,"props":3473,"children":3474},{},[3475,3477,3483,3485,3491,3493,3499],{"type":47,"value":3476},"Config: ",{"type":41,"tag":56,"props":3478,"children":3480},{"className":3479},[],[3481],{"type":47,"value":3482},"locale",{"type":47,"value":3484}," (current locale), ",{"type":41,"tag":56,"props":3486,"children":3488},{"className":3487},[],[3489],{"type":47,"value":3490},"messages",{"type":47,"value":3492}," (Record\u003Clocale, Record\u003Ckey, string>>), ",{"type":41,"tag":56,"props":3494,"children":3496},{"className":3495},[],[3497],{"type":47,"value":3498},"fallbackLocale?",{"type":47,"value":3500}," (fallback when key missing).",{"type":41,"tag":65,"props":3502,"children":3504},{"id":3503},"composition",[3505],{"type":47,"value":3506},"Composition",{"type":41,"tag":50,"props":3508,"children":3509},{},[3510,3512,3517],{"type":47,"value":3511},"Directives compose naturally — each resolver calls ",{"type":41,"tag":56,"props":3513,"children":3515},{"className":3514},[],[3516],{"type":47,"value":1103},{"type":47,"value":3518}," on its inputs, so directives can wrap other directives or built-in expressions:",{"type":41,"tag":72,"props":3520,"children":3522},{"className":1169,"code":3521,"language":18,"meta":77,"style":77},"{\n \"$format\": \"currency\",\n \"value\": { \"$math\": \"multiply\", \"a\": { \"$state\": \"\u002Fprice\" }, \"b\": { \"$state\": \"\u002Fqty\" } },\n \"currency\": \"USD\"\n}\n",[3523],{"type":41,"tag":56,"props":3524,"children":3525},{"__ignoreMap":77},[3526,3533,3569,3734,3766],{"type":41,"tag":83,"props":3527,"children":3528},{"class":85,"line":86},[3529],{"type":41,"tag":83,"props":3530,"children":3531},{"style":96},[3532],{"type":47,"value":702},{"type":41,"tag":83,"props":3534,"children":3535},{"class":85,"line":138},[3536,3541,3545,3549,3553,3557,3561,3565],{"type":41,"tag":83,"props":3537,"children":3538},{"style":96},[3539],{"type":47,"value":3540}," \"",{"type":41,"tag":83,"props":3542,"children":3543},{"style":162},[3544],{"type":47,"value":1122},{"type":41,"tag":83,"props":3546,"children":3547},{"style":96},[3548],{"type":47,"value":1195},{"type":41,"tag":83,"props":3550,"children":3551},{"style":96},[3552],{"type":47,"value":212},{"type":41,"tag":83,"props":3554,"children":3555},{"style":96},[3556],{"type":47,"value":1186},{"type":41,"tag":83,"props":3558,"children":3559},{"style":123},[3560],{"type":47,"value":1150},{"type":41,"tag":83,"props":3562,"children":3563},{"style":96},[3564],{"type":47,"value":1195},{"type":41,"tag":83,"props":3566,"children":3567},{"style":96},[3568],{"type":47,"value":732},{"type":41,"tag":83,"props":3570,"children":3571},{"class":85,"line":148},[3572,3576,3580,3584,3588,3592,3596,3600,3604,3608,3612,3616,3620,3624,3628,3632,3636,3640,3644,3648,3652,3656,3660,3664,3669,3673,3677,3681,3685,3689,3693,3697,3701,3705,3709,3713,3717,3722,3726,3730],{"type":41,"tag":83,"props":3573,"children":3574},{"style":96},[3575],{"type":47,"value":3540},{"type":41,"tag":83,"props":3577,"children":3578},{"style":162},[3579],{"type":47,"value":862},{"type":41,"tag":83,"props":3581,"children":3582},{"style":96},[3583],{"type":47,"value":1195},{"type":41,"tag":83,"props":3585,"children":3586},{"style":96},[3587],{"type":47,"value":212},{"type":41,"tag":83,"props":3589,"children":3590},{"style":96},[3591],{"type":47,"value":99},{"type":41,"tag":83,"props":3593,"children":3594},{"style":96},[3595],{"type":47,"value":1186},{"type":41,"tag":83,"props":3597,"children":3598},{"style":961},[3599],{"type":47,"value":1755},{"type":41,"tag":83,"props":3601,"children":3602},{"style":96},[3603],{"type":47,"value":1195},{"type":41,"tag":83,"props":3605,"children":3606},{"style":96},[3607],{"type":47,"value":212},{"type":41,"tag":83,"props":3609,"children":3610},{"style":96},[3611],{"type":47,"value":1186},{"type":41,"tag":83,"props":3613,"children":3614},{"style":123},[3615],{"type":47,"value":2005},{"type":41,"tag":83,"props":3617,"children":3618},{"style":96},[3619],{"type":47,"value":1195},{"type":41,"tag":83,"props":3621,"children":3622},{"style":96},[3623],{"type":47,"value":270},{"type":41,"tag":83,"props":3625,"children":3626},{"style":96},[3627],{"type":47,"value":1186},{"type":41,"tag":83,"props":3629,"children":3630},{"style":961},[3631],{"type":47,"value":1813},{"type":41,"tag":83,"props":3633,"children":3634},{"style":96},[3635],{"type":47,"value":1195},{"type":41,"tag":83,"props":3637,"children":3638},{"style":96},[3639],{"type":47,"value":212},{"type":41,"tag":83,"props":3641,"children":3642},{"style":96},[3643],{"type":47,"value":99},{"type":41,"tag":83,"props":3645,"children":3646},{"style":96},[3647],{"type":47,"value":1186},{"type":41,"tag":83,"props":3649,"children":3650},{"style":977},[3651],{"type":47,"value":1041},{"type":41,"tag":83,"props":3653,"children":3654},{"style":96},[3655],{"type":47,"value":1195},{"type":41,"tag":83,"props":3657,"children":3658},{"style":96},[3659],{"type":47,"value":212},{"type":41,"tag":83,"props":3661,"children":3662},{"style":96},[3663],{"type":47,"value":1186},{"type":41,"tag":83,"props":3665,"children":3666},{"style":123},[3667],{"type":47,"value":3668},"\u002Fprice",{"type":41,"tag":83,"props":3670,"children":3671},{"style":96},[3672],{"type":47,"value":1195},{"type":41,"tag":83,"props":3674,"children":3675},{"style":96},[3676],{"type":47,"value":1269},{"type":41,"tag":83,"props":3678,"children":3679},{"style":96},[3680],{"type":47,"value":1186},{"type":41,"tag":83,"props":3682,"children":3683},{"style":961},[3684],{"type":47,"value":1867},{"type":41,"tag":83,"props":3686,"children":3687},{"style":96},[3688],{"type":47,"value":1195},{"type":41,"tag":83,"props":3690,"children":3691},{"style":96},[3692],{"type":47,"value":212},{"type":41,"tag":83,"props":3694,"children":3695},{"style":96},[3696],{"type":47,"value":99},{"type":41,"tag":83,"props":3698,"children":3699},{"style":96},[3700],{"type":47,"value":1186},{"type":41,"tag":83,"props":3702,"children":3703},{"style":977},[3704],{"type":47,"value":1041},{"type":41,"tag":83,"props":3706,"children":3707},{"style":96},[3708],{"type":47,"value":1195},{"type":41,"tag":83,"props":3710,"children":3711},{"style":96},[3712],{"type":47,"value":212},{"type":41,"tag":83,"props":3714,"children":3715},{"style":96},[3716],{"type":47,"value":1186},{"type":41,"tag":83,"props":3718,"children":3719},{"style":123},[3720],{"type":47,"value":3721},"\u002Fqty",{"type":41,"tag":83,"props":3723,"children":3724},{"style":96},[3725],{"type":47,"value":1195},{"type":41,"tag":83,"props":3727,"children":3728},{"style":96},[3729],{"type":47,"value":110},{"type":41,"tag":83,"props":3731,"children":3732},{"style":96},[3733],{"type":47,"value":3146},{"type":41,"tag":83,"props":3735,"children":3736},{"class":85,"line":158},[3737,3741,3745,3749,3753,3757,3761],{"type":41,"tag":83,"props":3738,"children":3739},{"style":96},[3740],{"type":47,"value":3540},{"type":41,"tag":83,"props":3742,"children":3743},{"style":162},[3744],{"type":47,"value":1150},{"type":41,"tag":83,"props":3746,"children":3747},{"style":96},[3748],{"type":47,"value":1195},{"type":41,"tag":83,"props":3750,"children":3751},{"style":96},[3752],{"type":47,"value":212},{"type":41,"tag":83,"props":3754,"children":3755},{"style":96},[3756],{"type":47,"value":1186},{"type":41,"tag":83,"props":3758,"children":3759},{"style":123},[3760],{"type":47,"value":1294},{"type":41,"tag":83,"props":3762,"children":3763},{"style":96},[3764],{"type":47,"value":3765},"\"\n",{"type":41,"tag":83,"props":3767,"children":3768},{"class":85,"line":234},[3769],{"type":41,"tag":83,"props":3770,"children":3771},{"style":96},[3772],{"type":47,"value":3773},"}\n",{"type":41,"tag":50,"props":3775,"children":3776},{},[3777,3779,3784,3786,3791,3793,3798],{"type":47,"value":3778},"Resolves inside-out: ",{"type":41,"tag":56,"props":3780,"children":3782},{"className":3781},[],[3783],{"type":47,"value":1041},{"type":47,"value":3785}," reads from state, ",{"type":41,"tag":56,"props":3787,"children":3789},{"className":3788},[],[3790],{"type":47,"value":1755},{"type":47,"value":3792}," multiplies, ",{"type":41,"tag":56,"props":3794,"children":3796},{"className":3795},[],[3797],{"type":47,"value":1122},{"type":47,"value":3799}," formats as currency.",{"type":41,"tag":65,"props":3801,"children":3803},{"id":3802},"wiring-into-renderers",[3804],{"type":47,"value":3805},"Wiring into Renderers",{"type":41,"tag":50,"props":3807,"children":3808},{},[3809,3811,3816,3818,3824],{"type":47,"value":3810},"All four renderers (React, Vue, Svelte, Solid) accept ",{"type":41,"tag":56,"props":3812,"children":3814},{"className":3813},[],[3815],{"type":47,"value":4},{"type":47,"value":3817}," on their provider and ",{"type":41,"tag":56,"props":3819,"children":3821},{"className":3820},[],[3822],{"type":47,"value":3823},"createRenderer",{"type":47,"value":3825}," output:",{"type":41,"tag":72,"props":3827,"children":3831},{"className":3828,"code":3829,"language":3830,"meta":77,"style":77},"language-tsx shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u002F\u002F Provider pattern\n\u003CJSONUIProvider registry={registry} directives={directives}>\n \u003CRenderer spec={spec} registry={registry} \u002F>\n\u003C\u002FJSONUIProvider>\n\n\u002F\u002F createRenderer pattern\nconst MyRenderer = createRenderer(catalog, components);\n\u003CMyRenderer spec={spec} directives={directives} \u002F>\n","tsx",[3832],{"type":41,"tag":56,"props":3833,"children":3834},{"__ignoreMap":77},[3835,3843,3887,3933,3948,3955,3963,4002],{"type":41,"tag":83,"props":3836,"children":3837},{"class":85,"line":86},[3838],{"type":41,"tag":83,"props":3839,"children":3840},{"style":152},[3841],{"type":47,"value":3842},"\u002F\u002F Provider pattern\n",{"type":41,"tag":83,"props":3844,"children":3845},{"class":85,"line":138},[3846,3850,3854,3858,3862,3866,3871,3875,3879,3883],{"type":41,"tag":83,"props":3847,"children":3848},{"style":96},[3849],{"type":47,"value":317},{"type":41,"tag":83,"props":3851,"children":3852},{"style":961},[3853],{"type":47,"value":417},{"type":41,"tag":83,"props":3855,"children":3856},{"style":162},[3857],{"type":47,"value":386},{"type":41,"tag":83,"props":3859,"children":3860},{"style":96},[3861],{"type":47,"value":327},{"type":41,"tag":83,"props":3863,"children":3864},{"style":102},[3865],{"type":47,"value":332},{"type":41,"tag":83,"props":3867,"children":3868},{"style":96},[3869],{"type":47,"value":3870},"} ",{"type":41,"tag":83,"props":3872,"children":3873},{"style":162},[3874],{"type":47,"value":4},{"type":41,"tag":83,"props":3876,"children":3877},{"style":96},[3878],{"type":47,"value":327},{"type":41,"tag":83,"props":3880,"children":3881},{"style":102},[3882],{"type":47,"value":4},{"type":41,"tag":83,"props":3884,"children":3885},{"style":96},[3886],{"type":47,"value":354},{"type":41,"tag":83,"props":3888,"children":3889},{"class":85,"line":148},[3890,3894,3899,3904,3908,3912,3916,3920,3924,3928],{"type":41,"tag":83,"props":3891,"children":3892},{"style":96},[3893],{"type":47,"value":363},{"type":41,"tag":83,"props":3895,"children":3896},{"style":961},[3897],{"type":47,"value":3898},"Renderer",{"type":41,"tag":83,"props":3900,"children":3901},{"style":162},[3902],{"type":47,"value":3903}," spec",{"type":41,"tag":83,"props":3905,"children":3906},{"style":96},[3907],{"type":47,"value":327},{"type":41,"tag":83,"props":3909,"children":3910},{"style":102},[3911],{"type":47,"value":377},{"type":41,"tag":83,"props":3913,"children":3914},{"style":96},[3915],{"type":47,"value":3870},{"type":41,"tag":83,"props":3917,"children":3918},{"style":162},[3919],{"type":47,"value":332},{"type":41,"tag":83,"props":3921,"children":3922},{"style":96},[3923],{"type":47,"value":327},{"type":41,"tag":83,"props":3925,"children":3926},{"style":102},[3927],{"type":47,"value":332},{"type":41,"tag":83,"props":3929,"children":3930},{"style":96},[3931],{"type":47,"value":3932},"} \u002F>\n",{"type":41,"tag":83,"props":3934,"children":3935},{"class":85,"line":158},[3936,3940,3944],{"type":41,"tag":83,"props":3937,"children":3938},{"style":96},[3939],{"type":47,"value":412},{"type":41,"tag":83,"props":3941,"children":3942},{"style":961},[3943],{"type":47,"value":417},{"type":41,"tag":83,"props":3945,"children":3946},{"style":96},[3947],{"type":47,"value":422},{"type":41,"tag":83,"props":3949,"children":3950},{"class":85,"line":234},[3951],{"type":41,"tag":83,"props":3952,"children":3953},{"emptyLinePlaceholder":142},[3954],{"type":47,"value":145},{"type":41,"tag":83,"props":3956,"children":3957},{"class":85,"line":242},[3958],{"type":41,"tag":83,"props":3959,"children":3960},{"style":152},[3961],{"type":47,"value":3962},"\u002F\u002F createRenderer pattern\n",{"type":41,"tag":83,"props":3964,"children":3965},{"class":85,"line":251},[3966,3970,3975,3979,3984,3989,3993,3998],{"type":41,"tag":83,"props":3967,"children":3968},{"style":162},[3969],{"type":47,"value":165},{"type":41,"tag":83,"props":3971,"children":3972},{"style":102},[3973],{"type":47,"value":3974}," MyRenderer ",{"type":41,"tag":83,"props":3976,"children":3977},{"style":96},[3978],{"type":47,"value":175},{"type":41,"tag":83,"props":3980,"children":3981},{"style":188},[3982],{"type":47,"value":3983}," createRenderer",{"type":41,"tag":83,"props":3985,"children":3986},{"style":102},[3987],{"type":47,"value":3988},"(catalog",{"type":41,"tag":83,"props":3990,"children":3991},{"style":96},[3992],{"type":47,"value":270},{"type":41,"tag":83,"props":3994,"children":3995},{"style":102},[3996],{"type":47,"value":3997}," components)",{"type":41,"tag":83,"props":3999,"children":4000},{"style":96},[4001],{"type":47,"value":135},{"type":41,"tag":83,"props":4003,"children":4004},{"class":85,"line":303},[4005,4009,4014,4018,4022,4026,4030,4034,4038,4042],{"type":41,"tag":83,"props":4006,"children":4007},{"style":96},[4008],{"type":47,"value":317},{"type":41,"tag":83,"props":4010,"children":4011},{"style":961},[4012],{"type":47,"value":4013},"MyRenderer",{"type":41,"tag":83,"props":4015,"children":4016},{"style":162},[4017],{"type":47,"value":3903},{"type":41,"tag":83,"props":4019,"children":4020},{"style":96},[4021],{"type":47,"value":327},{"type":41,"tag":83,"props":4023,"children":4024},{"style":102},[4025],{"type":47,"value":377},{"type":41,"tag":83,"props":4027,"children":4028},{"style":96},[4029],{"type":47,"value":3870},{"type":41,"tag":83,"props":4031,"children":4032},{"style":162},[4033],{"type":47,"value":4},{"type":41,"tag":83,"props":4035,"children":4036},{"style":96},[4037],{"type":47,"value":327},{"type":41,"tag":83,"props":4039,"children":4040},{"style":102},[4041],{"type":47,"value":4},{"type":41,"tag":83,"props":4043,"children":4044},{"style":96},[4045],{"type":47,"value":3932},{"type":41,"tag":50,"props":4047,"children":4048},{},[4049],{"type":47,"value":4050},"For prompt generation, pass the same array:",{"type":41,"tag":72,"props":4052,"children":4054},{"className":74,"code":4053,"language":76,"meta":77,"style":77},"const prompt = catalog.prompt({ directives });\n",[4055],{"type":41,"tag":56,"props":4056,"children":4057},{"__ignoreMap":77},[4058],{"type":41,"tag":83,"props":4059,"children":4060},{"class":85,"line":86},[4061,4065,4069,4073,4077,4081,4085,4089,4093,4097,4101,4105],{"type":41,"tag":83,"props":4062,"children":4063},{"style":162},[4064],{"type":47,"value":165},{"type":41,"tag":83,"props":4066,"children":4067},{"style":102},[4068],{"type":47,"value":170},{"type":41,"tag":83,"props":4070,"children":4071},{"style":96},[4072],{"type":47,"value":175},{"type":41,"tag":83,"props":4074,"children":4075},{"style":102},[4076],{"type":47,"value":180},{"type":41,"tag":83,"props":4078,"children":4079},{"style":96},[4080],{"type":47,"value":185},{"type":41,"tag":83,"props":4082,"children":4083},{"style":188},[4084],{"type":47,"value":191},{"type":41,"tag":83,"props":4086,"children":4087},{"style":102},[4088],{"type":47,"value":196},{"type":41,"tag":83,"props":4090,"children":4091},{"style":96},[4092],{"type":47,"value":201},{"type":41,"tag":83,"props":4094,"children":4095},{"style":102},[4096],{"type":47,"value":509},{"type":41,"tag":83,"props":4098,"children":4099},{"style":96},[4100],{"type":47,"value":222},{"type":41,"tag":83,"props":4102,"children":4103},{"style":102},[4104],{"type":47,"value":227},{"type":41,"tag":83,"props":4106,"children":4107},{"style":96},[4108],{"type":47,"value":135},{"type":41,"tag":65,"props":4110,"children":4112},{"id":4111},"key-exports",[4113],{"type":47,"value":4114},"Key Exports",{"type":41,"tag":4116,"props":4117,"children":4118},"table",{},[4119,4138],{"type":41,"tag":4120,"props":4121,"children":4122},"thead",{},[4123],{"type":41,"tag":4124,"props":4125,"children":4126},"tr",{},[4127,4133],{"type":41,"tag":4128,"props":4129,"children":4130},"th",{},[4131],{"type":47,"value":4132},"Export",{"type":41,"tag":4128,"props":4134,"children":4135},{},[4136],{"type":47,"value":4137},"Purpose",{"type":41,"tag":4139,"props":4140,"children":4141},"tbody",{},[4142,4165,4186,4207,4228,4249,4270,4291,4314,4330],{"type":41,"tag":4124,"props":4143,"children":4144},{},[4145,4155],{"type":41,"tag":4146,"props":4147,"children":4148},"td",{},[4149],{"type":41,"tag":56,"props":4150,"children":4152},{"className":4151},[],[4153],{"type":47,"value":4154},"formatDirective",{"type":41,"tag":4146,"props":4156,"children":4157},{},[4158,4163],{"type":41,"tag":56,"props":4159,"children":4161},{"className":4160},[],[4162],{"type":47,"value":1122},{"type":47,"value":4164}," directive definition",{"type":41,"tag":4124,"props":4166,"children":4167},{},[4168,4177],{"type":41,"tag":4146,"props":4169,"children":4170},{},[4171],{"type":41,"tag":56,"props":4172,"children":4174},{"className":4173},[],[4175],{"type":47,"value":4176},"mathDirective",{"type":41,"tag":4146,"props":4178,"children":4179},{},[4180,4185],{"type":41,"tag":56,"props":4181,"children":4183},{"className":4182},[],[4184],{"type":47,"value":1755},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4187,"children":4188},{},[4189,4198],{"type":41,"tag":4146,"props":4190,"children":4191},{},[4192],{"type":41,"tag":56,"props":4193,"children":4195},{"className":4194},[],[4196],{"type":47,"value":4197},"concatDirective",{"type":41,"tag":4146,"props":4199,"children":4200},{},[4201,4206],{"type":41,"tag":56,"props":4202,"children":4204},{"className":4203},[],[4205],{"type":47,"value":2138},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4208,"children":4209},{},[4210,4219],{"type":41,"tag":4146,"props":4211,"children":4212},{},[4213],{"type":41,"tag":56,"props":4214,"children":4216},{"className":4215},[],[4217],{"type":47,"value":4218},"countDirective",{"type":41,"tag":4146,"props":4220,"children":4221},{},[4222,4227],{"type":41,"tag":56,"props":4223,"children":4225},{"className":4224},[],[4226],{"type":47,"value":2283},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4229,"children":4230},{},[4231,4240],{"type":41,"tag":4146,"props":4232,"children":4233},{},[4234],{"type":41,"tag":56,"props":4235,"children":4237},{"className":4236},[],[4238],{"type":47,"value":4239},"truncateDirective",{"type":41,"tag":4146,"props":4241,"children":4242},{},[4243,4248],{"type":41,"tag":56,"props":4244,"children":4246},{"className":4245},[],[4247],{"type":47,"value":2397},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4250,"children":4251},{},[4252,4261],{"type":41,"tag":4146,"props":4253,"children":4254},{},[4255],{"type":41,"tag":56,"props":4256,"children":4258},{"className":4257},[],[4259],{"type":47,"value":4260},"pluralizeDirective",{"type":41,"tag":4146,"props":4262,"children":4263},{},[4264,4269],{"type":41,"tag":56,"props":4265,"children":4267},{"className":4266},[],[4268],{"type":47,"value":2562},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4271,"children":4272},{},[4273,4282],{"type":41,"tag":4146,"props":4274,"children":4275},{},[4276],{"type":41,"tag":56,"props":4277,"children":4279},{"className":4278},[],[4280],{"type":47,"value":4281},"joinDirective",{"type":41,"tag":4146,"props":4283,"children":4284},{},[4285,4290],{"type":41,"tag":56,"props":4286,"children":4288},{"className":4287},[],[4289],{"type":47,"value":2803},{"type":47,"value":4164},{"type":41,"tag":4124,"props":4292,"children":4293},{},[4294,4302],{"type":41,"tag":4146,"props":4295,"children":4296},{},[4297],{"type":41,"tag":56,"props":4298,"children":4300},{"className":4299},[],[4301],{"type":47,"value":433},{"type":41,"tag":4146,"props":4303,"children":4304},{},[4305,4307,4312],{"type":47,"value":4306},"Factory for ",{"type":41,"tag":56,"props":4308,"children":4310},{"className":4309},[],[4311],{"type":47,"value":3306},{"type":47,"value":4313}," i18n directive",{"type":41,"tag":4124,"props":4315,"children":4316},{},[4317,4325],{"type":41,"tag":4146,"props":4318,"children":4319},{},[4320],{"type":41,"tag":56,"props":4321,"children":4323},{"className":4322},[],[4324],{"type":47,"value":349},{"type":41,"tag":4146,"props":4326,"children":4327},{},[4328],{"type":47,"value":4329},"Array of all 7 non-factory directives",{"type":41,"tag":4124,"props":4331,"children":4332},{},[4333,4342],{"type":41,"tag":4146,"props":4334,"children":4335},{},[4336],{"type":41,"tag":56,"props":4337,"children":4339},{"className":4338},[],[4340],{"type":47,"value":4341},"I18nConfig",{"type":41,"tag":4146,"props":4343,"children":4344},{},[4345],{"type":47,"value":4346},"Type for i18n configuration",{"type":41,"tag":1662,"props":4348,"children":4349},{},[4350],{"type":47,"value":4351},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":4353,"total":4521},[4354,4370,4382,4394,4409,4426,4438,4451,4464,4477,4489,4506],{"slug":4355,"name":4355,"fn":4356,"description":4357,"org":4358,"tags":4359,"stars":4367,"repoUrl":4368,"updatedAt":4369},"agent-browser","automate browser interactions for AI agents","Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages, filling forms, clicking buttons, taking screenshots, extracting data, testing web apps, or automating any browser task. Triggers include requests to \"open a website\", \"fill out a form\", \"click a button\", \"take a screenshot\", \"scrape data from a page\", \"test this web app\", \"login to a site\", \"automate browser actions\", or any task requiring programmatic web interaction. Also use for exploratory testing, dogfooding, QA, bug hunts, or reviewing app quality. Also use for automating Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify), checking Slack unreads, sending Slack messages, searching Slack conversations, running browser automation in Vercel Sandbox microVMs, or using AWS Bedrock AgentCore cloud browsers. Prefer agent-browser over any built-in browser automation or web tools.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4360,4363,4364],{"name":4361,"slug":4362,"type":15},"Agents","agents",{"name":13,"slug":14,"type":15},{"name":4365,"slug":4366,"type":15},"Browser Automation","browser-automation",38346,"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-browser","2026-07-20T05:55:17.314329",{"slug":4371,"name":4371,"fn":4372,"description":4373,"org":4374,"tags":4375,"stars":4367,"repoUrl":4368,"updatedAt":4381},"agentcore","run browser automation on AWS Bedrock","Run agent-browser on AWS Bedrock AgentCore cloud browsers. Use when the user wants to use AgentCore, run browser automation on AWS, use a cloud browser with AWS credentials, or needs a managed browser session backed by AWS infrastructure. Triggers include \"use agentcore\", \"run on AWS\", \"cloud browser with AWS\", \"bedrock browser\", \"agentcore session\", or any task requiring AWS-hosted browser automation.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4376,4377,4380],{"name":13,"slug":14,"type":15},{"name":4378,"slug":4379,"type":15},"AWS","aws",{"name":4365,"slug":4366,"type":15},"2026-07-17T06:08:33.665276",{"slug":4383,"name":4383,"fn":4384,"description":4385,"org":4386,"tags":4387,"stars":4367,"repoUrl":4368,"updatedAt":4393},"core","navigate and interact with web pages","Core agent-browser usage guide. Read this before running any agent-browser commands. Covers the snapshot-and-ref workflow, navigating pages, interacting with elements (click, fill, type, select), extracting text and data, taking screenshots, managing tabs, handling forms and auth, waiting for content, running multiple browser sessions in parallel, and troubleshooting common failures. Use when the user asks to interact with a website, fill a form, click something, extract data, take a screenshot, log into a site, test a web app, or automate any browser task.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4388,4389,4390],{"name":4361,"slug":4362,"type":15},{"name":4365,"slug":4366,"type":15},{"name":4391,"slug":4392,"type":15},"Navigation","navigation","2026-07-26T05:47:42.378419",{"slug":4395,"name":4395,"fn":4396,"description":4397,"org":4398,"tags":4399,"stars":4367,"repoUrl":4368,"updatedAt":4408},"derive-client","reverse engineer internal APIs from browser traffic","Reverse-engineer a website's internal API by recording browser traffic into a HAR file, then generate a standalone client or CLI that calls the endpoints directly, with no browser needed after the first recording. Use when asked to \"derive a client\", \"build a CLI for \u003Csite>\", \"reverse engineer this site's API\", \"record network requests\", \"turn this site into an API\", or when the same site will be automated repeatedly and direct HTTP calls would beat driving the browser every time.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4400,4403,4404,4405],{"name":4401,"slug":4402,"type":15},"API Development","api-development",{"name":13,"slug":14,"type":15},{"name":4365,"slug":4366,"type":15},{"name":4406,"slug":4407,"type":15},"Web Scraping","web-scraping","2026-07-20T06:24:11.928835",{"slug":4410,"name":4410,"fn":4411,"description":4412,"org":4413,"tags":4414,"stars":4367,"repoUrl":4368,"updatedAt":4425},"dogfood","perform exploratory testing on web applications","Systematically explore and test a web application to find bugs, UX issues, and other problems. Use when asked to \"dogfood\", \"QA\", \"exploratory test\", \"find issues\", \"bug hunt\", \"test this app\u002Fsite\u002Fplatform\", or review the quality of a web application. Produces a structured report with full reproduction evidence -- step-by-step screenshots, repro videos, and detailed repro steps for every issue -- so findings can be handed directly to the responsible teams.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4415,4416,4419,4422],{"name":4365,"slug":4366,"type":15},{"name":4417,"slug":4418,"type":15},"Debugging","debugging",{"name":4420,"slug":4421,"type":15},"QA","qa",{"name":4423,"slug":4424,"type":15},"Testing","testing","2026-07-17T06:07:41.421482",{"slug":4427,"name":4427,"fn":4428,"description":4429,"org":4430,"tags":4431,"stars":4367,"repoUrl":4368,"updatedAt":4437},"electron","automate Electron desktop applications","Automate Electron desktop apps (VS Code, Slack, Discord, Figma, Notion, Spotify, etc.) using agent-browser via Chrome DevTools Protocol. Use when the user needs to interact with an Electron app, automate a desktop app, connect to a running app, control a native app, or test an Electron application. Triggers include \"automate Slack app\", \"control VS Code\", \"interact with Discord app\", \"test this Electron app\", \"connect to desktop app\", or any task requiring automation of a native Electron application.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4432,4433,4434],{"name":4361,"slug":4362,"type":15},{"name":4365,"slug":4366,"type":15},{"name":4435,"slug":4436,"type":15},"Desktop","desktop","2026-07-17T06:08:28.007783",{"slug":4439,"name":4439,"fn":4440,"description":4441,"org":4442,"tags":4443,"stars":4367,"repoUrl":4368,"updatedAt":4450},"slack","interact with Slack workspaces","Interact with Slack workspaces using browser automation. Use when the user needs to check unread channels, navigate Slack, send messages, extract data, find information, search conversations, or automate any Slack task. Triggers include \"check my Slack\", \"what channels have unreads\", \"send a message to\", \"search Slack for\", \"extract from Slack\", \"find who said\", or any task requiring programmatic Slack interaction.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4444,4445,4448],{"name":4365,"slug":4366,"type":15},{"name":4446,"slug":4447,"type":15},"Messaging","messaging",{"name":4449,"slug":4439,"type":15},"Slack","2026-07-17T06:08:27.679015",{"slug":4452,"name":4452,"fn":4453,"description":4454,"org":4455,"tags":4456,"stars":4367,"repoUrl":4368,"updatedAt":4463},"vercel-sandbox","run browser automation in Vercel Sandbox","Run agent-browser + Chrome inside Vercel Sandbox microVMs for browser automation from any Vercel-deployed app. Use when the user needs browser automation in a Vercel app (Next.js, SvelteKit, Nuxt, Remix, Astro, etc.), wants to run headless Chrome without binary size limits, needs persistent browser sessions across commands, or wants ephemeral isolated browser environments. Triggers include \"Vercel Sandbox browser\", \"microVM Chrome\", \"agent-browser in sandbox\", \"browser automation on Vercel\", or any task requiring Chrome in a Vercel Sandbox.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4457,4458,4459,4460],{"name":13,"slug":14,"type":15},{"name":4365,"slug":4366,"type":15},{"name":4423,"slug":4424,"type":15},{"name":4461,"slug":4462,"type":15},"Vercel","vercel","2026-07-17T06:08:28.349899",{"slug":4465,"name":4465,"fn":4466,"description":4467,"org":4468,"tags":4469,"stars":4474,"repoUrl":4475,"updatedAt":4476},"deploy-to-vercel","deploy applications to Vercel","Deploy applications and websites to Vercel. Use when the user requests deployment actions like \"deploy my app\", \"deploy and give me the link\", \"push this live\", or \"create a preview deployment\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4470,4473],{"name":4471,"slug":4472,"type":15},"Deployment","deployment",{"name":4461,"slug":4462,"type":15},28993,"https:\u002F\u002Fgithub.com\u002Fvercel-labs\u002Fagent-skills","2026-07-17T06:08:41.18374",{"slug":4478,"name":4478,"fn":4479,"description":4480,"org":4481,"tags":4482,"stars":4474,"repoUrl":4475,"updatedAt":4488},"vercel-cli-with-tokens","manage Vercel projects via CLI","Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. \"deploy to vercel\", \"set up vercel\", \"add environment variables to vercel\".",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4483,4486,4487],{"name":4484,"slug":4485,"type":15},"CLI","cli",{"name":4471,"slug":4472,"type":15},{"name":4461,"slug":4462,"type":15},"2026-07-17T06:08:41.84179",{"slug":4490,"name":4490,"fn":4491,"description":4492,"org":4493,"tags":4494,"stars":4474,"repoUrl":4475,"updatedAt":4505},"vercel-composition-patterns","implement scalable React composition patterns","React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4495,4498,4499,4502],{"name":4496,"slug":4497,"type":15},"Best Practices","best-practices",{"name":22,"slug":23,"type":15},{"name":4500,"slug":4501,"type":15},"React","react",{"name":4503,"slug":4504,"type":15},"UI Components","ui-components","2026-07-17T06:05:40.576913",{"slug":4507,"name":4507,"fn":4508,"description":4509,"org":4510,"tags":4511,"stars":4474,"repoUrl":4475,"updatedAt":4520},"vercel-optimize","optimize Vercel project performance and costs","Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usage, project config, and code scan results first; investigate only metric-backed candidates; produce ranked recommendations grounded in verified files and version-aware Vercel\u002Fframework docs. Trigger for Vercel bill reduction, slow or expensive routes, caching opportunities, Function Invocations, Build Minutes, Fast Data Transfer, Core Web Vitals, Bot Management, Fluid compute, or cost breakdown requests.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4512,4515,4516,4519],{"name":4513,"slug":4514,"type":15},"Cost Optimization","cost-optimization",{"name":4471,"slug":4472,"type":15},{"name":4517,"slug":4518,"type":15},"Performance","performance",{"name":4461,"slug":4462,"type":15},"2026-07-17T06:04:08.327515",100,{"items":4523,"total":4606},[4524,4538,4548,4555,4572,4582,4594],{"slug":4525,"name":4525,"fn":4526,"description":4527,"org":4528,"tags":4529,"stars":24,"repoUrl":25,"updatedAt":4537},"codegen","generate code from UI specifications","Code generation utilities for json-render. Use when generating code from UI specs, building custom code exporters, traversing specs, or serializing props for @json-render\u002Fcodegen.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4530,4533,4536],{"name":4531,"slug":4532,"type":15},"Code Generation","code-generation",{"name":4534,"slug":4535,"type":15},"Engineering","engineering",{"name":17,"slug":18,"type":15},"2026-07-17T06:08:34.68038",{"slug":4539,"name":4539,"fn":4540,"description":4541,"org":4542,"tags":4543,"stars":24,"repoUrl":25,"updatedAt":4547},"devtools","inspect and debug generative UI components","Drop-in inspector panel for any json-render app. Use when the user wants to debug a generative UI, inspect the spec tree, edit state at runtime, see dispatched actions, follow stream patches live, browse a catalog, or pick DOM elements to find their spec keys. Triggers include \"add devtools\", \"debug json-render\", \"inspect the spec\", \"why is this element not rendering\", \"see the state at runtime\", or requests to tap streams \u002F capture action logs for `@json-render\u002Fdevtools`.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4544,4545,4546],{"name":4417,"slug":4418,"type":15},{"name":22,"slug":23,"type":15},{"name":4503,"slug":4504,"type":15},"2026-07-17T06:08:35.001228",{"slug":4,"name":4,"fn":5,"description":6,"org":4549,"tags":4550,"stars":24,"repoUrl":25,"updatedAt":26},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4551,4552,4553,4554],{"name":13,"slug":14,"type":15},{"name":22,"slug":23,"type":15},{"name":20,"slug":20,"type":15},{"name":17,"slug":18,"type":15},{"slug":4556,"name":4556,"fn":4557,"description":4558,"org":4559,"tags":4560,"stars":24,"repoUrl":25,"updatedAt":4571},"image","generate images from JSON specifications","Image renderer for json-render that turns JSON specs into SVG and PNG images via Satori. Use when working with @json-render\u002Fimage, generating OG images from JSON, creating social cards, or rendering AI-generated image specs.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4561,4564,4565,4568],{"name":4562,"slug":4563,"type":15},"Images","images",{"name":17,"slug":18,"type":15},{"name":4566,"slug":4567,"type":15},"Satori","satori",{"name":4569,"slug":4570,"type":15},"SVG","svg","2026-07-17T06:07:42.441875",{"slug":4573,"name":4573,"fn":4574,"description":4575,"org":4576,"tags":4577,"stars":24,"repoUrl":25,"updatedAt":4581},"ink","render JSON specs as terminal UIs","Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render\u002Fink, building terminal UIs from JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4578,4579,4580],{"name":4484,"slug":4485,"type":15},{"name":17,"slug":18,"type":15},{"name":4503,"slug":4504,"type":15},"2026-07-17T06:08:28.678043",{"slug":4583,"name":4583,"fn":4584,"description":4585,"org":4586,"tags":4587,"stars":24,"repoUrl":25,"updatedAt":4593},"jotai","manage state with Jotai","Jotai adapter for json-render's StateStore interface. Use when integrating json-render with Jotai for state management via @json-render\u002Fjotai.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4588,4589,4590],{"name":22,"slug":23,"type":15},{"name":4500,"slug":4501,"type":15},{"name":4591,"slug":4592,"type":15},"State Management","state-management","2026-07-17T06:05:48.244622",{"slug":4595,"name":4595,"fn":4596,"description":4597,"org":4598,"tags":4599,"stars":24,"repoUrl":25,"updatedAt":4605},"mcp","render interactive UIs with MCP","MCP Apps integration for json-render. Use when building MCP servers that render interactive UIs in Claude, ChatGPT, Cursor, or VS Code, or when integrating json-render with the Model Context Protocol.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[4600,4601,4602,4604],{"name":22,"slug":23,"type":15},{"name":17,"slug":18,"type":15},{"name":4603,"slug":4595,"type":15},"MCP",{"name":4503,"slug":4504,"type":15},"2026-07-17T06:05:41.274723",25]