Chore custom changelog (#5174)

* chore: create custom changelog for changesets

* chore: changing format

* fix: wrong format for changeset

Author: nmerget

.changeset/config.json

@@ -1,6 +1,9 @@
 {
 	"$schema": "https://unpkg.com/@changesets/config/schema.json",
-	"changelog": "@changesets/changelog-git",
+	"changelog": [
+		"scripts/github/changesets/create-changelog.js",
+		{ "owner": "db-ux-design-system", "repo": "core-web" }
+	],
 	"commit": false,
 	"fixed": [
 		[
@@ -17,6 +20,6 @@
 	"ignore": ["scripts"],
 	"linked": [],
 	"access": "public",
-	"baseBranch": "main",
+	"baseBranch": "origin/main",
 	"updateInternalDependencies": "patch"
 }

.changeset/fix-dbtabs-arrows-on-resize.md

@@ -7,4 +7,5 @@
 ---
 
 fix(DBTabs): ensure navigation arrows appear correctly on window resize
+
 This update resolves an issue where navigation arrows in DBTabs would not appear or update correctly when the window was resized. The component now properly responds to resize events, ensuring arrows are always shown or hidden as needed.

.changeset/sour-brooms-tie.md

@@ -8,6 +8,6 @@
 "@db-ux/core-foundations": patch
 ---
 
-enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package to
-auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot
-uses DB UX Components for code generation
+enabled [`@db-ux/agent-cli`](https://www.npmjs.com/package/@db-ux/agent-cli) for every package
+
+auto-generate/auto-update `.github/copilot-instructions.md`, to ensure GitHub Copilot uses DB UX Components for code generation

package-lock.json

@@ -96,7 +96,8 @@
     "@angular/ssr": "19.2.17",
     "@axe-core/playwright": "4.10.2",
     "@babel/eslint-parser": "7.28.4",
-    "@changesets/cli": "^2.29.5",
+    "@changesets/cli": "2.29.7",
+    "@changesets/types": "6.1.0",
     "@commitlint/cli": "20.1.0",
     "@commitlint/config-conventional": "20.0.0",
     "@db-ux/db-theme": "5.2.0",

package.json

@@ -29,7 +29,7 @@ If you just need the styling follow this:
 
 **No!** The `@db-ux/core-components` package **automatically includes** all the foundations (`@db-ux/core-foundations`) you need. You only need to install one package:
 
-- **Use `@db-ux/core-components`** - If you want to use UI components (buttons, inputs, etc.) 
+- **Use `@db-ux/core-components`** - If you want to use UI components (buttons, inputs, etc.)
 - **Use `@db-ux/core-foundations`** - If you only need design tokens, colors, spacing, fonts, and assets without any component styles
 
 ## Install

packages/components/README.md

@@ -0,0 +1,44 @@
+/**
+ * @type {import('@changesets/types/dist/declarations/src').GetReleaseLine}
+ */
+const getReleaseLine = async (changeset, _type, options) => {
+	const [firstLine, ...futureLines] = changeset.summary
+		.split('\n')
+		.map((l) => l.trimEnd());
+
+	let returnValue = `- ${firstLine}`;
+
+	// Options are coming from .changeset/config.json
+	if (changeset.commit && options.owner && options.repo) {
+		const link = `https://github.com/${options.owner}/${options.repo}/commit/${changeset.commit}`;
+		returnValue += ` - [see commit](${link})`;
+	}
+
+	if (futureLines.length > 0) {
+		returnValue += `:\n\n`;
+		returnValue += `\n${futureLines
+			.filter((l) => l.length)
+			.map((l) => `\t- ${l}`)
+			.join('\n')}`;
+	}
+
+	returnValue += `\n`;
+
+	return returnValue;
+};
+
+/**
+ * @type {import('@changesets/types/dist/declarations/src').GetDependencyReleaseLine}
+ */
+const getDependencyReleaseLine = async () =>
+	// We don't want dependencies to show in the changelog, because we align the version anyway
+	'';
+/**
+ * @type {import('@changesets/types/dist/declarations/src').ChangelogFunctions}
+ */
+const functions = {
+	getReleaseLine,
+	getDependencyReleaseLine
+};
+
+export default functions;

scripts/github/changesets/create-changelog.js

@@ -46,7 +46,7 @@ function getFirstHeadline(changelog: string): string {
 
 function getReleaseNotes(): string {
 	const repoRoot = path.resolve(__dirname, '../../../');
-	const changelogFiles = findChangelogFiles(repoRoot);
+	const changelogFiles = findChangelogFiles(repoRoot, ['output/**']);
 	const notes: string[] = [];
 	for (const file of changelogFiles) {
 		const changelog = fs.readFileSync(file, 'utf8');
@@ -58,15 +58,7 @@ function getReleaseNotes(): string {
 		}
 	}
 
-	return notes
-		.map((log) =>
-			log
-				.split('\n')
-				.map((line) => line.replace('#', '##'))
-				.join('\n')
-		)
-		.join('\n\n---\n\n')
-		.trim();
+	return notes.join('\n\n---\n\n').trim();
 }
 
 function releaseExists(tag: string): boolean {

scripts/github/changesets/publish.ts

@@ -3,10 +3,16 @@ import { globSync } from 'glob';
 /**
  * Find all CHANGELOG.md files in the repo, excluding node_modules, using glob.
  */
-export function findChangelogFiles(repoRoot: string): string[] {
+export function findChangelogFiles(
+	repoRoot: string,
+	ignores?: string[]
+): string[] {
+	const ignore = ignores ?? [];
+	ignore.push('**/node_modules/**');
+
 	return globSync('**/CHANGELOG.md', {
 		cwd: repoRoot,
-		ignore: ['**/node_modules/**'],
+		ignore,
 		absolute: true
 	});
 }