feat: add siderust-js package and integrate language color functionality in project cards

Author: VPRamon

package-lock.json

@@ -15,6 +15,7 @@
     "@astrojs/check": "^0.9.4",
     "@astrojs/tailwind": "^5.1.3",
     "astro": "^4.16.18",
+    "siderust-js": "0.1.0",
     "tailwindcss": "^3.4.15",
     "typescript": "^5.7.2"
   },

package.json

@@ -2,14 +2,12 @@
 # ──────────────────────────────────────────────────────────────────
 # build-wasm-demo.sh — Vendor browser WASM packages into public/vendor/
 #
-# Sources pre-built packages from the sibling javascript workspace:
-#   ../javascript/{qtty-js,tempoch-js,siderust-js}/<pkg>/
+# Sources browser packages from the published npm tarball installed at:
+#   node_modules/siderust-js
 #
-# Each package must already have been built with wasm-pack
-# (i.e. its pkg/ directory must exist with .wasm + .js bindings).
-#
-# To rebuild from Rust source first:
-#   cd /path/to/javascript/<pkg-dir> && wasm-pack build --target web --release
+# The npm package ships the browser wrapper sources, but not the generated
+# wasm-bindgen pkg/ outputs. This script builds pkg/ in node_modules on demand
+# and then copies the browser package files into public/vendor/.
 #
 # Usage:
 #   ./scripts/build-wasm-demo.sh
@@ -18,14 +16,19 @@ set -euo pipefail
 
 ROOT="$(cd "$(dirname "$0")/.." && pwd)"
 VENDOR="$ROOT/public/vendor"
-# Pre-built JS/WASM packages live in the sibling javascript workspace
-JS_ROOT="$(cd "$ROOT/.." && pwd)/javascript"
+NPM_ROOT="$ROOT/node_modules/siderust-js"
+
+if [ ! -d "$NPM_ROOT" ]; then
+  echo "✗ npm package not found at $NPM_ROOT"
+  echo "  Run: npm install"
+  exit 1
+fi
 
 # ── Package definitions ─────────────────────────────────────────
 declare -A PKG_DIRS=(
   [qtty-web]="qtty-js/qtty-web"
   [tempoch-web]="tempoch-js/tempoch-web"
-  [siderust-web]="siderust-js/siderust-web"
+  [siderust-web]="siderust-web"
 )
 
 # Order matters: qtty-web first (no deps), then tempoch-web, then siderust-web
@@ -34,16 +37,18 @@ ORDERED_PKGS=(qtty-web tempoch-web siderust-web)
 echo "🔧 Vendoring WASM demo assets…"
 
 for pkg in "${ORDERED_PKGS[@]}"; do
-  dir="$JS_ROOT/${PKG_DIRS[$pkg]}"
+  dir="$NPM_ROOT/${PKG_DIRS[$pkg]}"
   dest="$VENDOR/$pkg"
 
   echo ""
   echo "── $pkg ──────────────────────────────────────"
 
   if [ ! -d "$dir/pkg" ]; then
-    echo "  ✗ pkg/ not found at $dir/pkg"
-    echo "    Run: cd $dir && wasm-pack build --target web --release"
-    exit 1
+    echo "  → Building pkg/ in $dir"
+    (
+      cd "$dir"
+      wasm-pack build --target web --out-dir pkg --release --scope siderust
+    )
   fi
 
   rm -rf "$dest"

scripts/build-wasm-demo.sh

@@ -5,7 +5,7 @@
  * Displays a project with metadata badges and links.
  */
 import type { RepoMetadata } from '../lib/github';
