{"id":25049,"library":"cabel","title":"Cabel","description":"Cabel is a CSSX transpiler that converts CSSX syntax into valid JavaScript. Version 0.1.3 is the latest release, but the project is deprecated; its functionality has been absorbed into the main CSSX project (https://github.com/krasimir/cssx). It was designed as a Babel plugin-like tool for transforming CSS-like stylesheets embedded in JavaScript. No active development, as all transpilation features are now maintained under the CSSX umbrella. Use cssx instead.","status":"deprecated","version":"0.1.3","language":"javascript","source_language":"en","source_url":"https://github.com/krasimir/cabel","tags":["javascript","css","cssx","babel","transform","transpile"],"install":[{"cmd":"npm install cabel","lang":"bash","label":"npm"},{"cmd":"yarn add cabel","lang":"bash","label":"yarn"},{"cmd":"pnpm add cabel","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"Cabel is ESM-only. CommonJS require will fail.","wrong":"const cabel = require('cabel')","symbol":"default","correct":"import cabel from 'cabel'"},{"note":"Escape require; tree-shakeable named export.","wrong":"const { transform } = require('cabel')","symbol":"transform","correct":"import { transform } from 'cabel'"},{"note":"Default export is a class/function, not a named export.","wrong":"import { Cabel } from 'cabel'","symbol":"Cabel","correct":"import Cabel from 'cabel'"}],"quickstart":{"code":"import cabel from 'cabel';\nconst code = `\n  const styles = {\n    color: red,\n    fontSize: 14px\n  };\n`;\nconst result = cabel(code);\nconsole.log(result);\n// => 'var styles = {\\n  color: \"red\",\\n  fontSize: \"14px\"\\n};'","lang":"javascript","description":"Transforms CSSX syntax into JavaScript object literal."},"warnings":[{"fix":"Use https://github.com/krasimir/cssx instead.","message":"Cabel is deprecated; functionality moved to CSSX project.","severity":"deprecated","affected_versions":">=0.0.0"},{"fix":"Use cssx for full transpilation pipeline.","message":"Cabel only transpiles CSSX embedded in JS; it does not bundle or transform JSX.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Update import to use default export as callable: cabel(code).","message":"Version 0.1.0 changed the default export from transform function to a class.","severity":"breaking","affected_versions":">=0.1.0"}],"env_vars":null,"last_verified":"2026-05-01T00:00:00.000Z","next_check":"2026-07-30T00:00:00.000Z","problems":[{"fix":"npm install cabel@0.1.3 --save","cause":"Missing install or deprecated package removed from registry.","error":"Cannot find module 'cabel'"},{"fix":"Use 'import cabel from \"cabel\"' or 'cabel = require(\"cabel\").default'","cause":"Using wrong import (e.g., named instead of default).","error":"cabel is not a function"}],"ecosystem":"npm","meta_description":null,"install_score":null,"install_tag":null,"quickstart_score":null,"quickstart_tag":null}