feat: setup dependencies

Author: codebender828

package.json

@@ -90,8 +90,9 @@
     "@chakra-ui/theme-tools": "^2.0.17",
     "@chakra-ui/theme-utils": "^2.0.6",
     "@chakra-ui/utils": "2.0.14",
-    "@chakra-ui/vue-next": "2.0.0-beta.1",
-    "@chakra-ui/vue-test-utils": "2.0.0-beta.1",
+    "@chakra-ui/vue-next": "workspace:*",
+    "@chakra-ui/vue-styled": "workspace:*",
+    "@chakra-ui/vue-test-utils": "workspace:*",
     "@changesets/changelog-github": "^0.3.0",
     "@changesets/cli": "^2.14.1",
     "@commitlint/cli": "^11.0.0",

packages/c-accordion/tsup.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "tsup"
+// import pkg from "./package.json"
+import kebabCase from "lodash.kebabcase"
+
+export default defineConfig({
+  outExtension({ format, options, pkgType }) {
+    console.log("tsup::", { format, options, pkgType })
+    return {
+      js: `.${format}.js`,
+    }
+  },
+  clean: true,
+  target: "es2019",
+  format: ["cjs", "esm"],
+})

packages/c-theme-provider/tests/c-theme-provider.test.ts

@@ -1,5 +1,5 @@
 import { ThemeProviderProps } from "@chakra-ui/vue-next"
-import { render, screen } from "../tooling/test-utils"
+import { render, screen } from "../../test-utils"
 import { h, defineComponent, inject } from "vue"
 import CThemeProvider from "../src"
 

packages/styled/index.ts

@@ -0,0 +1 @@
+export * from "./src"

packages/test-utils/src/render.ts

@@ -1,4 +1,5 @@
 import theme from "@chakra-ui/theme"
+// @ts-ignore
 import { EmotionThemeContextSymbol } from "@chakra-ui/vue-styled"
 import "@testing-library/jest-dom"
 import "@testing-library/jest-dom/extend-expect"

pnpm-lock.yaml

@@ -4,7 +4,7 @@ import { IPackageJson } from "./types/package.json"
 import { readFileSync, writeFileSync } from "fs"
 
 async function getAllPackageJsons() {
-  const packageJsonFiles = await glob("**/packages/**/*.json", {
+  const packageJsonFiles = await glob("**/{packages|tooling}/**/*.json", {
     nobrace: true,
   }).then((f) =>
     f.filter(
@@ -19,9 +19,9 @@ async function getAllPackageJsons() {
   return packageJsonFiles
 }
 
-type Transform = (file: IPackageJson) => IPackageJson
+type TransformFunction = (file: IPackageJson) => IPackageJson
 
-async function transformFile(path: string, transformer: Transform) {
+async function transformFile(path: string, transformer: TransformFunction) {
   const file = await readFileSync(path, "utf8")
   const transformedFileContent = transformer(JSON.parse(file))
   await writeFileSync(
@@ -42,31 +42,55 @@ const whitelistedPackages = {
 async function execute() {
   const files = await getAllPackageJsons()
   files.forEach((filePath) => {
-    transformFile(filePath, (pkg) => {
-      const dependencies = pkg.dependencies
-      for (const dep in dependencies) {
-        if (whitelistedPackages[dep]) continue
-        if (dep.startsWith("@chakra-ui/")) {
-          pkg.dependencies[dep] = "workspace:*"
-        }
-      }
-
-      const devDependencies = pkg.dependencies
-      for (const devDep in devDependencies) {
-        if (whitelistedPackages[devDep]) continue
-        if (devDep.startsWith("@chakra-ui/")) {
-          pkg.dependencies[devDep] = "workspace:*"
-        }
-      }
-      // pkg.scripts["build"] = "tsup src --dts"
-      // pkg.scripts["build:fast"] = "tsup src"
-      // pkg.scripts["clean"] = "rimraf dist .turbo"
-      // pkg.scripts["types:check"] = "tsc --noEmit"
-      return pkg
-    })
+    transformFile(filePath, configureBuildScripts)
   })
 }
 
+const configureBuildTargets: TransformFunction = (pkg: IPackageJson) => {
+  pkg.main = "dist/index.cjs"
+  pkg.module = "dist/index.mjs"
+
+  pkg.exports["."].require = "dist/index.cjs"
+  pkg.exports["."].default = "dist/index.mjs"
+
+  pkg.tsup = {
+    clean: true,
+    target: "es2019",
+    format: ["cjs", "esm"],
+  }
+
+  return pkg
+}
+
+const configureBuildScripts: TransformFunction = (pkg: IPackageJson) => {
+  pkg.scripts["build"] = "tsup src --dts"
+  pkg.scripts["build:fast"] = "tsup src"
+  pkg.scripts["clean"] = "rimraf dist .turbo"
+  pkg.scripts["types:check"] = "tsc --noEmit"
+  return pkg
+}
+
+const configureLocalWorkspaceDependencies: TransformFunction = (
+  pkg: IPackageJson
+) => {
+  const dependencies = pkg.dependencies
+  for (const dep in dependencies) {
+    if (whitelistedPackages[dep]) continue
+    if (dep.startsWith("@chakra-ui/")) {
+      pkg.dependencies[dep] = "workspace:*"
+    }
+  }
+
+  const devDependencies = pkg.dependencies
+  for (const devDep in devDependencies) {
+    if (whitelistedPackages[devDep]) continue
+    if (devDep.startsWith("@chakra-ui/")) {
+      pkg.dependencies[devDep] = "workspace:*"
+    }
+  }
+  return pkg
+}
+
 execute()
   .then(() => consola.success("Successfully transformed files"))
   .catch(consola.error)

scripts/transform-package-meta.ts

@@ -29,4 +29,5 @@ export interface IPackageJson {
   publishConfig: {
     access: string
   }
+  tsup: any
 }