fix: move type definitions into new index files

Author: sambauers

scripts/copy-release-files.ts

@@ -1,12 +1,4 @@
-import {
-  copyFileSync,
-  existsSync,
-  mkdirSync,
-  readdirSync,
-  readFileSync,
-  rmSync,
-  writeFileSync,
-} from 'node:fs'
+import { copyFileSync, readFileSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
 
@@ -37,58 +29,3 @@ docFiles.forEach((docFile) => {
   const docPackageURL = fileURLToPath(new URL(docPackagePath, import.meta.url))
   copyFileSync(docURL, docPackageURL)
 })
-
-// Copy any type declarations that are needed in the distribution
-const typeGroups = [
-  { dir: 'common', files: ['index.d.ts'] },
-  { dir: 'css-animations', files: ['index.d.ts'] },
-  { dir: 'css-utilities', files: ['index.d.ts'] },
-]
-typeGroups.forEach((typeGroup) => {
-  const typeGroupPath = join('..', '..', 'src', typeGroup.dir)
-  const typeGroupPackagePath = join('..', '..', 'dist', 'types', typeGroup.dir)
-  const typeGroupPackageURL = fileURLToPath(
-    new URL(typeGroupPackagePath, import.meta.url)
-  )
-
-  if (!existsSync(typeGroupPackageURL)) {
-    mkdirSync(typeGroupPackageURL, { recursive: true })
-  }
-
-  typeGroup.files.forEach((typeFile) => {
-    const typePath = join(typeGroupPath, typeFile)
-    const typeURL = fileURLToPath(new URL(typePath, import.meta.url))
-    const typePackagePath = join(typeGroupPackagePath, typeFile)
-    const typePackageURL = fileURLToPath(
-      new URL(typePackagePath, import.meta.url)
-    )
-    copyFileSync(typeURL, typePackageURL)
-  })
-})
-
-// Remove empty javascript files generated from the type declaration files
-typeGroups.forEach((typeGroup) => {
-  const typeGroupPackagePath = join('..', '..', 'dist', typeGroup.dir)
-  typeGroup.files.forEach((typeFile) => {
-    const typePackagePath = join(
-      typeGroupPackagePath,
-      typeFile.replace(/\.d\.ts$/, '.d.js')
-    )
-    const typePackageURL = fileURLToPath(
-      new URL(typePackagePath, import.meta.url)
-    )
-    if (existsSync(typePackageURL)) {
-      rmSync(typePackageURL)
-    }
-  })
-  const typeGroupPackageURL = fileURLToPath(
-    new URL(typeGroupPackagePath, import.meta.url)
-  )
-  if (!existsSync(typeGroupPackageURL)) {
-    return
-  }
-  const typeGroupDir = readdirSync(typeGroupPackageURL)
-  if (typeGroupDir.length < 1) {
-    rmSync(typeGroupPackageURL, { recursive: true })
-  }
-})

src/common/index.d.ts renamed to src/common/index.ts

@@ -10,3 +10,7 @@ declare module '@/css-animations' {
     animation: (pluginUtilities: PluginUtils) => void
   }
 }
+
+export * from './bounce'
+export * from './bounce-and-spin'
+export * from './spin'

src/css-animations/index.d.ts renamed to src/css-animations/index.ts

@@ -1,4 +1,4 @@
-import { Perspective } from '../../perspective'
+import { Perspective } from '../..'
 
 describe('css-utilities', () => {
   describe('Perspective', () => {

src/css-utilities/__tests__/perspective/normalise-function-values.ts

@@ -11,3 +11,13 @@ declare module '@/css-utilities' {
     normaliseFunctionValues?: (values: Record<string, any>) => string
   }
 }
+
+export * from './backface'
+export * from './perspective'
+export * from './perspective-origin'
+export * from './scale'
+export * from './transform'
+export * from './transform-box'
+export * from './transform-core'
+export * from './transform-style'
+export * from './translate'

src/css-utilities/index.d.ts renamed to src/css-utilities/index.ts

@@ -1,18 +1,18 @@
 import plugin from 'tailwindcss/plugin'
 
 import { type LocalPluginAPI } from '@/common'
-import { Bounce } from '@/css-animations/bounce'
-import { BounceAndSpin } from '@/css-animations/bounce-and-spin'
-import { Spin } from '@/css-animations/spin'
-import { Backface } from '@/css-utilities/backface'
-import { Perspective } from '@/css-utilities/perspective'
-import { PerspectiveOrigin } from '@/css-utilities/perspective-origin'
-import { Scale } from '@/css-utilities/scale'
-import { Transform } from '@/css-utilities/transform'
-import { TransformBox } from '@/css-utilities/transform-box'
-import { TransformCore } from '@/css-utilities/transform-core'
-import { TransformStyle } from '@/css-utilities/transform-style'
-import { Translate } from '@/css-utilities/translate'
+import { Bounce, BounceAndSpin, Spin } from '@/css-animations'
+import {
+  Backface,
+  Perspective,
+  PerspectiveOrigin,
+  Scale,
+  Transform,
+  TransformBox,
+  TransformCore,
+  TransformStyle,
+  Translate,
+} from '@/css-utilities'
 import { ensureBoolean } from '@/utils/ensure'
 
 // Default CSS variables, modelled from core