{"id":46940933,"url":"https://github.com/pathsim/home","last_synced_at":"2026-03-11T07:03:41.195Z","repository":{"id":333893724,"uuid":"1139154408","full_name":"pathsim/home","owner":"pathsim","description":"Repo of the PathSim homepage.","archived":false,"fork":false,"pushed_at":"2026-03-04T10:01:12.000Z","size":3504,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-03-04T15:34:44.440Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://pathsim.org/","language":"Svelte","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"agpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pathsim.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-21T15:40:25.000Z","updated_at":"2026-03-04T10:01:26.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/pathsim/home","commit_stats":null,"previous_names":["pathsim/pathsim-home","pathsim/home"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/pathsim/home","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pathsim%2Fhome","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pathsim%2Fhome/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pathsim%2Fhome/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pathsim%2Fhome/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pathsim","download_url":"https://codeload.github.com/pathsim/home/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pathsim%2Fhome/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30373522,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-11T06:09:32.197Z","status":"ssl_error","status_checked_at":"2026-03-11T06:09:17.086Z","response_time":84,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-03-11T07:03:32.454Z","updated_at":"2026-03-11T07:03:41.187Z","avatar_url":"https://github.com/pathsim.png","language":"Svelte","funding_links":["https://github.com/sponsors/pathsim'"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://raw.githubusercontent.com/pathsim/pathsim-home/master/static/pathsim_logo.png\" width=\"300\" alt=\"PathSim Logo\" /\u003e\n\u003c/p\u003e\n\n------------\n\n# PathSim Home - Landing Page\n\nThe official landing page for the PathSim ecosystem, showcasing PathSim, PathSim-Chem, PathSim-Vehicle, and PathView. Built with SvelteKit and hosted at [pathsim.org](https://pathsim.org).\n\n## Tech Stack\n\n- [SvelteKit 2](https://kit.svelte.dev/) with Svelte 5 runes\n- [CodeMirror 6](https://codemirror.net/) for interactive code examples\n- Static site generation via adapter-static\n- CSS custom properties for theming\n\n## Getting Started\n\n```bash\nnpm install\nnpm run dev\n```\n\nFor production:\n\n```bash\nnpm run build\nnpm run preview\n```\n\n## Project Structure\n\n```\nsrc/\n├── lib/\n│   ├── components/\n│   │   ├── common/\n│   │   │   ├── Icon.svelte        # 440+ SVG icons\n│   │   │   ├── Tooltip.svelte     # Position-aware tooltips\n│   │   │   └── CodeBlock.svelte   # Code display component\n│   │   └── layout/\n│   │       ├── Header.svelte      # Sticky navigation\n│   │       └── Footer.svelte      # Footer links\n│   ├── config/\n│   │   ├── config.ts              # Links, content, features\n│   │   ├── cdn.ts                 # External resource URLs\n│   │   └── timing.ts              # Animation timings\n│   └── utils/\n│       ├── codemirror.ts          # Editor setup\n│       ├── clipboard.ts           # Copy functionality\n│       └── colors.ts              # Syntax highlighting\n├── routes/\n│   ├── +layout.svelte             # App shell, theme toggle\n│   └── +page.svelte               # Homepage\n└── app.css                        # Global design system\n\nstatic/\n├── favicon.png\n├── pathsim_logo.png\n├── pathsim_chem_logo.png\n├── pathsim_vehicle_logo.png\n├── pathsim_flight_logo.png\n└── pathview_logo.png\n```\n\n---\n\n## Page Sections\n\n### Hero Section\n\n- PathSim logo and tagline\n- Brief description\n- Action buttons: Intro, Docs, Editor, GitHub, Sponsor\n- Interactive code example (read-only CodeMirror)\n\n### Installation\n\nTwo-card layout with one-click copy:\n\n```bash\npip install pathsim\nconda install -c conda-forge pathsim\n```\n\n### Ecosystem\n\nGrid of 4 package cards:\n\n| Package | Description |\n|---------|-------------|\n| **PathView** | Visual node editor (Editor) |\n| **PathSim** | Core simulation framework |\n| **PathSim-Chem** | Chemical reaction networks |\n| **PathSim-Vehicle** | Vehicle dynamics |\n\nEach card links to: App/Editor, API docs, Documentation, PyPI, Examples, GitHub\n\n### Features\n\n8 feature cards in a 4-column grid:\n\n- Block-Diagram Modeling\n- Adaptive Time-Stepping\n- Real-Time Simulation\n- Hierarchical Systems\n- FMU Support\n- Chemical Kinetics\n- Vehicle Dynamics\n- Open Source\n\n---\n\n## Configuration\n\n### Content Configuration (`src/lib/config/config.ts`)\n\nAll external links and content in one place:\n\n```typescript\nexport const links = {\n  docs: 'https://docs.pathsim.org',\n  view: 'https://view.pathsim.org',\n  github: 'https://github.com/pathsim/pathsim',\n  pypi: 'https://pypi.org/project/pathsim',\n  sponsor: 'https://github.com/sponsors/pathsim'\n};\n\nexport const hero = {\n  tagline: 'Simulation Made Simple',\n  description: 'A Python framework for...'\n};\n\nexport const features = [\n  { title: 'Block-Diagram Modeling', description: '...' },\n  // ...\n];\n\nexport const exampleCode = `\nfrom pathsim import Simulation\nfrom pathsim.blocks import Integrator, Amplifier\n# ...\n`;\n```\n\n### Packages Configuration\n\n```typescript\nexport const packages = {\n  pathsim: {\n    name: 'PathSim',\n    logo: '/pathsim_logo.png',\n    links: { ... }\n  },\n  chem: { ... },\n  vehicle: { ... },\n  pathview: { ... }\n};\n```\n\n---\n\n## Design System\n\nGlobal styles in `app.css` (1000+ lines) with CSS custom properties.\n\n### Theme Support\n\n- **Dark theme** (default): `--surface: #08080c`\n- **Light theme**: `--surface: #f0f0f4`\n- Toggle via `data-theme` attribute on `\u003chtml\u003e`\n- Persisted to localStorage\n\n### Color Palette\n\n| Variable | Dark | Light | Usage |\n|----------|------|-------|-------|\n| `--surface` | #08080c | #f0f0f4 | Page background |\n| `--surface-raised` | #1c1c26 | #ffffff | Cards, panels |\n| `--text` | #f0f0f5 | #1a1a1f | Primary text |\n| `--text-muted` | #808090 | #808090 | Secondary text (fixed) |\n| `--accent` | #0070c0 | #0070c0 | Brand blue |\n| `--border` | #2a2a36 | #d4d4dc | Borders |\n\n### Typography\n\n- **UI Font**: Inter (Google Fonts)\n- **Code Font**: JetBrains Mono\n- **Base size**: 12px\n- **Scale**: xs (10px), sm (11px), base (12px), md (14px), lg (16px)\n\n### Spacing Scale\n\n```css\n--space-xs: 4px;\n--space-sm: 8px;\n--space-md: 16px;\n--space-lg: 24px;\n--space-xl: 32px;\n--space-2xl: 48px;\n```\n\n### Component Classes\n\n| Class | Usage |\n|-------|-------|\n| `.panel` | Container with border and background |\n| `.tile` | Clickable panel variant |\n| `.elevated` | Subtle shadow effect |\n| `.install-card` | Installation command card |\n| `.icon-btn` | Icon-only button |\n\n### Responsive Breakpoints\n\n```css\n@media (max-width: 900px)  /* Desktop → Tablet */\n@media (max-width: 768px)  /* Tablet → Mobile */\n@media (max-width: 600px)  /* Small mobile */\n```\n\n---\n\n## Components\n\n### Icon.svelte\n\n440+ SVG icons from Feather icon set:\n\n```svelte\n\u003cIcon name=\"github\" size={16} /\u003e\n\u003cIcon name=\"zap\" /\u003e  \u003c!-- Default 14px --\u003e\n```\n\nCommon icons: `zap`, `book`, `play`, `github`, `heart`, `sun`, `moon`, `code`, `copy`, `check`, `external-link`\n\n### Tooltip.svelte\n\nPosition-aware tooltips via Svelte action:\n\n```svelte\n\u003cscript\u003e\n  import { tooltip } from '$lib/components/common/Tooltip.svelte';\n\u003c/script\u003e\n\n\u003cbutton use:tooltip={'Click to copy'}\u003eCopy\u003c/button\u003e\n\u003cbutton use:tooltip={{ text: 'Shortcut', shortcut: '⌘C' }}\u003eCopy\u003c/button\u003e\n```\n\nFeatures:\n- Auto-positioning (top, bottom, left, right)\n- Viewport collision detection\n- Optional keyboard shortcut display\n- 50ms show/hide delay\n\n### CodeBlock.svelte\n\nRead-only code display with syntax highlighting:\n\n```svelte\n\u003cCodeBlock code={pythonCode} language=\"python\" /\u003e\n```\n\nFeatures:\n- CodeMirror 6 with Python syntax\n- Dark/light theme support\n- Copy button with feedback\n- Loading state\n\n---\n\n## Utilities\n\n### codemirror.ts\n\nCodeMirror setup with custom theming:\n\n```typescript\nimport { loadCodeMirrorModules, createEditorExtensions, EditorManager } from '$lib/utils/codemirror';\n\n// Load modules (cached)\nconst modules = await loadCodeMirrorModules();\n\n// Create extensions\nconst extensions = createEditorExtensions(modules, {\n  readOnly: true,\n  theme: 'dark'\n});\n\n// Or use EditorManager for full lifecycle\nconst manager = new EditorManager(container, {\n  initialDoc: code,\n  readOnly: true\n});\nawait manager.init();\nmanager.updateTheme('light');\nmanager.destroy();\n```\n\n### clipboard.ts\n\nCopy to clipboard with feedback:\n\n```typescript\nimport { copyToClipboard } from '$lib/utils/clipboard';\n\nawait copyToClipboard(text, {\n  onStart: () =\u003e setCopying(true),\n  onSuccess: () =\u003e setSuccess(true),\n  onError: (err) =\u003e console.error(err),\n  onFinish: () =\u003e setCopying(false)\n});\n```\n\n---\n\n## Scripts\n\n| Script | Purpose |\n|--------|---------|\n| `npm run dev` | Start development server (localhost:5173) |\n| `npm run build` | Production build to `build/` |\n| `npm run preview` | Preview production build |\n| `npm run check` | TypeScript/Svelte type checking |\n| `npm run lint` | Run ESLint |\n| `npm run format` | Format with Prettier |\n\n---\n\n## Deployment\n\nGitHub Pages deployment via GitHub Actions.\n\n### Workflow (`.github/workflows/deploy.yml`)\n\n1. Trigger on push to `master`\n2. Setup Node.js 20\n3. Build with `BASE_PATH=/${{ github.event.repository.name }}`\n4. Deploy to GitHub Pages\n\n### Environment Variables\n\n- `BASE_PATH`: URL base path for subpath deployment\n\n---\n\n## Integration Points\n\n### External Links\n\n| Service | URL |\n|---------|-----|\n| Documentation | docs.pathsim.org |\n| Visual Editor | view.pathsim.org |\n| GitHub Org | github.com/pathsim |\n| PyPI | pypi.org/project/pathsim |\n| Sponsorship | github.com/sponsors/pathsim |\n\n### Cross-Project Design System\n\nThe design system (`app.css`) is shared across:\n- pathsim-home (this repo)\n- pathsim-docs\n- pathview\n\nKey shared elements:\n- CSS custom properties\n- Color palette\n- Typography scale\n- Component classes (`.panel`, `.tile`, `.elevated`)\n\n---\n\n## Design Principles\n\n1. **Configuration-driven** - All content in `config.ts`, easy to update\n2. **Global styles first** - Design tokens in `app.css`, reused everywhere\n3. **Minimal components** - Only essential UI (Icon, Tooltip, Header, Footer)\n4. **Dark-first design** - Default dark theme, light as override\n5. **Responsive by default** - Mobile-friendly from the start\n6. **Static generation** - No server required, fast CDN delivery\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpathsim%2Fhome","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpathsim%2Fhome","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpathsim%2Fhome/lists"}