@sanity/tsdown-config 0.7.2 → 0.8.0

package/README.md

@@ -11,3 +11,28 @@ import {defineConfig} from '@sanity/tsdown-config'
 
 export default defineConfig({tsconfig: 'tsconfig.dist.json'})
 ```
+
+## styled-components
+
+If your package uses `styled-components`, enable the same `styledComponents` transform that `@sanity/pkg-utils` has:
+
+```ts
+import {defineConfig} from '@sanity/tsdown-config'
+
+export default defineConfig({
+  tsconfig: 'tsconfig.dist.json',
+  styledComponents: true,
+})
+```
+
+It adds `displayName` (better debugging) and `componentId` (avoids SSR hydration mismatches) to your styled components, and minifies the CSS in tagged template literals.
+Unlike `@sanity/pkg-utils` it doesn't require installing `babel-plugin-styled-components`, as it uses [oxc's native port](https://oxc.rs/docs/guide/usage/transformer/plugins.html#styled-components) of the babel plugin.
+
+Pass an object to customize the transform, using the same options as [`babel-plugin-styled-components`](https://styled-components.com/docs/tooling#babel-plugin):
+
+```ts
+export default defineConfig({
+  tsconfig: 'tsconfig.dist.json',
+  styledComponents: {namespace: 'my-package'},
+})
+```

package/dist/index.d.mts

@@ -1,5 +1,31 @@
 import { UserConfig } from "tsdown";
 /**
+* Options for the `styled-components` transform, the same options as `babel-plugin-styled-components`.
+* @public
+*/
+interface StyledComponentsOptions {
+  /** @defaultValue true */
+  displayName?: boolean;
+  /**
+  * @defaultValue []
+  * @example ["\@xstyled/styled-components", "\@xstyled/styled-components/*"]
+  */
+  topLevelImportPaths?: string[];
+  /** @defaultValue true */
+  ssr?: boolean;
+  /** @defaultValue false */
+  fileName?: boolean;
+  /** @defaultValue ["index"] */
+  meaninglessFileNames?: string[];
+  /** @defaultValue true */
+  minify?: boolean;
+  /** @defaultValue false */
+  transpileTemplateLiterals?: boolean;
+  namespace?: string;
+  /** @defaultValue true */
+  pure?: boolean;
+}
+/**
 * @public
 */
 interface PackageOptions extends Pick<UserConfig, "tsconfig" | "entry" | "format"> {
@@ -7,10 +33,18 @@ interface PackageOptions extends Pick<UserConfig, "tsconfig" | "entry" | "format
   * @defaultValue 'neutral'
   */
   platform?: UserConfig["platform"];
+  /**
+  * Applies the `styled-components` transform (`displayName`, `componentId`, CSS minification, etc)
+  * with the same defaults as the `babel: {styledComponents: true}` option in `@sanity/pkg-utils`.
+  * Unlike `@sanity/pkg-utils` it doesn't use `babel-plugin-styled-components`, but oxc's native port of it,
+  * so there's no need to install babel dependencies.
+  * @defaultValue false
+  */
+  styledComponents?: boolean | StyledComponentsOptions;
 }
 /**
 * @public
 */
 declare function defineConfig(options?: PackageOptions): UserConfig;
-export { PackageOptions, defineConfig };
+export { PackageOptions, StyledComponentsOptions, defineConfig };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;AAKA;;UAAiB,cAAA,SAAuB,IAAA,CAAK,UAAA;;;;EAI3C,QAAA,GAAW,UAAA;AAAA;;;;iBAMG,YAAA,CAAa,OAAA,GAAS,cAAA,GAAsB,UAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";;AAMA;;;UAAiB,uBAAA;;EAEf,WAAA;;;;;EAKA,mBAAA;;EAEA,GAAA;EAWA;EATA,QAAA;EAeF;EAbE,oBAAA;;EAEA,MAAA;;EAEA,yBAAA;EACA,SAAA;EAQsC;EANtC,IAAA;AAAA;;;;UAMe,cAAA,SAAuB,IAAA,CAAK,UAAA;;;AAYd;EAR7B,QAAA,GAAW,UAAA;EAcG;;;;;;;EANd,gBAAA,aAA6B,uBAAA;AAAA;;;;iBAMf,YAAA,CAAa,OAAA,GAAS,cAAA,GAAsB,UAAA"}

package/dist/index.mjs

@@ -3,7 +3,7 @@ import { defineConfig as defineConfig$1 } from "tsdown";
 * @public
 */
 function defineConfig(options = {}) {
-	let { entry } = options;
+	let { entry } = options, tsconfig = options.tsconfig ?? "tsconfig.json", platform = options.platform ?? "neutral", styledComponents = options.styledComponents ?? !1, report = { gzip: !1 };
 	return defineConfig$1({
 		entry,
 		exports: {
@@ -14,28 +14,24 @@ function defineConfig(options = {}) {
 		hash: !1,
 		inputOptions: {
 			preserveEntrySignatures: "strict",
-			experimental: { attachDebugInfo: "none" }
+			experimental: { attachDebugInfo: "none" },
+			...styledComponents !== !1 && { transform: { plugins: { styledComponents: {
+				fileName: !1,
+				transpileTemplateLiterals: !1,
+				pure: !0,
+				cssProp: !1,
+				...typeof styledComponents == "object" ? styledComponents : {}
+			} } } }
 		},
 		outputOptions: { hoistTransitiveImports: !1 },
-		platform: options.platform ?? "neutral",
+		platform,
 		publint: !0,
-		report: { gzip: !1 },
-		tsconfig: options.tsconfig ?? "tsconfig.json",
+		report,
+		tsconfig,
 		minify: {
 			compress: !0,
 			codegen: !1,
 			mangle: !1
-		},
-		treeshake: {
-			annotations: !0,
-			propertyReadSideEffects: !1,
-			moduleSideEffects: [{
-				test: /\.css$/,
-				sideEffects: !0
-			}, {
-				external: !0,
-				sideEffects: !1
-			}]
 		}
 	});
 }

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["defineTsdownConfig"],"sources":["../src/index.ts"],"sourcesContent":["import {defineConfig as defineTsdownConfig, type UserConfig} from 'tsdown'\n\n/**\n * @public\n */\nexport interface PackageOptions extends Pick<UserConfig, 'tsconfig' | 'entry' | 'format'> {\n  /**\n   * @defaultValue 'neutral'\n   */\n  platform?: UserConfig['platform']\n}\n\n/**\n * @public\n */\nexport function defineConfig(options: PackageOptions = {}): UserConfig {\n  const {entry} = options\n  const tsconfig = options.tsconfig ?? 'tsconfig.json'\n  const platform = options.platform ?? 'neutral'\n  const report = {gzip: false} as const satisfies UserConfig['report']\n  const publint = true\n  const hash = false\n  const format = options.format ?? 'esm'\n  const inputOptions = {\n    preserveEntrySignatures: 'strict',\n    experimental: {attachDebugInfo: 'none'},\n  } as const satisfies UserConfig['inputOptions']\n  const outputOptions = {\n    hoistTransitiveImports: false,\n  } as const satisfies UserConfig['outputOptions']\n  const exports = {\n    enabled: 'local-only',\n    // @TODO use @sanity/parse-package-json to determine if devExports should be `true` or `source`\n    devExports: true,\n  } as const satisfies UserConfig['exports']\n\n  return defineTsdownConfig({\n    entry,\n    exports,\n    format,\n    hash,\n    inputOptions,\n    outputOptions,\n    platform,\n    publint,\n    report,\n    tsconfig,\n    minify: {compress: true, codegen: false, mangle: false},\n    treeshake: {\n      annotations: true,\n      propertyReadSideEffects: false,\n      moduleSideEffects: [\n        // If the module ends with `.css` it is considered to be a side effect, even if the module is marked as no side effect,\n        {test: /\\.css$/, sideEffects: true},\n        // This is the equivalent of `moduleSideEffects: 'no-external'`, and included here so it works the same as before the CSS exemption were added.\n        {external: true, sideEffects: false},\n      ],\n    },\n  })\n}\n"],"mappings":";;;;AAeA,SAAgB,aAAa,UAA0B,CAAC,GAAe;CACrE,IAAM,EAAC,UAAS;CAoBhB,OAAOA,eAAmB;EACxB;EACA,SAAA;GAPA,SAAS;GAET,YAAY;EAKN;EACN,QAjBa,QAAQ,UAAU;EAkB/B,MAAA;EACA,cAAA;GAjBA,yBAAyB;GACzB,cAAc,EAAC,iBAAiB,OAAM;EAgB3B;EACX,eAAA,EAdA,wBAAwB,GAcZ;EACZ,UAzBe,QAAQ,YAAY;EA0BnC,SAAA;EACA,QAAA,EA1Bc,MAAM,GA0Bf;EACL,UA7Be,QAAQ,YAAY;EA8BnC,QAAQ;GAAC,UAAU;GAAM,SAAS;GAAO,QAAQ;EAAK;EACtD,WAAW;GACT,aAAa;GACb,yBAAyB;GACzB,mBAAmB,CAEjB;IAAC,MAAM;IAAU,aAAa;GAAI,GAElC;IAAC,UAAU;IAAM,aAAa;GAAK,CACrC;EACF;CACF,CAAC;AACH"}
+{"version":3,"file":"index.mjs","names":["defineTsdownConfig"],"sources":["../src/index.ts"],"sourcesContent":["import {defineConfig as defineTsdownConfig, type UserConfig} from 'tsdown'\n\n/**\n * Options for the `styled-components` transform, the same options as `babel-plugin-styled-components`.\n * @public\n */\nexport interface StyledComponentsOptions {\n  /** @defaultValue true */\n  displayName?: boolean\n  /**\n   * @defaultValue []\n   * @example [\"\\@xstyled/styled-components\", \"\\@xstyled/styled-components/*\"]\n   */\n  topLevelImportPaths?: string[]\n  /** @defaultValue true */\n  ssr?: boolean\n  /** @defaultValue false */\n  fileName?: boolean\n  /** @defaultValue [\"index\"] */\n  meaninglessFileNames?: string[]\n  /** @defaultValue true */\n  minify?: boolean\n  /** @defaultValue false */\n  transpileTemplateLiterals?: boolean\n  namespace?: string\n  /** @defaultValue true */\n  pure?: boolean\n}\n\n/**\n * @public\n */\nexport interface PackageOptions extends Pick<UserConfig, 'tsconfig' | 'entry' | 'format'> {\n  /**\n   * @defaultValue 'neutral'\n   */\n  platform?: UserConfig['platform']\n  /**\n   * Applies the `styled-components` transform (`displayName`, `componentId`, CSS minification, etc)\n   * with the same defaults as the `babel: {styledComponents: true}` option in `@sanity/pkg-utils`.\n   * Unlike `@sanity/pkg-utils` it doesn't use `babel-plugin-styled-components`, but oxc's native port of it,\n   * so there's no need to install babel dependencies.\n   * @defaultValue false\n   */\n  styledComponents?: boolean | StyledComponentsOptions\n}\n\n/**\n * @public\n */\nexport function defineConfig(options: PackageOptions = {}): UserConfig {\n  const {entry} = options\n  const tsconfig = options.tsconfig ?? 'tsconfig.json'\n  const platform = options.platform ?? 'neutral'\n  const styledComponents = options.styledComponents ?? false\n  const report = {gzip: false} as const satisfies UserConfig['report']\n  const publint = true\n  const hash = false\n  const format = options.format ?? 'esm'\n  const inputOptions = {\n    preserveEntrySignatures: 'strict',\n    experimental: {attachDebugInfo: 'none'},\n    ...(styledComponents !== false && {\n      transform: {\n        plugins: {\n          styledComponents: {\n            // The same defaults as `babel: {styledComponents: true}` in `@sanity/pkg-utils`:\n            // `fileName` is unnecessary, as the way we use styled-components in Sanity is usually by wrapping\n            // `@sanity/ui` primitives, not declaring new ones like \"const Button = styled.button``\"\n            fileName: false,\n            // Native template literals take less space than this transpilation, and unlike\n            // `babel-plugin-styled-components`, oxc doesn't add a `@__PURE__` annotation to the\n            // transpiled call expression either, so enabling it wouldn't improve tree-shaking\n            transpileTemplateLiterals: false,\n            // Helps dead code elimination and tree-shaking, although oxc only annotates plain call\n            // expressions so far, not tagged template expressions (https://github.com/rollup/rollup/issues/4035)\n            pure: true,\n            // Disabled, as tsdown tends to be used for npm publishing, while other tooling,\n            // like `sanity dev`, `next dev`, etc are used for testing\n            cssProp: false,\n            ...(typeof styledComponents === 'object' ? styledComponents : {}),\n          },\n        },\n      },\n    }),\n  } as const satisfies UserConfig['inputOptions']\n  const outputOptions = {\n    hoistTransitiveImports: false,\n  } as const satisfies UserConfig['outputOptions']\n  const exports = {\n    enabled: 'local-only',\n    // @TODO use @sanity/parse-package-json to determine if devExports should be `true` or `source`\n    devExports: true,\n  } as const satisfies UserConfig['exports']\n\n  return defineTsdownConfig({\n    entry,\n    exports,\n    format,\n    hash,\n    inputOptions,\n    outputOptions,\n    platform,\n    publint,\n    report,\n    tsconfig,\n    minify: {compress: true, codegen: false, mangle: false},\n    // Rely on tsdown's/rolldown's default tree-shaking (`moduleSideEffects: true`) rather than\n    // customizing it. Previously this set the equivalent of `moduleSideEffects: 'no-external'`\n    // (with a `.css` exemption), which stripped intentional side-effect-only imports of external\n    // packages (e.g. `import 'react-time-ago/locale/en'`) from the output. The default preserves\n    // those imports while still honoring `package.json` `sideEffects` fields for bundled modules.\n  })\n}\n"],"mappings":";;;;AAkDA,SAAgB,aAAa,UAA0B,CAAC,GAAe;CACrE,IAAM,EAAC,UAAS,SACV,WAAW,QAAQ,YAAY,iBAC/B,WAAW,QAAQ,YAAY,WAC/B,mBAAmB,QAAQ,oBAAoB,IAC/C,SAAS,EAAC,MAAM,GAAK;CAwC3B,OAAOA,eAAmB;EACxB;EACA,SAAA;GAPA,SAAS;GAET,YAAY;EAKN;EACN,QAxCa,QAAQ,UAAU;EAyC/B,MAAA;EACA,cAAA;GAxCA,yBAAyB;GACzB,cAAc,EAAC,iBAAiB,OAAM;GACtC,GAAI,qBAAqB,MAAS,EAChC,WAAW,EACT,SAAS,EACP,kBAAkB;IAIhB,UAAU;IAIV,2BAA2B;IAG3B,MAAM;IAGN,SAAS;IACT,GAAI,OAAO,oBAAqB,WAAW,mBAAmB,CAAC;GACjE,EACF,EACF,EACF;EAgBW;EACX,eAAA,EAdA,wBAAwB,GAcZ;EACZ;EACA;EACA;EACA;EACA,QAAQ;GAAC,UAAU;GAAM,SAAS;GAAO,QAAQ;EAAK;CAMxD,CAAC;AACH"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/tsdown-config",
-  "version": "0.7.2",
+  "version": "0.8.0",
   "description": "Shared configuration for tsdown",
   "keywords": [
     "sanity-io",
@@ -30,24 +30,21 @@
     ".": "./dist/index.mjs",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "publint": "^0.3.21",
-    "@sanity/parse-package-json": "^2.1.7"
+    "publint": "^0.3.21"
   },
   "devDependencies": {
     "@typescript/native-preview": "7.0.0-dev.20260421.2",
     "tinyexec": "^1.2.4",
-    "tsdown": "^0.22.2",
+    "tsdown": "^0.22.3",
     "typescript": "6.0.3",
-    "vitest": "^4.1.8",
-    "@sanity/pkg-utils": "^10.5.3",
-    "@sanity/tsconfig": "^2.1.0"
+    "vitest": "^4.1.9",
+    "@sanity/tsconfig": "^2.1.0",
+    "@sanity/pkg-utils": "^10.9.0"
   },
   "peerDependencies": {
     "tsdown": "0.22.x",