{"id":26560,"library":"typewritingclass-esbuild","title":"typewritingclass-esbuild","description":"esbuild plugin for static CSS extraction with Typewriting Class. Current version 0.2.4. Released on npm. Peer dependency on esbuild >=0.17.0. Ships TypeScript types. Differentiator: provides virtual CSS module import for seamless integration with esbuild build pipeline.","status":"active","version":"0.2.4","language":"javascript","source_language":"en","source_url":"https://github.com/corysimmons/typewritingclass","tags":["javascript","typewritingclass","esbuild","esbuild-plugin","css","static-extraction","typescript"],"install":[{"cmd":"npm install typewritingclass-esbuild","lang":"bash","label":"npm"},{"cmd":"yarn add typewritingclass-esbuild","lang":"bash","label":"yarn"},{"cmd":"pnpm add typewritingclass-esbuild","lang":"bash","label":"pnpm"}],"dependencies":[{"reason":"peer dependency to access build API","package":"esbuild","optional":false}],"imports":[{"note":"Default export only; ESM module.","wrong":"const twcPlugin = require('typewritingclass-esbuild')","symbol":"twcPlugin","correct":"import twcPlugin from 'typewritingclass-esbuild'"},{"note":"Default export, not named.","wrong":"import { twcPlugin } from 'typewritingclass-esbuild'","symbol":"twcPlugin","correct":"import twcPlugin from 'typewritingclass-esbuild'"},{"note":"Virtual module identifier, not a file path.","wrong":"import './virtual:twc.css'","symbol":"virtual:twc.css","correct":"import 'virtual:twc.css'"}],"quickstart":{"code":"import esbuild from 'esbuild';\nimport twcPlugin from 'typewritingclass-esbuild';\n\nawait esbuild.build({\n  entryPoints: ['src/main.ts'],\n  bundle: true,\n  plugins: [twcPlugin()],\n});","lang":"typescript","description":"Shows basic setup of esbuild with typewritingclass-esbuild plugin and virtual CSS import."},"warnings":[{"fix":"Update esbuild to version 0.17.0 or later.","message":"Plugin requires esbuild >=0.17.0 as a peer dependency; installing an older version will cause build failures.","severity":"gotcha","affected_versions":"<0.17.0"},{"fix":"Add import 'virtual:twc.css' to your entry point or a module included in the bundle.","message":"The virtual CSS import 'virtual:twc.css' must be present in your source code for the plugin to work.","severity":"gotcha","affected_versions":"*"},{"fix":"Disable strict mode via { strict: false } or wrap all dynamic values with TWC utilities.","message":"When strict mode is enabled (default), dynamic values not wrapped in TWC functions will cause build errors.","severity":"gotcha","affected_versions":"*"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"Run 'npm install typewritingclass-esbuild' or 'bun add -d typewritingclass-esbuild'.","cause":"Package not installed or missing from node_modules.","error":"Error: Cannot find module 'typewritingclass-esbuild'"},{"fix":"Update esbuild to version 0.17.0 or later.","cause":"Installed esbuild version is too old.","error":"Error: Plugin 'typewritingclass-esbuild' must be used with esbuild >= 0.17.0"},{"fix":"Ensure the plugin is included in esbuild's plugins array and the import is exactly 'virtual:twc.css'.","cause":"Plugin not added to the plugins array or import path is incorrect.","error":"Error: [plugin typewritingclass-esbuild] Could not resolve 'virtual:twc.css'"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}