chore: auto publish

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/ci.yml

@@ -1,9 +1,9 @@
 name: CI
 on: [push]
 
-# cancel in-progress runs on new commits to same PR (gitub.event.number)
+# Automatically cancel in-progress actions on the same branch
 concurrency:
-  group: ${{ github.workflow }}-${{ github.event.number || github.sha }}
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}
   cancel-in-progress: true
 
 jobs:

.github/workflows/release.yml

@@ -0,0 +1,41 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+  pull-requests: write
+  packages: write
+
+# Automatically cancel in-progress actions on the same branch
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request_target' && github.head_ref || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  build:
+    name: Build Packages
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: pnpm/action-setup@v2
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'pnpm'
+      - if: ${{ steps.cache-node.outputs.cache-hit != 'true' }}
+        run: pnpm install
+      - run: pnpm run build
+      - uses: changesets/action@v1
+        if: ${{ github.event_name != 'pull_request' }}
+        with:
+          version: pnpm run ci:version
+          publish: pnpm run ci:publish
+          commit: '[ci] release'
+          title: '[ci] release'
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.verdaccio/config.yml

@@ -0,0 +1,28 @@
+# path to a directory with all packages
+storage: ../tmp/local-registry/storage
+
+# a list of other known repositories we can talk to
+uplinks:
+  npmjs:
+    url: https://registry.npmjs.org/
+    maxage: 60m
+
+packages:
+  '**':
+    # give all users (including non-authenticated users) full access
+    # because it is a local registry
+    access: $all
+    publish: $all
+    unpublish: $all
+
+    # if package is not available locally, proxy requests to npm registry
+    proxy: npmjs
+
+# log settings
+logs:
+  type: stdout
+  format: pretty
+  level: warn
+
+publish:
+  allow_offline: true # set offline to true to allow publish offline

package.json

@@ -17,7 +17,10 @@
     "size": "size-limit",
     "analyze": "size-limit --why",
     "test": "nx test headless-stepper",
-    "test:watch": "npm run nx run headless-stepper:test -- --watch"
+    "test:watch": "npm run nx run headless-stepper:test -- --watch",
+    "local-registry": "nx run local-registry",
+    "ci:version": "changeset version",
+    "ci:publish": "changeset publish"
   },
   "private": true,
   "devDependencies": {
@@ -78,6 +81,7 @@
     "tsup": "^7.1.0",
     "typescript": "5.1.6",
     "url-loader": "^4.1.1",
+    "verdaccio": "^5.0.4",
     "vite": "4.3.9",
     "vite-tsconfig-paths": "4.2.0",
     "vitest": "0.31.4",
@@ -88,6 +92,7 @@
     "packages/**"
   ],
   "dependencies": {
+    "@changesets/cli": "^2.26.2",
     "core-js": "^3.6.5",
     "next": "^13.1.1",
     "react": "18.2.0",
@@ -103,5 +108,8 @@
       "path": "packages/headless-stepper/dist/index.mjs",
       "limit": "15 KB"
     }
-  ]
-}
+  ],
+  "nx": {
+    "includedScripts": []
+  }
+}

packages/headless-stepper/.npmignore

@@ -2,3 +2,6 @@ project.json
 .storybook/
 src/lib/examples/*
 .eslintrc.json
+components/tsup.config.ts
+components/scripts/*
+components/src/*

packages/headless-stepper/CHANGELOG.md

@@ -0,0 +1,7 @@
+# headless-stepper
+
+## 1.9.1
+
+### Patch Changes
+
+- chore: remove unncessary files from component

packages/headless-stepper/components/package.json

@@ -8,6 +8,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "headless-stepper": "^1.8.0"
-  }
-}
+    "headless-stepper": "latest"
+  },
+  "private": true
+}

packages/headless-stepper/package.json

@@ -1,7 +1,7 @@
 {
   "name": "headless-stepper",
   "description": "Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.",
-  "version": "1.9.0",
+  "version": "1.9.1-beta.1",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",

packages/headless-stepper/src/lib/examples/HeadlessStepper.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { useStepper } from '../hooks/useStepper';
-import styles from './HeadlessStepper.module.css';
 
 /* eslint-disable-next-line */
 export interface HeadlessStepperProps {}
@@ -24,7 +23,7 @@ export function HeadlessStepper(props: HeadlessStepperProps) {
       steps,
     });
   return (
-    <div className={styles['container']}>
+    <div>
       <h1>Welcome to HeadlessStepper!</h1>
       <div>
         <nav style={{ display: 'flex' }} {...stepperProps}>