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","deleted","label",[128],"1a218420-c6e9-11f0-84c6-42dde27851f2","client.tsx","019aa1c5-6018-761a-9b25-b06ce0255fe3",["D",1763736491646],44,"script","/** @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});",[144],"417d33fc-c621-11f0-81f4-42dde27851f2","README.md","019aa1c5-6018-761a-9b25-ae78eee297af",["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",[152],"pulls","forks","envVars",{"_163":55,"_165":55},"connections",{"_163":55,"_164":55},"count","unfilledCount","emptyCount",{"_20":151,"_13":152,"_129":153,"_130":-5,"_131":21,"_132":133,"_134":51,"_22":176,"_29":55,"_136":104,"_138":155,"_140":40,"_141":-5,"_170":177,"_92":178},{"_20":143,"_13":144,"_129":145,"_130":-5,"_131":21,"_132":30,"_134":51,"_22":173,"_29":147,"_136":148,"_138":149,"_140":40,"_141":-5,"_170":174,"_92":175},{"_20":127,"_13":128,"_129":49,"_130":-5,"_131":21,"_132":133,"_134":51,"_22":169,"_29":55,"_136":137,"_138":139,"_140":40,"_141":-5,"_170":171,"_92":172},["D",1763650658302],"children",[],[128],["D",1763736491646],[],[144],["D",1763650658302],[],[152],["D",1763650658302],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_46":47,"_87":88,"_89":40},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_78":42,"_79":80,"_81":57,"_82":14,"_83":12},"ctx",{"_71":-5,"_114":216,"_217":218,"_219":220,"_221":40,"_222":40,"_223":40,"_224":51,"_225":-5,"_226":-7,"_227":-7,"_228":55,"_229":40,"_230":40,"_231":-5,"_232":40,"_233":40,"_234":40,"_235":-5},"ENV",{"_187":188,"_189":190,"_191":26,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215},"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"]

Branches1

Branches
1