chore: prepare 0.6.0 release branch

Author: justin-schroeder

.eslintrc.yml

@@ -3,7 +3,7 @@ env:
 extends:
   - eslint:recommended
   - plugin:@typescript-eslint/recommended
-  - plugin:plugin:vue/vue3-recommended
+  - plugin:vue/vue3-recommended
 parserOptions:
   ecmaVersion: latest
   parser: "@typescript-eslint/parser"

.github/workflows/release.yml

@@ -5,20 +5,73 @@ on:
     tags:
       - "v*"
 
+permissions:
+  contents: write
+  id-token: write
+
 jobs:
-  release:
+  publish:
     runs-on: ubuntu-latest
-    permissions:
-      contents: write
     steps:
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.10.0
+
       - uses: actions/setup-node@v4
         with:
-          node-version: lts/*
+          node-version: "20"
+          cache: pnpm
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Update npm for trusted publishing
+        run: npm install -g npm@latest
+
+      - name: Determine npm tag
+        id: publish-meta
+        run: |
+          TAG_NAME=${GITHUB_REF#refs/tags/}
+          VERSION=${TAG_NAME#v}
+
+          if [[ "$VERSION" =~ (^|[-.])next([.-]|$) ]]; then
+            NPM_TAG="next"
+          elif [[ "$VERSION" =~ (^|[-.])dev([.-]|$) ]]; then
+            NPM_TAG="dev"
+          else
+            NPM_TAG="latest"
+          fi
+
+          echo "version=$VERSION" >> "$GITHUB_OUTPUT"
+          echo "npm_tag=$NPM_TAG" >> "$GITHUB_OUTPUT"
+
+      - name: Verify branch for @latest releases
+        if: steps.publish-meta.outputs.npm_tag == 'latest'
+        run: |
+          if ! git branch -r --contains HEAD | grep -q 'origin/main'; then
+            echo "ERROR: @latest releases can only be published from main"
+            exit 1
+          fi
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build package
+        run: pnpm run build
+
+      - name: Validate package
+        working-directory: dist
+        run: npx publint
+
+      - name: Publish package
+        working-directory: dist
+        env:
+          NPM_TAG: ${{ steps.publish-meta.outputs.npm_tag }}
+        run: pnpm publish --access public --no-git-checks --tag "$NPM_TAG"
 
-      - run: npx changelogithub
+      - name: Create GitHub release notes
+        run: npx changelogithub
         env:
-          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -8,6 +8,7 @@ pnpm-debug.log*
 lerna-debug.log*
 
 node_modules
+dist
 dist-ssr
 *.local
 

README.md

@@ -15,7 +15,4 @@ Check out the docs here!
 
 Created by the <a href="https://formkit.com">FormKit team</a>.
 
-> [!NOTE]  
-> Unlike many projects this repository includes the `dist` directory since the documentation extracts TypeScript types from the build source code.
-
 ## About this repository

build.ts

@@ -58,7 +58,7 @@ const __dirname = dirname(__filename);
     outExtension: ({ format }) => ({ js: format === "cjs" ? ".cjs" : ".mjs" }),
   });
 
-  async function replaceImports(fileName) {
+  async function replaceImports(fileName: string) {
     const format = fileName.endsWith("mjs") ? "mjs" : "cjs";
     const file = await readFile(resolve(__dirname, `${fileName}`), "utf8");
     const updatedFile = file.replace(
@@ -77,9 +77,54 @@ const __dirname = dirname(__filename);
 
   console.log("Rewriting package.json...");
 
+  const publishExports = {
+    "./vue": {
+      require: {
+        types: "./vue/index.d.cts",
+        default: "./vue/index.cjs",
+      },
+      import: {
+        types: "./vue/index.d.ts",
+        default: "./vue/index.mjs",
+      },
+    },
+    "./react": {
+      require: {
+        types: "./react/index.d.cts",
+        default: "./react/index.cjs",
+      },
+      import: {
+        types: "./react/index.d.ts",
+        default: "./react/index.mjs",
+      },
+    },
+    "./solid": {
+      require: {
+        types: "./solid/index.d.cts",
+        default: "./solid/index.cjs",
+      },
+      import: {
+        types: "./solid/index.d.ts",
+        default: "./solid/index.mjs",
+      },
+    },
+    ".": {
+      require: {
+        types: "./index.d.cts",
+        default: "./index.cjs",
+      },
+      import: {
+        types: "./index.d.ts",
+        default: "./index.mjs",
+      },
+    },
+  };
+
   const packageJson = {
-    name: "@formkit/drag-and-drop",
     ...JSON.parse(await readFile(resolve(__dirname, `package.json`), "utf8")),
+    main: "./index.cjs",
+    types: "./index.d.cts",
+    exports: publishExports,
   };
   delete packageJson.devDependencies;
   delete packageJson.private;