FIX release script

Author: pubkey

.github/workflows/release.yml

@@ -24,6 +24,7 @@ jobs:
     # @link https://docs.github.com/en/actions/using-jobs/assigning-permissions-to-jobs
     permissions:
       contents: write
+      workflows: write
       # @link https://docs.npmjs.com/generating-provenance-statements#about-npm-provenance
       id-token: write
     # Steps represent a sequence of tasks that will be executed as part of the job
@@ -99,15 +100,15 @@ jobs:
           git commit -m ${{github.event.inputs.version}}
           git tag ${{github.event.inputs.version}}
 
-      - run: npm publish --tag next
-        if: steps.vars.outputs.prerelease == 'true'
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      # - run: npm publish --tag next
+      #   if: steps.vars.outputs.prerelease == 'true'
+      #   env:
+      #     NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
-      - run: npm publish --provenance --access public
-        if: steps.vars.outputs.prerelease == 'false'
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+      # - run: npm publish --provenance --access public
+      #   if: steps.vars.outputs.prerelease == 'false'
+      #   env:
+      #     NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
 
       # pull again to make it unlikely that we have a merge conflict.
       - run: git pull

docs-src/docs/releases/17.0.0.md

@@ -12,7 +12,7 @@ import { IconVibeCoding } from '@site/src/components/icons/vibe-coding';
 import { IconExperiment } from '@site/src/components/icons/experiment';
 import { IconDevicePhone } from '@site/src/components/icons/device-phone';
 import { IconQuickstart } from '@site/src/components/icons/quickstart';
-import { H2WithIcon } from '@site/src/components/h2-with-icon';
+import { HeadlineWithIcon } from '@site/src/components/headline-with-icon';
 
 export const PERFORMANCE_METRICS_V17 = [
     { key: 'time-to-first-insert', name: 'Time to first insert', color: '#FF8BE0' },
@@ -61,19 +61,15 @@ export const PERFORMANCE_DATA_V17 = [
     }
 ];
 