-import { getStatusColor, getStatusLabel, formatRelativeTime } from '../lib/github';
+import { getStatusColor, getStatusLabel, formatRelativeTime, getLanguageColor } from '../lib/github';
 import { t, localePath, defaultLocale, type Locale } from '../i18n/index';
 
 interface Props {
@@ -33,7 +33,7 @@ const { project, featured = false, locale = defaultLocale } = Astro.props;
       </h3>
       {project.language && (
         <div class="flex items-center gap-2 mt-1">
-          <span class="w-3 h-3 rounded-full bg-rust-500" aria-hidden="true"></span>
+          <span class:list={['w-3 h-3 rounded-full', getLanguageColor(project.language)]} aria-hidden="true"></span>
           <span class="text-sm text-gray-600 dark:text-gray-400">{project.language}</span>
         </div>
       )}

siderust-js

@@ -294,6 +294,22 @@ function getCratesIoUrl(repo: string, configUrl?: string): string | null {
   return `https://crates.io/crates/${repo}`;
 }
 
+export function getLanguageColor(language: string | null): string {
+  switch ((language || '').toLowerCase()) {
+    case 'rust':
+      return 'bg-rust-500';
+    case 'c++':
+    case 'cpp':
+      return 'bg-blue-500';
+    case 'javascript':
+      return 'bg-yellow-400';
+    case 'typescript':
+      return 'bg-sky-500';
+    default:
+      return 'bg-gray-400';
+  }
+}
+
 /**
  * Fetches complete metadata for a repository
  */
@@ -326,7 +342,7 @@ export async function getRepoMetadata(
     openIssues: repoData?.open_issues_count ?? 0,
 
     // Metadata
-    language: repoData?.language || 'Rust',
+    language: projectConfig?.language || repoData?.language || null,
     topics: repoData?.topics || projectConfig?.tags || [],
     license: repoData?.license?.spdx_id || null,
 

src/components/ProjectCard.astro

@@ -10,6 +10,7 @@ import {
   getRepoMetadata,
   formatDate,
   formatRelativeTime,
+  getLanguageColor,
   getStatusColor,
   getStatusLabel
 } from '../../../lib/github';
@@ -42,6 +43,7 @@ const displayName = normalizeText(project.displayName);
 const description = normalizeText(project.description);
 const purpose = normalizeText(project.purpose);
 const language = normalizeText(project.language);
+const languageColor = getLanguageColor(project.language);
 const license = normalizeText(project.license);
 const features = (project.features ?? []).map(normalizeText).filter(Boolean);
 const tags = (project.tags ?? []).map(normalizeText).filter(Boolean);
@@ -121,7 +123,7 @@ const otherProjects = siteConfig.projects
 
             {project.language && (
               <div class="flex items-center gap-2">
-                <span class="w-3 h-3 rounded-full bg-rust-500" aria-hidden="true"></span>
+                <span class:list={['w-3 h-3 rounded-full', languageColor]} aria-hidden="true"></span>
                 <span>{language}</span>
               </div>
             )}

src/lib/github.ts

@@ -10,6 +10,8 @@ export interface ProjectConfig {
   repo: string;
   /** Optional custom display name (defaults to repo name) */
   name?: string;
+  /** Optional language override for display/filtering */
+  language?: string;
   /** Optional custom description (overrides GitHub description) */
   description?: string;
   /** Project status: 'active', 'experimental', 'stable', 'maintenance', 'deprecated' */
@@ -241,6 +243,89 @@ let approx = evaluate(&coeffs, tau);
 println!("sin({tau}) ~= {approx}");`,
       tags: ['math', 'interpolation', 'chebyshev', 'numerics', 'rust'],
     },
+    {
+      repo: 'qtty-js',
+      name: 'qtty-js',
+      language: 'JavaScript',
+      description: 'JavaScript and WebAssembly bindings for qtty, with Node and browser packages for typed units and conversions.',
+      status: 'active',
+      featured: false,
+      purpose: 'qtty-js exposes the qtty unit system to JavaScript runtimes through aligned Node and Web packages. It keeps the canonical conversion model in the vendored Rust workspace while presenting ergonomic JS and TypeScript APIs.',
+      features: [
+        'Node package: @siderust/qtty',
+        'Browser/WASM package: @siderust/qtty-web',
+        'Typed Quantity and DerivedQuantity APIs',
+        'Unit factories and TypeScript declarations',
+        'Shared conversion semantics from vendored qtty',
+      ],
+      docsUrl: 'https://github.com/Siderust/qtty-js#readme',
+      gettingStarted: `npm install @siderust/qtty
+
+const { Quantity, Unit, convert } = require('@siderust/qtty');
+
+const distance = new Quantity(1500, Unit.Meter);
+console.log(distance.to(Unit.Kilometer).value);
+console.log(convert(2, Unit.Hour, Unit.Minute));`,
+      tags: ['javascript', 'wasm', 'node', 'browser', 'units', 'bindings'],
+    },
+    {
+      repo: 'tempoch-js',
+      name: 'tempoch-js',
+      language: 'JavaScript',
+      description: 'JavaScript and WebAssembly bindings for astronomical time primitives: Julian Date, Modified Julian Date, UTC conversion, and periods.',
+      status: 'active',
+      featured: false,
+      purpose: 'tempoch-js brings Siderust’s typed astronomical time model to JavaScript. The workspace ships aligned Node and browser packages that preserve the same strongly-typed Julian date, UTC, and period concepts used by the Rust backend.',
+      features: [
+        'Node package: @siderust/tempoch',
+        'Browser/WASM package: @siderust/tempoch-web',
+        'JulianDate, ModifiedJulianDate, and Period APIs',
+        'Interop with qtty-js quantity objects',
+        'TypeScript declarations for both targets',
+      ],
+      docsUrl: 'https://github.com/Siderust/tempoch-js#readme',
+      gettingStarted: `npm install @siderust/tempoch @siderust/qtty
+
+const { JulianDate } = require('@siderust/tempoch');
+const { Hours } = require('@siderust/qtty/units');
+
+const jd = JulianDate.j2000();
+const later = jd.add(Hours(6));
+console.log(later.toDate().toISOString());`,
+      tags: ['javascript', 'wasm', 'node', 'browser', 'time', 'astronomy', 'bindings'],
+    },
+    {
+      repo: 'siderust-js',
+      name: 'siderust-js',
+      language: 'JavaScript',
+      description: 'JavaScript and WebAssembly bindings for Siderust astronomy: observers, ephemerides, coordinate transforms, and event searches.',
+      status: 'active',
+      featured: false,
+      purpose: 'siderust-js exposes the Siderust astronomy stack to JavaScript through synchronized Node and Web packages. Its public API stays strongly typed by requiring qtty-js and tempoch-js quantity and time objects at the boundary.',
+      features: [
+        'Node package: @siderust/siderust',
+        'Browser/WASM package: @siderust/siderust-web',
+        'Observer models, ephemerides, and transforms',
+        'Altitude, azimuth, crossing, and culmination search',
+        'Strict interop with qtty-js and tempoch-js types',
+      ],
+      docsUrl: 'https://github.com/Siderust/siderust-js#readme',
+      gettingStarted: `npm install @siderust/siderust @siderust/qtty @siderust/tempoch
+
+const { Quantity } = require('@siderust/qtty');
+const { JulianDate } = require('@siderust/tempoch');
+const { Observer, bodyAltitudeAt } = require('@siderust/siderust');
+
+const observer = new Observer(
+  new Quantity(-17.8925, 'Degree'),
+  new Quantity(28.7543, 'Degree'),
+  new Quantity(2396, 'Meter'),
+);
+
+const altitude = bodyAltitudeAt('Sun', observer, new JulianDate(2451545.0).toModifiedJulianDate());
+console.log(altitude.value, altitude.unit);`,
+      tags: ['javascript', 'wasm', 'node', 'browser', 'astronomy', 'ephemeris', 'bindings'],
+    },
     {
       repo: 'siderust-cpp',
       name: 'siderust-cpp',