Merge branch 'main' into feat-publish-veda-ui-to-npm

Author: dzole0311

.release-it.js

@@ -0,0 +1,68 @@
+const prefixes = {
+  feat: '🎉 Features',
+  fix: '🐛 Fixes',
+  docs: '🚀 Improvements',
+  ci: '🚀 Improvements',
+  test: '🚀 Improvements',
+  refactor: '🚀 Improvements',
+  chore: '🚀 Improvements',
+  revert: '🐛 Fixes'
+};
+
+function groupCommitsByCategory(logs) {
+  const grouped = {};
+
+  // Initialize categories from the values in the prefixes dictionary
+  Object.values(prefixes).forEach((category) => {
+    grouped[category] = [];
+  });
+
+  // Loop through each prefix to find conventional commit pattern ex. feat: , feat(card):
+  Object.entries(prefixes).forEach(([prefix, category]) => {
+    const regex = new RegExp(`^\\* ${prefix}(\\(.*?\\))?: .*?\\)$`, 'gm');
+    const matches = logs.match(regex) || [];
+    grouped[category] = [...matches, ...grouped[category]];
+  });
+
+  return grouped;
+}
+
+module.exports = {
+  hooks: {
+    'after:release': 'echo "VERSION_NUMBER=v${version}" >> "$GITHUB_OUTPUT" '
+  },
+  git: {
+    commitMessage: 'chore(release): update to version v${version}',
+    tagName: 'v${version}',
+    tagAnnotation: 'Release v${version}',
+    pushArgs: ['--follow-tags'],
+    getLatestTagFromAllRefs: true
+  },
+  npm: {
+    publish: false
+  },
+  github: {
+    release: true,
+    releaseName: 'v${version}',
+    autoGenerate: false,
+    releaseNotes: function (context) {
+      const groupedCommits = groupCommitsByCategory(context.changelog);
+      const changelog = Object.entries(groupedCommits)
+        .map(([prefix, commits]) => {
+          if (commits.length > 0) {
+            return `## What's changed \n ### ${prefix}\n ${commits.join('\n')}`;
+          }
+        })
+        .join('\n');
+
+      return changelog;
+    }
+  },
+  plugins: {
+    // The @release-it/conventional-changelog plugin is primarily used for handling version bumps
+    // because we encountered difficulties generating GitHub release notes with the plugin.
+    '@release-it/conventional-changelog': {
+      preset: 'conventionalcommits'
+    }
+  }
+};

.release-it.json

@@ -359,7 +359,7 @@ function Scrollytelling(props) {
 
   return (
     <>
-      <ScrollyMapContainer topOffset={topOffset}>
+      <ScrollyMapContainer topOffset={topOffset || 0}>
         {areLayersLoading && <MapLoading />}
 
         {/*

app/scripts/components/common/blocks/scrollytelling/index.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
 import { listReset } from '@devseed-ui/theme-provider';
-import { LinkProperties, TaxonomyItem } from '$types/veda';
+import { useVedaUI } from '$context/veda-ui-provider';
+import { TaxonomyItem } from '$types/veda';
+
 import { FilterActions } from '$components/common//catalog/utils';
 
 const SourcesUl = styled.ul`
@@ -20,18 +22,19 @@ const SourcesUl = styled.ul`
 
 interface SourcesListProps {
   sources?: TaxonomyItem[];
-  onSourceClick?: (v: string) => void;
+  onSourceClick?: (sourceId: string) => void;
   rootPath?: string;
-  linkProperties?: LinkProperties;
 }
 
 export function CardSourcesList(props: SourcesListProps) {
-  const { sources, onSourceClick, linkProperties, rootPath } = props;
-  const { LinkElement, pathAttributeKeyName } = linkProperties as { LinkElement: React.ElementType, pathAttributeKeyName: string };
+  const { sources, rootPath, onSourceClick } = props;
+
+  const { Link } = useVedaUI();
+
   if (!sources?.length) return null;
 
   // No link rendering
-  if (!rootPath || !onSourceClick) {
+  if (!rootPath) {
     return (
       <div>
         <span>By</span>{' '}
@@ -50,22 +53,24 @@ export function CardSourcesList(props: SourcesListProps) {
       <SourcesUl>
         {sources.map((source) => (
           <li key={source.id}>
-            <LinkElement
-              {...{[pathAttributeKeyName]:`${rootPath}?${FilterActions.TAXONOMY}=${encodeURIComponent(
+            <Link
+              to={`${rootPath}?${FilterActions.TAXONOMY}=${encodeURIComponent(
                 JSON.stringify({
                   Source: source.id
                 })
-              )}`}}
+              )}`}
               onClick={(e) => {
-                e.preventDefault();
-                onSourceClick(source.id);
+                if (onSourceClick) {
+                  e.preventDefault();
+                  onSourceClick(source.id);
+                }
               }}
             >
               {source.name}
-            </LinkElement>
+            </Link>
           </li>
         ))}
       </SourcesUl>
     </div>
   );
-}
+}