Refactor desktop build workflow to use dynamic versioning and improve variable handling; update product name in configuration files and enhance connect page with store banner

Author: sondreb

.github/workflows/desktop.yml

@@ -3,10 +3,6 @@ name: Desktop Build and Release
 on:
   workflow_dispatch:
     inputs:
-      version:
-        description: 'Version number for the release'
-        required: true
-        default: '0.1.0'
       prerelease:
         description: 'Is this a pre-release?'
         type: boolean
@@ -30,6 +26,11 @@ jobs:
           node-version: 22
           cache: 'npm'
 
+      - name: Variables
+        run: |
+          echo VERSION=$(npm run version --silent) >> $GITHUB_ENV
+        shell: bash
+    
       - name: Install Rust (stable)
         uses: dtolnay/rust-toolchain@stable
 
@@ -47,15 +48,15 @@ jobs:
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
         with:
-          tagName: v${{ github.event.inputs.version }}
-          releaseName: "Blockcore Notes v${{ github.event.inputs.version }}"
+          tagName: ${{ env.VERSION }}
+          releaseName: "Blockcore Notes v${{ env.VERSION }}"
           releaseBody: "See the assets to download this version and install."
           releaseDraft: true
           prerelease: ${{ github.event.inputs.prerelease }}
 
-      - name: Upload artifacts
-        uses: actions/upload-artifact@v4
-        with:
-          name: artifacts-${{ matrix.platform }}
-          path: |
-            target/release/bundle/
+      # - name: Upload artifacts
+      #   uses: actions/upload-artifact@v4
+      #   with:
+      #     name: artifacts-${{ matrix.platform }}
+      #     path: |
+      #       target/release/bundle/

src-tauri/Cargo.toml

@@ -1,5 +1,5 @@
 [package]
-name = "notes"
+name = "Blockcore Notes"
 version = "2.0.0"
 description = "Blockcore Notes"
 authors = ["you"]

src-tauri/tauri.conf.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
-  "productName": "notes",
+  "productName": "Blockcore Notes",
   "version": "2.0.0",
   "identifier": "net.blockcore.notes",
   "build": {

src/app/pages/connect/connect.css

@@ -18,7 +18,7 @@
   position: fixed;
   height: 80px;
   width: 100%;
-  background-color:var(--mat-sidenav-content-text-color, var(--mat-sys-background));
+  background-color: var(--mat-sidenav-content-text-color, var(--mat-sys-background));
   padding: 1em;
   display: flex;
   z-index: 1000;
@@ -33,7 +33,7 @@
   font-size: 1.6em;
   /* color: rgba(0, 0, 0, 0.85); */
   margin-left: 140px;
-  font-weight: 700;  
+  font-weight: 700;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -181,9 +181,11 @@
   0% {
     transform: perspective(400px) rotateY(0deg);
   }
+
   50% {
     transform: perspective(400px) rotateY(30deg);
   }
+
   100% {
     transform: perspective(400px) rotateY(0deg);
   }
@@ -220,6 +222,7 @@
     margin-right: auto !important;
     margin-left: auto !important;
   }
+
   .spaces {
     max-width: 944px;
     margin-right: auto !important;
@@ -316,3 +319,58 @@
   font-size: 0.85em;
   margin-bottom: 1.4em;
 }
+
+.store-banner {
+  background: linear-gradient(135deg, #0078d4, #005a9e);
+  padding: 2em;
+}
+
+.store-content {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+  color: white;
+}
+
+.store-text {
+  flex: 1;
+}
+
+.store-text h3 {
+  font-size: 1.5rem;
+  margin: 0;
+  font-weight: 600;
+}
+
+.store-text p {
+  margin: 0.5rem 0 0;
+  opacity: 0.9;
+}
+
+.store-button {
+  display: inline-flex;
+  align-items: center;
+  background: white;
+  color: #0078d4;
+  padding: 0.8rem 1.5rem;
+  border-radius: 12px;
+  text-decoration: none;
+  font-weight: 600;
+  transition: all 0.3s ease;
+}
+
+.store-button:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+}
+
+@media (max-width: 768px) {
+  .store-content {
+    flex-direction: column;
+    text-align: center;
+    gap: 1rem;
+  }
+
+  .store-banner {
+  }
+}

src/app/pages/connect/connect.html

@@ -85,6 +85,49 @@ <h1 class="centered">Spaces</h1>
       <img loading="lazy" width="1079" height="776" src="/assets/blockcore-notes-screenshot.png" />
     </mat-card>
 
+    <div class="store-banner card">
+      <div class="store-content">
+        
+        <div class="store-text">
+          <h3>Blockcore Notes for Desktop</h3>
+          <p>Install the native app for a better experience</p>
+        </div>
+        <a
+          href="https://github.com/block-core/blockcore-notes/releases"
+          target="_blank"
+          class="store-button"
+        >
+          Get it from GitHub
+          <span class="arrow">→</span>
+        </a>
+      </div>
+    </div>
+
+    <!-- <div class="store-banner card">
+      <div class="store-content">
+        <div class="store-icon">
+          <a href="https://apps.microsoft.com/detail/9NLCCGZQ48TX">
+            <img
+              src="https://get.microsoft.com/images/en-us%20dark.svg"
+              width="200"
+            />
+          </a>
+        </div>
+        <div class="store-text">
+          <h3>Notes for Windows</h3>
+          <p>Install the native app for a better experience</p>
+        </div>
+        <a
+          href="https://apps.microsoft.com/detail/9NLCCGZQ48TX"
+          target="_blank"
+          class="store-button"
+        >
+          Get it from Microsoft Store
+          <span class="arrow">→</span>
+        </a>
+      </div>
+    </div> -->
+
     <mat-card class="card">
       <mat-card-content>
         <h1>Freedom of expression</h1>