{"id":41956,"library":"shared-integration","title":"@unocss/shared-integration","description":"Internal utility package for UnoCSS bundler integrations, providing shared logic for transforming CSS with @apply directives and variant substitutions. Current stable version: 0.0.12. Released as part of the UnoCSS monorepo; release cadence follows UnoCSS releases. Key differentiator: handles UnoCSS-specific preprocessing like dark mode variants and responsive modifiers in a single function call. Not intended for direct end-user consumption but used by bundler plugins (e.g., Vite, Webpack). Ships TypeScript types.","status":"active","version":"0.0.12","language":"javascript","source_language":"en","source_url":null,"tags":["javascript","unocss","transformedCode","typescript"],"install":[{"cmd":"npm install shared-integration","lang":"bash","label":"npm"},{"cmd":"yarn add shared-integration","lang":"bash","label":"yarn"},{"cmd":"pnpm add shared-integration","lang":"bash","label":"pnpm"}],"dependencies":[],"imports":[{"note":"ESM default export is not named; use named import. CommonJS require works but TypeScript may complain without 'esModuleInterop'","wrong":"const transformedCode = require('shared-integration')","symbol":"transformedCode","correct":"import { transformedCode } from 'shared-integration'"},{"note":"Options type is not exported as value; only used for type annotation","wrong":"import { TransformedCodeOptions } from 'shared-integration'","symbol":"transformedCode (type)","correct":"import type { TransformedCodeOptions } from 'shared-integration'"},{"note":"This package has no default export; only named exports are available","wrong":"// no default export","symbol":"default import","correct":"import sharedIntegration from 'shared-integration'"}],"quickstart":{"code":"import { transformedCode } from 'shared-integration';\n\nasync function transformCSS() {\n  const css = await transformedCode(\n    '.a { @apply p-4 block .dark:c-red @dark:c-red; }',\n    // options (optional)\n  );\n  console.log(css);\n}\n\ntransformCSS();","lang":"typescript","description":"Shows how to import and use the transformedCode function to process UnoCSS @apply and variant directives."},"warnings":[{"fix":"Pin exact version and test upgrade with new UnoCSS releases.","message":"Version 0.0.12 may change behavior with UnoCSS preset updates; ensure compatibility with your UnoCSS version.","severity":"breaking","affected_versions":">=0.0.0"},{"fix":"Only use if you are contributing to UnoCSS bundler plugins. Do not rely on for production applications.","message":"Package is internal and not documented thoroughly; expect API changes without major version bumps.","severity":"gotcha","affected_versions":">=0.0.0"},{"fix":"Refer to UnoCSS monorepo changelog for deprecation notices.","message":"Some options like 'transform' or 'preflights' may be deprecated in future releases; check changelog.","severity":"deprecated","affected_versions":">=0.0.10"}],"env_vars":null,"search_vec":"'0.0.12':24 'appli':16 'bundler':7,67 'cadenc':33 'call':55 'consumpt':63 'css':14 'current':21 'dark':45 'differenti':38 'direct':17,59 'e.g':69 'end':61 'end-us':60 'follow':34 'function':54 'handl':39 'integr':8 'intend':57 'intern':2 'javascript':75 'key':37 'like':44 'logic':11 'mode':46 'modifi':50 'monorepo':31 'packag':4 'part':27 'plugin':68 'preprocess':43 'provid':9 'releas':25,32,36 'respons':49 'share':10 'ship':72 'singl':53 'specif':42 'stabl':22 'substitut':20 'transform':13 'transformedcod':77 'type':74 'typescript':73,78 'unocss':6,30,35,41,76 'unocss-specif':40 'unocss/shared-integration':1 'use':65 'user':62 'util':3 'variant':19,47 'version':23 'vite':70 'webpack':71","created_at":"2026-06-04T18:54:55.378624+00:00","updated_at":"2026-06-04T18:54:55.378624+00:00","problems":[{"fix":"Run `npm install shared-integration` or `yarn add shared-integration` (it is published on npm but may be scoped? Actually scoped as @unocss/shared-integration, but import uses unscoped name? Check package.json exports).","cause":"Package not installed or missing from node_modules.","error":"Cannot find module 'shared-integration' or its corresponding type declarations."},{"fix":"Use `import { transformedCode } from 'shared-integration'` and await the promise.","cause":"Using wrong import style or missing async/await.","error":"'transformedCode' is not a function or its return is ambiguous"},{"fix":"Ensure the CSS string is properly escaped and passed as a string literal.","cause":"Using .dark:c-red without proper quoting or in wrong context.","error":"SyntaxError: Unexpected token . in expression"}],"ecosystem":"npm","meta_description":null,"install_score":null,"quickstart_score":null,"quickstart_tag":null,"pypi_latest":null,"cli_name":null,"cli_version":null,"type":"library","homepage":null,"github":null,"docs":null,"changelog":null,"pypi":null,"npm":"shared-integration","openapi_spec":null,"status_page":null,"smithery":null,"categories":["devops"],"base_url":null,"auth_type":null,"provenance":{"verified_status":null,"verified_at":null,"last_verified":"2026-06-04","next_check":"2026-09-02","install_tag":null}}