@bluefly/openstandardagents 0.2.5-RC → 0.2.7

package/website/dev.sh

@@ -0,0 +1,53 @@
+#!/bin/bash
+# OSSA Website - Dev Server with OrbStack
+# Auto-detects worktree and sets unique domain
+#
+# Usage:
+#   cd website && ./dev.sh           # Start dev server
+#   cd website && ./dev.sh down      # Stop dev server
+#   cd website && ./dev.sh logs      # View logs
+
+set -e
+
+# Detect if we're in a worktree or main repo
+# Structure: /worktrees/<worktree-name>/website or /openstandardagents/website
+REPO_DIR=$(dirname "$PWD")
+REPO_NAME=$(basename "$REPO_DIR")
+PARENT_OF_REPO=$(basename "$(dirname "$REPO_DIR")")
+
+# Determine domain based on location
+if [ "$PARENT_OF_REPO" = "worktrees" ]; then
+  # In a worktree: use worktree name
+  DOMAIN="$REPO_NAME"
+elif [ "$REPO_NAME" = "openstandardagents" ]; then
+  # In main repo: ossa.orb.local
+  DOMAIN="ossa"
+else
+  DOMAIN="$REPO_NAME"
+fi
+
+export OSSA_DOMAIN="$DOMAIN"
+
+echo "🌐 Domain: https://${DOMAIN}.orb.local"
+echo ""
+
+case "${1:-up}" in
+  up|start)
+    docker compose -f docker-compose.dev.yml up -d
+    echo ""
+    echo "✅ Dev server starting at https://${DOMAIN}.orb.local"
+    echo "   Run './dev.sh logs' to view output"
+    ;;
+  down|stop)
+    docker compose -f docker-compose.dev.yml down
+    ;;
+  logs)
+    docker compose -f docker-compose.dev.yml logs -f
+    ;;
+  restart)
+    docker compose -f docker-compose.dev.yml restart
+    ;;
+  *)
+    echo "Usage: ./dev.sh [up|down|logs|restart]"
+    ;;
+esac

package/website/docker-compose.dev.yml

@@ -0,0 +1,36 @@
+# OSSA Website - Development with OrbStack
+# Works from any worktree - domain derived from parent directory name
+#
+# Usage:
+#   cd website && docker compose -f docker-compose.dev.yml up
+#
+# Domains:
+#   /openstandardagents/website     → ossa.orb.local (main repo)
+#   /worktrees/website-design       → website-design.orb.local
+#   /worktrees/ossa-97-sync-cli     → ossa-97-sync-cli.orb.local
+
+services:
+  ossa-dev:
+    image: node:22-alpine
+    working_dir: /app
+    command: sh -c "npm install --legacy-peer-deps && npm run dev"
+    ports:
+      - "3000"
+    volumes:
+      - .:/app
+      - node_modules:/app/node_modules
+      - ../examples:/examples:ro
+    environment:
+      - NODE_ENV=development
+      - WATCHPACK_POLLING=true
+    labels:
+      # OrbStack auto-domain: uses parent directory name
+      - "dev.orbstack.domains=${OSSA_DOMAIN:-ossa}.orb.local"
+    healthcheck:
+      test: ["CMD", "wget", "-q", "--spider", "http://localhost:3000"]
+      interval: 10s
+      timeout: 5s
+      retries: 3
+
+volumes:
+  node_modules:

package/website/lib/version.ts

@@ -4,7 +4,7 @@
 
 import versionsData from './versions.json';
 
-export const OSSA_VERSION = "0.2.5-RC";
+export const OSSA_VERSION = "0.2.6";
 export const OSSA_VERSION_TAG = `v${OSSA_VERSION}`;
 export const OSSA_API_VERSION = `ossa/v${OSSA_VERSION}`;
 export const OSSA_SCHEMA_VERSION = OSSA_VERSION;

package/website/lib/versions.json

