@kingbain/status-page-sveltekit 1.1.9 → 1.1.11

package/.github/workflows/pull-request-validation.yml

@@ -0,0 +1,32 @@
+name: Pull Request Validation
+
+permissions:
+  contents: read
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened, ready_for_review]
+
+jobs:
+  test-and-build:
+    if: github.event.pull_request.draft == false
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run test suite
+        run: npm test
+
+      - name: Build project
+        run: npm run build

package/.github/workflows/release.yml

@@ -7,9 +7,9 @@ on:
 
 permissions:
   contents: write
-  issues:     write
+  issues: write
   pull-requests: write
-  id-token:   write
+  id-token: write
 
 jobs:
   release:
@@ -17,13 +17,13 @@ jobs:
     steps:
       - name: Check out code
         uses: actions/checkout@v4
+        with:
+          fetch-depth: 0 # semantic-release needs full history
 
       - name: Set up Node.js
         uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
-          registry-url: https://registry.npmjs.org
-          always-auth: true
 
       - name: Install dependencies
         run: npm ci
@@ -33,7 +33,6 @@ jobs:
 
       - name: Run semantic-release
         env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN}} 
-          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
-          NPM_CONFIG_ACCESS: public
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_CONFIG_PROVENANCE: true 
         run: npx semantic-release

package/README.md

@@ -1,38 +1,64 @@
-# sv
+# ⬆️ Modified Upptime Status Page (SvelteKit Edition)
 
-Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
+> **Note:** This repository is a **modified fork** loosely based on the [original Upptime static site generator](https://github.com/upptime/status-page). It’s been updated to use a modern web stack (SvelteKit, Vite, GitHub Actions, semantic-release) instead of the legacy Sapper setup.
 
-## Creating a project
+This project still provides an embeddable, static status page for monitoring uptime, but with improved developer ergonomics, automated releases, and a streamlined build pipeline.
 
-If you're seeing this, you've probably already done this step. Congrats! 
+---
 
-```bash
-# create a new project in the current directory
-npx sv create
+|        | Status                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| ------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| Build  | [![Node CI](https://github.com/KingBain/status-page-sveltekit/actions/workflows/release.yml/badge.svg)](https://github.com/KingBain/status-page-sveltekit/actions) [![Dependencies](https://img.shields.io/librariesio/github/KingBain/status-page-sveltekit)](https://libraries.io/github/KingBain/status-page-sveltekit) [![GitHub release (latest by date)](https://img.shields.io/github/v/release/KingBain/status-page-sveltekit)](https://github.com/KingBain/status-page-sveltekit/releases) |
 
-# create a new project in my-app
-npx sv create my-app
-```
 
-## Developing
+---
 
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+## 🎁 Contributing
 
-```bash
-npm run dev
+Contributions and feedback are welcome! This repository has diverged from the original Upptime project, so please:
 
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
+1. Read our [Contributing Guidelines](https://github.com/KingBain/status-page-sveltekit/blob/main/CONTRIBUTING.md).
+2. Follow our [Code of Conduct](https://github.com/KingBain/status-page-sveltekit/blob/main/CODE_OF_CONDUCT.md).
+3. Open issues or pull requests on this repository for bugs and enhancements.
+
+## 💻 Local Development
+
+> **Tip:** This project includes a Dev Container definition for a consistent development environment. In VS Code, install the Remote Containers extension and select **Reopen in Container** (or run `Dev Containers: Reopen in Container` from the command palette).
+
+1. **Install dependencies**
+
+   ```bash
+   npm ci
+   ```
+
+2. **Run in development mode**
 
-## Building
+   ```bash
+   npm run dev
+   ```
 
-To create a production version of your app:
+3. **Build for production**
 
-```bash
-npm run build
+   ```bash
+   npm run build
+   ```
+
+4. **Preview the production build**
+
+   ```bash
+   npm run preview
+   ```
+
+## 🧪 Testing the Package
+
+To try out this custom status page package, update your `.upptimerc.yml` configuration:
+
+```yaml
+customStatusWebsitePackage: "@kingbain/status-page-sveltekit"
 ```
 
-You can preview the production build with `npm run preview`.
+Then configure and run the standard Upptime Site CI GitHub Action (for example, using `upptime/actions/site@v2`) in your CI workflow to regenerate the status page with this custom package.
+
+## 🚀 Release & Deployment
 
-> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+* **Automated Releases:** We use `semantic-release` and GitHub Actions to bump versions, generate changelogs, publish to npm, and create GitHub Releases on every merge to `main`.

package/package.json

@@ -1,7 +1,11 @@
 {
 	"name": "@kingbain/status-page-sveltekit",
 	"private": false,
-	"version": "1.1.9",
+	"version": "1.1.11",
+	"publishConfig": {
+		"access": "public",
+		"provenance": true
+	},
 	"type": "module",
 	"repository": "https://github.com/KingBain/status-page-sveltekit",
 	"scripts": {
@@ -25,8 +29,8 @@
 		"@eslint/compat": "^1.2.5",
 		"@eslint/js": "^9.18.0",
 		"@semantic-release/commit-analyzer": "^13.0.1",
-		"@semantic-release/github": "^11.0.3",
-		"@semantic-release/npm": "^12.0.2",
+		"@semantic-release/github": "^12.0.6",
+		"@semantic-release/npm": "^13.1.4",
 		"@semantic-release/release-notes-generator": "^14.0.3",
 		"@sveltejs/adapter-auto": "^4.0.0",
 		"@sveltejs/kit": "^2.25.0",
@@ -41,7 +45,7 @@
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"rollup": "^4.36.0",
-		"semantic-release": "^24.2.7",
+		"semantic-release": "^25.0.3",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",

package/src/lib/components/ActiveScheduled.svelte

@@ -26,13 +26,16 @@
 				)
 			).data;
 			incidents = incidents.map((incident, index) => {
+				const body = incident.body || '';
 				incident.showHeading =
 					index === 0 ||
 					new Date(incidents[index - 1].created_at).toLocaleDateString() !==
 						new Date(incident.created_at).toLocaleDateString();
 				incident.metadata = {};
-				if (incident.body.includes('<!--')) {
-					const summary = incident.body.split('<!--')[1].split('-->')[0];
+				const commentStart = '<' + '!--';
+				const commentEnd = '--' + '>';
+				if (body.includes(commentStart)) {
+					const summary = body.split(commentStart)[1].split(commentEnd)[0];
 					const lines = summary
 						.split('\n')
 						.filter((i) => i.trim())

package/src/lib/components/Incident.svelte

@@ -30,9 +30,12 @@
 					})
 				)
 			).data;
+			const body = incident.body || '';
 			incident.metadata = {};
-			if (incident.body.includes('<!--')) {
-				const summary = incident.body.split('<!--')[1].split('-->')[0];
+			const commentStart = '<' + '!--';
+			const commentEnd = '--' + '>';
+			if (body.includes(commentStart)) {
+				const summary = body.split(commentStart)[1].split(commentEnd)[0];
 				const lines = summary
 					.split('\n')
 					.filter((i) => i.trim())

package/src/routes/+layout.svelte

@@ -2,7 +2,22 @@
 	import Nav from '$lib/components/Nav.svelte';
 	import config from '$lib/data/config.json';
 	import snarkdown from 'snarkdown';
+	import { onMount } from 'svelte';
 	export let segment;
+
+	onMount(() => {
+		const customJs = config['status-website']?.js;
+		if (!customJs || typeof document === 'undefined') return;
+
+		const script = document.createElement('script');
+		script.setAttribute('data-status-website-script', 'true');
+		script.textContent = customJs;
+		document.body.appendChild(script);
+
+		return () => {
+			script.remove();
+		};
+	});
 </script>
 
 <svelte:head>
@@ -70,12 +85,9 @@
 			<meta name={meta.name} content={meta.content} />
 		{/each}
 	{/if}
-	{#if config['status-website'].css}
+	{#if (config['status-website'] || {}).css}
 		{@html `<style>${config['status-website'].css}</style>`}
 	{/if}
-	{#if config['status-website'].js}
-		{@html `<script>${config['status-website'].js}</script>`}
-	{/if}
 </svelte:head>
 
 {#if (config['status-website'] || {}).customBodyHtml}