DatoCMS Character Counter Plugin

\n \n \n\n`;\n\nexport default async function (req: Request): Promise {\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}\n","label",[83],"1a218420-c6e9-11f0-84c6-42dde27851f2",["D",1763736491646],44,"/** @jsxImportSource https://esm.sh/react */\nimport { StrictMode } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\nimport { connect, type Field } from \"https://esm.sh/datocms-plugin-sdk\";\nimport { Button, Canvas } from \"https://esm.sh/datocms-react-ui\";\n\nconst container = document.getElementById(\"app\");\nconst root = createRoot(container!);\n\nfunction render(component: React.ReactNode): void {\n root.render({component});\n}\n\nfunction generateData(size: number) {\n return { data: \"x\".repeat(Math.max(0, size - 12)) };\n}\n\nconst smallData = generateData(1024);\nconst mediumData = generateData(1024 * 10);\nconst largeData = generateData(1024 * 100);\n\nconnect({\n renderConfigScreen(ctx) {\n return render(\n

,\n );\n },\n});",[108],"417d33fc-c621-11f0-81f4-42dde27851f2",["D",1763650658302],"# DatoCMS Character Counter Plugin\n\nA DatoCMS plugin that automatically shows a character counter on fields that are configured to have validations on length.\n\n## Features\n\n- **Automatic activation**: The plugin automatically attaches to fields with length validators\n- **Manual installation**: Can also be manually added to fields\n- **Multiple field types**: Supports string, text, and structured_text field types\n- **Smart counting**: For structured text, counts only the actual text content (not markup)\n\n## Supported Field Types\n\n- Single-line string\n- Multiple-paragraph text\n- Structured text\n\n## How it works\n\nThe plugin uses the `overrideFieldExtensions` hook to automatically add a character counter addon to fields that:\n1. Are one of the supported field types (string, text, or structured_text)\n2. Have length validation configured\n3. Don't already have the character counter addon installed\n\nThe counter displays the current character count in a small, unobtrusive format below the field.\n\n## Implementation\n\nBased on the official [DatoCMS character-counter plugin](https://github.com/datocms/plugins/tree/master/character-counter).\n",[95],"pulls","branches","forks","envVars",{"_103":106,"_309":106},"connections",{"_103":106,"_308":106},"unfilledCount","emptyCount",{"_40":297,"_13":95,"_81":94,"_49":-5,"_42":43,"_285":20,"_286":123,"_44":320,"_46":106,"_84":60,"_288":299,"_86":24,"_290":-5,"_314":321,"_247":322},{"_40":292,"_13":108,"_81":107,"_49":-5,"_42":43,"_285":232,"_286":123,"_44":317,"_46":294,"_84":102,"_288":295,"_86":24,"_290":-5,"_314":318,"_247":319},{"_40":284,"_13":83,"_81":82,"_49":-5,"_42":43,"_285":20,"_286":123,"_44":313,"_46":106,"_84":85,"_288":289,"_86":24,"_290":-5,"_314":315,"_247":316},["D",1763650658302],"children",[],[83],["D",1763736491646],[],[108],["D",1763650658302],[],[95],["D",1763650658302],{"_11":12,"_246":89},{"_11":12,"_242":-5,"_88":89,"_25":87,"_243":244,"_245":24},{"_46":232,"_13":16,"_40":43,"_233":200,"_234":78,"_235":79,"_236":204,"_237":238,"_239":48,"_240":14,"_241":12},"ctx",{"_58":-5,"_268":360,"_361":362,"_363":364,"_365":24,"_366":24,"_367":24,"_368":123,"_369":-5,"_370":-7,"_371":-7,"_372":106,"_373":24,"_374":24,"_375":-5,"_376":24,"_377":24,"_378":24,"_379":-5},"ENV",{"_331":332,"_333":334,"_335":16,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History