@@ -1,8 +1,41 @@
 {
-  "stable": "0.2.4",
-  "latest": "0.2.4",
-  "dev": "0.2.5-dev",
+  "stable": "0.2.5-RC",
+  "latest": "0.2.5-RC",
+  "dev": "0.2.6-dev",
   "all": [
+    {
+      "version": "0.2.4",
+      "tag": "v0.2.4",
+      "apiVersion": "ossa/v0.2.4",
+      "type": "stable",
+      "published": true,
+      "available": true
+    },
+    {
+      "version": "0.2.5-RC",
+      "tag": "v0.2.5-RC",
+      "apiVersion": "ossa/v0.2.5-RC",
+      "type": "stable",
+      "published": true,
+      "available": true
+    },
+    {
+      "version": "0.2.7",
+      "tag": "v0.2.7",
+      "apiVersion": "ossa/v0.2.7",
+      "type": "stable",
+      "published": false,
+      "available": false
+    },
+    {
+      "version": "0.2.6",
+      "tag": "v0.2.6",
+      "apiVersion": "ossa/v0.2.6",
+      "type": "stable",
+      "published": false,
+      "available": true,
+      "schemaPath": "/Users/flux423/Sites/LLM/openstandardagents/spec/v0.2.6/ossa-0.2.6.schema.json"
+    },
     {
       "version": "0.2.5",
       "tag": "v0.2.5",
@@ -12,14 +45,6 @@
       "available": true,
       "schemaPath": "/Users/flux423/Sites/LLM/openstandardagents/spec/v0.2.5/ossa-0.2.5.schema.json"
     },
-    {
-      "version": "0.2.4",
-      "tag": "v0.2.4",
-      "apiVersion": "ossa/v0.2.4",
-      "type": "stable",
-      "published": true,
-      "available": true
-    },
     {
       "version": "0.2.3",
       "tag": "v0.2.3",
@@ -56,15 +81,6 @@
       "available": true,
       "schemaPath": "/Users/flux423/Sites/LLM/openstandardagents/spec/v0.2.0/ossa-0.2.0.schema.json"
     },
-    {
-      "version": "0.2.5-RC",
-      "tag": "v0.2.5-RC",
-      "apiVersion": "ossa/v0.2.5-RC",
-      "type": "stable",
-      "published": false,
-      "available": true,
-      "schemaPath": "/Users/flux423/Sites/LLM/openstandardagents/spec/v0.2.5-RC/ossa-0.2.5-RC.schema.json"
-    },
     {
       "version": "0.1.9",
       "tag": "v0.1.9",
@@ -72,6 +88,15 @@
       "type": "stable",
       "published": true,
       "available": true
+    },
+    {
+      "version": "0.2.6-dev",
+      "tag": "v0.2.6-dev",
+      "apiVersion": "ossa/v0.2.6-dev",
+      "type": "dev",
+      "published": false,
+      "available": true,
+      "schemaPath": "/Users/flux423/Sites/LLM/openstandardagents/spec/v0.2.6-dev/ossa-0.2.6-dev.schema.json"
     }
   ],
   "fallbackVersion": "0.2.3"

package/website/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ossa-website",
-  "version": "0.2.5-RC",
+  "version": "0.2.6",
   "description": "Open Standard Agents - The OpenAPI for AI Agents",
   "private": true,
   "scripts": {

package/website/styles/_spacing.scss

@@ -0,0 +1,453 @@
+// OSSA Design System - Spacing & Layout System
+// Consistent spacing scale and layout utilities
+
+// ============================================================================
+// SPACING SCALE (4px base unit)
+// ============================================================================
+
+$space-0: 0;
+$space-px: 1px;
+$space-0-5: 0.125rem;   // 2px
+$space-1: 0.25rem;      // 4px
+$space-1-5: 0.375rem;   // 6px
+$space-2: 0.5rem;       // 8px
+$space-2-5: 0.625rem;   // 10px
+$space-3: 0.75rem;      // 12px
+$space-3-5: 0.875rem;   // 14px
+$space-4: 1rem;         // 16px
+$space-5: 1.25rem;      // 20px
+$space-6: 1.5rem;       // 24px
+$space-7: 1.75rem;      // 28px
+$space-8: 2rem;         // 32px
+$space-9: 2.25rem;      // 36px
+$space-10: 2.5rem;      // 40px
+$space-11: 2.75rem;     // 44px
+$space-12: 3rem;        // 48px
+$space-14: 3.5rem;      // 56px
+$space-16: 4rem;        // 64px
+$space-20: 5rem;        // 80px
+$space-24: 6rem;        // 96px
+$space-28: 7rem;        // 112px
+$space-32: 8rem;        // 128px
+$space-36: 9rem;        // 144px
+$space-40: 10rem;       // 160px
+$space-44: 11rem;       // 176px
+$space-48: 12rem;       // 192px
+$space-52: 13rem;       // 208px
+$space-56: 14rem;       // 224px
+$space-60: 15rem;       // 240px
+$space-64: 16rem;       // 256px
+$space-72: 18rem;       // 288px
+$space-80: 20rem;       // 320px
+$space-96: 24rem;       // 384px
+
+// ============================================================================
+// VERTICAL RHYTHM SYSTEM
+// ============================================================================
+
+// Section spacing (vertical rhythm for page sections)
+$section-spacing-sm: $space-12;    // 48px
+$section-spacing-md: $space-16;    // 64px
+$section-spacing-lg: $space-20;    // 80px
+$section-spacing-xl: $space-24;    // 96px
+
+// Component spacing (internal component padding)
+$component-spacing-xs: $space-2;   // 8px
+$component-spacing-sm: $space-3;   // 12px
+$component-spacing-md: $space-4;   // 16px
+$component-spacing-lg: $space-6;   // 24px
+$component-spacing-xl: $space-8;   // 32px
+
+// Element spacing (gaps between elements)
+$element-spacing-xs: $space-1;     // 4px
+$element-spacing-sm: $space-2;     // 8px
+$element-spacing-md: $space-3;     // 12px
+$element-spacing-lg: $space-4;     // 16px
+$element-spacing-xl: $space-6;     // 24px
+
+// ============================================================================
+// CONTAINER MAX-WIDTHS
+// ============================================================================
+
+$container-sm: 640px;
+$container-md: 768px;
+$container-lg: 1024px;
+$container-xl: 1280px;
+$container-2xl: 1536px;
+
+// Content max-widths (for readable text)
+$content-sm: 36rem;    // 576px
+$content-md: 42rem;    // 672px
+$content-lg: 48rem;    // 768px
+$content-xl: 56rem;    // 896px
+$content-2xl: 64rem;   // 1024px
+$content-3xl: 72rem;   // 1152px
+$content-4xl: 80rem;   // 1280px
+
+// ============================================================================
+// SPACING MIXINS
+// ============================================================================
+
+// Section spacing mixin
+@mixin section-spacing($size: 'md') {
+  @if $size == 'sm' {
+    padding-top: $section-spacing-sm;
+    padding-bottom: $section-spacing-sm;
+  } @else if $size == 'md' {
+    padding-top: $section-spacing-md;
+    padding-bottom: $section-spacing-md;
+  } @else if $size == 'lg' {
+    padding-top: $section-spacing-lg;
+    padding-bottom: $section-spacing-lg;
+  } @else if $size == 'xl' {
+    padding-top: $section-spacing-xl;
+    padding-bottom: $section-spacing-xl;
+  }
+}
+
+// Container mixin with responsive padding
+@mixin container($max-width: $container-xl) {
+  width: 100%;
+  max-width: $max-width;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: $space-4;
+  padding-right: $space-4;
+  
+  @media (min-width: 640px) {
+    padding-left: $space-6;
+    padding-right: $space-6;
+  }
+  
+  @media (min-width: 1024px) {
+    padding-left: $space-8;
+    padding-right: $space-8;
+  }
+}
+
+// Content container (for readable text)
+@mixin content-container($max-width: $content-2xl) {
+  width: 100%;
+  max-width: $max-width;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Stack spacing (vertical spacing between elements)
+@mixin stack($gap: $space-4) {
+  display: flex;
+  flex-direction: column;
+  gap: $gap;
+}
+
+// Inline spacing (horizontal spacing between elements)
+@mixin inline($gap: $space-4) {
+  display: flex;
+  flex-direction: row;
+  gap: $gap;
+}
+
+// Grid spacing
+@mixin grid($columns: 1, $gap: $space-4) {
+  display: grid;
+  grid-template-columns: repeat($columns, 1fr);
+  gap: $gap;
+}
+
+// ============================================================================
+// UTILITY CLASSES
+// ============================================================================
+
+// Container classes
+.container {
+  @include container;
+}
+
+.container-sm {
+  @include container($container-sm);
+}
+
+.container-md {
+  @include container($container-md);
+}
+
+.container-lg {
+  @include container($container-lg);
+}
+
+.container-xl {
+  @include container($container-xl);
+}
+
+.container-2xl {
+  @include container($container-2xl);
+}
+
+// Content container classes
+.content-container {
+  @include content-container;
+}
+
+.content-sm {
+  @include content-container($content-sm);
+}
+
+.content-md {
+  @include content-container($content-md);
+}
+
+.content-lg {
+  @include content-container($content-lg);
+}
+
+.content-xl {
+  @include content-container($content-xl);
+}
+
+.content-2xl {
+  @include content-container($content-2xl);
+}
+
+.content-3xl {
+  @include content-container($content-3xl);
+}
+
+.content-4xl {
+  @include content-container($content-4xl);
+}
+
+// Section spacing classes
+.section-sm {
+  @include section-spacing('sm');
+}
+
+.section-md {
+  @include section-spacing('md');
+}
+
+.section-lg {
+  @include section-spacing('lg');
+}
+
+.section-xl {
+  @include section-spacing('xl');
+}
+
+// Stack classes
+.stack-xs {
+  @include stack($element-spacing-xs);
+}
+
+.stack-sm {
+  @include stack($element-spacing-sm);
+}
+
+.stack-md {
+  @include stack($element-spacing-md);
+}
+
+.stack-lg {
+  @include stack($element-spacing-lg);
+}
+
+.stack-xl {
+  @include stack($element-spacing-xl);
+}
+
+// Inline classes
+.inline-xs {
+  @include inline($element-spacing-xs);
+}
+
+.inline-sm {
+  @include inline($element-spacing-sm);
+}
+
+.inline-md {
+  @include inline($element-spacing-md);
+}
+
+.inline-lg {
+  @include inline($element-spacing-lg);
+}
+
+.inline-xl {
+  @include inline($element-spacing-xl);
+}
+
+// Margin utilities (using spacing scale)
+.m-0 { margin: $space-0; }
+.m-1 { margin: $space-1; }
+.m-2 { margin: $space-2; }
+.m-3 { margin: $space-3; }
+.m-4 { margin: $space-4; }
+.m-5 { margin: $space-5; }
+.m-6 { margin: $space-6; }
+.m-8 { margin: $space-8; }
+.m-10 { margin: $space-10; }
+.m-12 { margin: $space-12; }
+.m-16 { margin: $space-16; }
+.m-20 { margin: $space-20; }
+.m-24 { margin: $space-24; }
+
+// Margin top
+.mt-0 { margin-top: $space-0; }
+.mt-1 { margin-top: $space-1; }
+.mt-2 { margin-top: $space-2; }
+.mt-3 { margin-top: $space-3; }
+.mt-4 { margin-top: $space-4; }
+.mt-5 { margin-top: $space-5; }
+.mt-6 { margin-top: $space-6; }
+.mt-8 { margin-top: $space-8; }
+.mt-10 { margin-top: $space-10; }
+.mt-12 { margin-top: $space-12; }
+.mt-16 { margin-top: $space-16; }
+.mt-20 { margin-top: $space-20; }
+.mt-24 { margin-top: $space-24; }
+
+// Margin bottom
+.mb-0 { margin-bottom: $space-0; }
+.mb-1 { margin-bottom: $space-1; }
+.mb-2 { margin-bottom: $space-2; }
+.mb-3 { margin-bottom: $space-3; }
+.mb-4 { margin-bottom: $space-4; }
+.mb-5 { margin-bottom: $space-5; }
+.mb-6 { margin-bottom: $space-6; }
+.mb-8 { margin-bottom: $space-8; }
+.mb-10 { margin-bottom: $space-10; }
+.mb-12 { margin-bottom: $space-12; }
+.mb-16 { margin-bottom: $space-16; }
+.mb-20 { margin-bottom: $space-20; }
+.mb-24 { margin-bottom: $space-24; }
+
+// Margin left
+.ml-0 { margin-left: $space-0; }
+.ml-1 { margin-left: $space-1; }
+.ml-2 { margin-left: $space-2; }
+.ml-3 { margin-left: $space-3; }
+.ml-4 { margin-left: $space-4; }
+.ml-6 { margin-left: $space-6; }
+.ml-8 { margin-left: $space-8; }
+
+// Margin right
+.mr-0 { margin-right: $space-0; }
+.mr-1 { margin-right: $space-1; }
+.mr-2 { margin-right: $space-2; }
+.mr-3 { margin-right: $space-3; }
+.mr-4 { margin-right: $space-4; }
+.mr-6 { margin-right: $space-6; }
+.mr-8 { margin-right: $space-8; }
+
+// Margin horizontal
+.mx-0 { margin-left: $space-0; margin-right: $space-0; }
+.mx-1 { margin-left: $space-1; margin-right: $space-1; }
+.mx-2 { margin-left: $space-2; margin-right: $space-2; }
+.mx-3 { margin-left: $space-3; margin-right: $space-3; }
+.mx-4 { margin-left: $space-4; margin-right: $space-4; }
+.mx-6 { margin-left: $space-6; margin-right: $space-6; }
+.mx-8 { margin-left: $space-8; margin-right: $space-8; }
+.mx-auto { margin-left: auto; margin-right: auto; }
+
+// Margin vertical
+.my-0 { margin-top: $space-0; margin-bottom: $space-0; }
+.my-1 { margin-top: $space-1; margin-bottom: $space-1; }
+.my-2 { margin-top: $space-2; margin-bottom: $space-2; }
+.my-3 { margin-top: $space-3; margin-bottom: $space-3; }
+.my-4 { margin-top: $space-4; margin-bottom: $space-4; }
+.my-6 { margin-top: $space-6; margin-bottom: $space-6; }
+.my-8 { margin-top: $space-8; margin-bottom: $space-8; }
+.my-12 { margin-top: $space-12; margin-bottom: $space-12; }
+.my-16 { margin-top: $space-16; margin-bottom: $space-16; }
+
+// Padding utilities (using spacing scale)
+.p-0 { padding: $space-0; }
+.p-1 { padding: $space-1; }
+.p-2 { padding: $space-2; }
+.p-3 { padding: $space-3; }
+.p-4 { padding: $space-4; }
+.p-5 { padding: $space-5; }
+.p-6 { padding: $space-6; }
+.p-8 { padding: $space-8; }
+.p-10 { padding: $space-10; }
+.p-12 { padding: $space-12; }
+.p-16 { padding: $space-16; }
+.p-20 { padding: $space-20; }
+.p-24 { padding: $space-24; }
+
+// Padding top
+.pt-0 { padding-top: $space-0; }
+.pt-1 { padding-top: $space-1; }
+.pt-2 { padding-top: $space-2; }
+.pt-3 { padding-top: $space-3; }
+.pt-4 { padding-top: $space-4; }
+.pt-6 { padding-top: $space-6; }
+.pt-8 { padding-top: $space-8; }
+.pt-12 { padding-top: $space-12; }
+.pt-16 { padding-top: $space-16; }
+.pt-20 { padding-top: $space-20; }
+.pt-24 { padding-top: $space-24; }
+
+// Padding bottom
+.pb-0 { padding-bottom: $space-0; }
+.pb-1 { padding-bottom: $space-1; }
+.pb-2 { padding-bottom: $space-2; }
+.pb-3 { padding-bottom: $space-3; }
+.pb-4 { padding-bottom: $space-4; }
+.pb-6 { padding-bottom: $space-6; }
+.pb-8 { padding-bottom: $space-8; }
+.pb-12 { padding-bottom: $space-12; }
+.pb-16 { padding-bottom: $space-16; }
+.pb-20 { padding-bottom: $space-20; }
+.pb-24 { padding-bottom: $space-24; }
+
+// Padding left
+.pl-0 { padding-left: $space-0; }
+.pl-1 { padding-left: $space-1; }
+.pl-2 { padding-left: $space-2; }
+.pl-3 { padding-left: $space-3; }
+.pl-4 { padding-left: $space-4; }
+.pl-6 { padding-left: $space-6; }
+.pl-8 { padding-left: $space-8; }
+
+// Padding right
+.pr-0 { padding-right: $space-0; }
+.pr-1 { padding-right: $space-1; }
+.pr-2 { padding-right: $space-2; }
+.pr-3 { padding-right: $space-3; }
+.pr-4 { padding-right: $space-4; }
+.pr-6 { padding-right: $space-6; }
+.pr-8 { padding-right: $space-8; }
+
+// Padding horizontal
+.px-0 { padding-left: $space-0; padding-right: $space-0; }
+.px-1 { padding-left: $space-1; padding-right: $space-1; }
+.px-2 { padding-left: $space-2; padding-right: $space-2; }
+.px-3 { padding-left: $space-3; padding-right: $space-3; }
+.px-4 { padding-left: $space-4; padding-right: $space-4; }
+.px-6 { padding-left: $space-6; padding-right: $space-6; }
+.px-8 { padding-left: $space-8; padding-right: $space-8; }
+
+// Padding vertical
+.py-0 { padding-top: $space-0; padding-bottom: $space-0; }
+.py-1 { padding-top: $space-1; padding-bottom: $space-1; }
+.py-2 { padding-top: $space-2; padding-bottom: $space-2; }
+.py-3 { padding-top: $space-3; padding-bottom: $space-3; }
+.py-4 { padding-top: $space-4; padding-bottom: $space-4; }
+.py-6 { padding-top: $space-6; padding-bottom: $space-6; }
+.py-8 { padding-top: $space-8; padding-bottom: $space-8; }
+.py-12 { padding-top: $space-12; padding-bottom: $space-12; }
+.py-16 { padding-top: $space-16; padding-bottom: $space-16; }
+.py-20 { padding-top: $space-20; padding-bottom: $space-20; }
+
+// Gap utilities (for flexbox and grid)
+.gap-0 { gap: $space-0; }
+.gap-1 { gap: $space-1; }
+.gap-2 { gap: $space-2; }
+.gap-3 { gap: $space-3; }
+.gap-4 { gap: $space-4; }
+.gap-5 { gap: $space-5; }
+.gap-6 { gap: $space-6; }
+.gap-8 { gap: $space-8; }
+.gap-10 { gap: $space-10; }
+.gap-12 { gap: $space-12; }
+.gap-16 { gap: $space-16; }