-<p align="center">
-  <IconQuickstart style={{ width: '80px', height: '80px', marginBottom: '10px' }} />
-</p>
-
-# RxDB 17.0.0 - Local-First to the Moon
+# <HeadlineWithIcon h1 icon={<IconQuickstart />} subtitle="Local-First to the Moon">RxDB 17.0.0</HeadlineWithIcon>
 
 RxDB version 17 focuses on features for Vibe-Coders, **better reactivity**, **improved debugging and DX-for-LLMs**, performance and **important breaking storage fixes**, while also graduating several long-standing plugins out of beta.
 
 Most applications can upgrade easily, but [**users of OPFS and filesystem-based storages must review the migration notes carefully**](#migration-from-version-16-to-17).
 
 Lets start with the most exciting features...
 
-## <H2WithIcon icon={<img src="../files/icons/google-drive.svg" alt="Google Drive Sync" style={{ backgroundColor: 'transparent' }} />} subtitle="Sync without Servers">User Provided Sync Endpoints</H2WithIcon>
+## <HeadlineWithIcon h2 icon={<img src="../files/icons/google-drive.svg" alt="Google Drive Sync" style={{ backgroundColor: 'transparent' }} />} subtitle="Sync without Servers">User Provided Sync Endpoints</HeadlineWithIcon>
 
 RxDB 17 introduces two new replication plugins: [Google Drive Replication](../replication-google-drive.md) and [Microsoft OneDrive Replication](../replication-microsoft-onedrive.md).
 
@@ -98,7 +94,7 @@ By using these user-provided sync endpoints, you can build and distribute comple
 
 
 
-## <H2WithIcon subtitle="Make your App AI Agent Ready">WebMCP Plugin</H2WithIcon>
+## <HeadlineWithIcon h2 subtitle="Make your App AI Agent Ready">WebMCP Plugin</HeadlineWithIcon>
 
 <div className="linkedin-mobile-bottom-container">
 
@@ -124,7 +120,7 @@ Are you a YouTuber or Influencer talking about Web Development, Offline-First, o
 :::
 
 
-## <H2WithIcon icon={<IconVibeCoding />}>Improvements for our Vibe-Coders</H2WithIcon>
+## <HeadlineWithIcon h2 icon={<IconVibeCoding />}>Improvements for our Vibe-Coders</HeadlineWithIcon>
 
 To improve vibe-coding with RxDB, we made the following DX-for-LLM improvements:
 
@@ -144,14 +140,14 @@ Also to improve vibe-coding when working with RxDB directly we added the followi
 
 
 
-## <H2WithIcon icon={<IconDevicePhone />} subtitle="Faster than SQLite">Expo Filesystem RxStorage</H2WithIcon>
+## <HeadlineWithIcon h2 icon={<IconDevicePhone />} subtitle="Faster than SQLite">Expo Filesystem RxStorage</HeadlineWithIcon>
 
 RxDB 17 introduces the [Expo Filesystem RxStorage](../rx-storage-filesystem-expo.md), a high-performance storage backend for React Native and Expo applications. It is built on [expo-opfs](https://www.npmjs.com/package/expo-opfs) and uses the newest Expo Filesystem API. This delivers significant performance gains over SQLite for a wide range of access patterns. Currently I work on making pull requests to the Expo Core repository to further improve the performance of the underlying api. [Read more](../rx-storage-filesystem-expo.md).
 
 <PerformanceChart title="Expo Filesystem vs SQLite (React Native)" data={PERFORMANCE_DATA_EXPO} metrics={PERFORMANCE_METRICS} />
 
 
-## <H2WithIcon subtitle="Harder, Better, Faster, Stronger">Performance Improvements</H2WithIcon>
+## <HeadlineWithIcon h2 subtitle="Harder, Better, Faster, Stronger">Performance Improvements</HeadlineWithIcon>
 
 RxDB 17 ships with faster reads, faster writes, and lower memory usage across all storage backends. The bulk insert path, query routing, and internal data structures have been reworked to reduce CPU overhead per operation. IndexedDB now stores [attachment](../rx-attachment.md) data in a binary format for smaller on-disk size, and several memory leaks in OPFS and migration code paths have been fixed. [Read more](../rx-storage-performance.md).
 
@@ -179,7 +175,7 @@ RxDB 17 ships with faster reads, faster writes, and lower memory usage across al
 - **ADD** enforce maximum length for indexes and primary keys (`maxLength: 2048`) because big maxLength values impact performance.
 
 
-## <H2WithIcon icon={<IconExperiment />}>Plugins Graduating from Beta</H2WithIcon>
+## <HeadlineWithIcon h2 icon={<IconExperiment />}>Plugins Graduating from Beta</HeadlineWithIcon>
 
 The following plugins are **no longer in beta** and are now considered production-ready:
 

docs-src/sidebars.js

@@ -547,7 +547,7 @@ const sidebars = {
         {
           type: 'doc',
           id: 'releases/17.0.0',
-          label: '17.0.0'
+          label: '🆕 17.0.0'
         },
         {
           type: 'doc',

docs-src/src/components/h2-with-icon.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+/**
+ * A generic component to wrap a heading text with an icon on the left.
+ * Must be used inside a markdown heading (`#`, `##`, `###`) so that it appears in the Docusaurus Table of Contents.
+ *
+ * @example
+ * ## <HeadlineWithIcon h2 icon={<IconSomething />}>My Heading Text</HeadlineWithIcon>
+ */
+export function HeadlineWithIcon({ children, icon, subtitle, h1, h2, h3 }: { children: React.ReactNode; icon?: React.ReactNode; subtitle?: React.ReactNode; h1?: boolean; h2?: boolean; h3?: boolean; }) {
+    let size = '35px';
+    let marginRight = '20px';
+    if (h1) {
+        size = '40px';
+    } else if (h3) {
+        size = '30px';
+        marginRight = '15px';
+    }
+
+    return (
+        <span style={{ display: 'inline-flex', alignItems: 'center', verticalAlign: 'bottom' }}>
+            {icon && (
+                <span style={{ width: size, height: size, marginRight, display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}>
+                    {React.isValidElement(icon) ? React.cloneElement(icon as React.ReactElement<any>, {
+                        style: { width: '100%', height: '100%' }
+                    }) : icon}
+                </span>
+            )}
+            <span style={{ display: 'flex', flexDirection: 'column', justifyContent: 'center' }}>
+                <span style={{ lineHeight: '1.2' }}>{children}</span>
+                {subtitle && <span style={{ fontSize: '0.65em', opacity: 0.7, fontWeight: 'normal', lineHeight: '1.2', marginTop: '4px' }}>{subtitle}</span>}
+            </span>
+        </span>
+    );
+}