@fuzdev/fuz_gitops 0.57.0

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Ryan Atkinson <mail@ryanatkn.com> <https://ryanatkn.com/>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,119 @@
+# fuz_gitops
+
+[<img src="/static/logo.svg" alt="a friendly blue spider facing you" align="right" width="192" height="192">](https://gitops.fuz.dev/)
+
+> a tool for managing many repos 🪄 [gitops.fuz.dev](https://gitops.fuz.dev/)
+
+fuz_gitops is alternative to the monorepo pattern that more loosely couples repos:
+
+- enables automations across repos without requiring them to be in the same monorepo
+- allows each repo to be managed from multiple fuz_gitops projects
+- runs automations locally on your machine, giving you full control and visibility
+  (big tradeoffs in both directions compared to GitHub actions)
+
+With fuz_gitops you can:
+
+- dynamically compose repos
+- fetch metadata about collections of repos and import it as typesafe JSON (using
+  [Gro's public package patterns](https://github.com/ryanatkn/gro/blob/main/src/docs/gro_plugin_sveltekit_app.md#well_known_package_json))
+- publish a generated docs website for your collections of repos
+- import its components to view and interact with repo collection metadata
+- publish metadata about your collections of repos to the web for other users and tools
+- publish multiple interdependent packages in dependency order with automatic dependency updates
+
+## Usage
+
+```bash
+npm i -D @fuzdev/fuz_gitops
+```
+
+- configure [`gitops.config.ts`](/gitops.config.ts)
+- fuz_gitops calls the GitHub API using the environment variable `SECRET_GITHUB_API_TOKEN` for authorization,
+  which is a [classic GitHub token](https://github.com/settings/tokens)
+  (with "public access" for public repos, no options selected)
+  or a [fine-grainted GitHub token (beta)](https://github.com/settings/tokens?type=beta)
+  (with `"Public Repositories (read-only)"` selected)
+  in either `process.env`, a project-local `.env`, or the parent directory at `../.env`
+  (currently optional to read public repos, but it's recommended regardless,
+  and you'll need to select options to support private repos)
+- re-export the gitops tasks by creating files in `$lib/`:
+
+  ```ts
+  // gitops_sync.task.ts
+  export * from '@fuzdev/fuz_gitops/gitops_sync.task.js';
+
+  // gitops_analyze.task.ts
+  export * from '@fuzdev/fuz_gitops/gitops_analyze.task.js';
+
+  // gitops_plan.task.ts
+  export * from '@fuzdev/fuz_gitops/gitops_plan.task.js';
+
+  // gitops_publish.task.ts
+  export * from '@fuzdev/fuz_gitops/gitops_publish.task.js';
+
+  // gitops_validate.task.ts
+  export * from '@fuzdev/fuz_gitops/gitops_validate.task.js';
+  ```
+
+- run `gro gitops_sync` to sync repos and update the local data
+
+## Architecture
+
+```
+gitops.config.ts → local repos → GitHub API → repos.ts → UI components
+```
+
+- **Operations pattern**: Dependency injection for all side effects (git, npm, fs)
+- **Fixture testing**: Generated git repos for isolated tests
+- **Changeset-driven**: Automatic version bumps and dependency updates
+
+See [CLAUDE.md](CLAUDE.md#architecture) for detailed documentation.
+
+## Quick Start
+
+### Syncing repo metadata
+
+```bash
+gro gitops_sync               # sync repos and generate UI data
+gro gitops_sync --download    # clone missing repos first
+```
+
+### Diagnostic commands (read-only)
+
+```bash
+gro gitops_validate      # run all validation checks (analyze + plan + dry run)
+gro gitops_analyze       # analyze dependency graph and detect cycles
+gro gitops_plan          # generate publishing plan showing version changes and cascades
+gro gitops_publish --dry_run # simulate publishing without side effects
+```
+
+### Publishing packages
+
+```bash
+gro gitops_publish  # publish all repos with changesets (interactive y/n prompt)
+gro gitops_publish --no-plan  # skip plan confirmation
+```
+
+**Note:** If publishing fails, simply re-run the same command. Already-published packages are automatically skipped (changesets consumed), failed packages retried naturally.
+
+**Documentation:**
+
+- [CLAUDE.md](CLAUDE.md) - Architecture, commands, testing patterns
+- [docs/publishing.md](docs/publishing.md) - Publishing workflows, changeset
+  semantics, examples
+- [docs/troubleshooting.md](docs/troubleshooting.md) - Common errors and
+  debugging tips
+
+Getting started as a dev? Start with [Gro](https://github.com/grogarden/gro)
+and the [Fuz template](https://github.com/fuz-dev/fuz_template).
+
+TODO
+
+- figure out better automation than manually running `gro gitops_sync`
+- show the rate limit info
+- think about how fuz_gitops could use both GitHub Actions and
+  [Forgejo Actions](https://forgejo.org/docs/v1.20/user/actions/)
+
+## License [🐦](https://wikipedia.org/wiki/Free_and_open-source_software)
+
+[MIT](LICENSE)

package/dist/ModulesDetail.svelte

@@ -0,0 +1,180 @@
+<script lang="ts">
+	import {ensure_end} from '@fuzdev/fuz_util/string.js';
+	import {resolve} from '$app/paths';
+	import type {Snippet} from 'svelte';
+
+	import ModulesNav from './ModulesNav.svelte';
+	import type {Repo} from './repo.svelte.js';
+
+	interface Props {
+		repos: Array<Repo>; // TODO normalized version with cached primitives?
+		nav_footer?: Snippet;
+	}
+
+	const {repos, nav_footer}: Props = $props();
+
+	// TODO add sorting options
+
+	// TODO show other data (bytes and lines of code per module?)
+
+	// Get modules from each repo's source_json
+	const repos_modules = $derived(
+		repos
+			.filter((repo): repo is Repo & {source_json: {modules: Array<unknown>}} =>
+				Boolean(repo.source_json.modules?.length),
+			)
+			.map((repo) => ({
+				repo,
+				modules: repo.source_json.modules,
+			})),
+	);
+
+	// TODO add favicon (from library? gro?)
+</script>
+
+<div class="modules_detail">
+	<div class="nav_wrapper">
+		<section>
+			<ModulesNav {repos_modules} />
+		</section>
+		{@render nav_footer?.()}
+	</div>
+	<ul class="width_upto_md box unstyled">
+		{#each repos_modules as repo_modules (repo_modules)}
+			{@const {repo, modules} = repo_modules}
+			<li class="repo_module">
+				<header class="width_100 position_relative">
+					<a href="#{repo.name}" id={repo.name} class="subtitle">🔗</a>
+					<a href={resolve(`/tree/${repo.repo_name}`)}>{repo.name}</a>
+				</header>
+				<ul class="modules panel unstyled">
+					{#each modules as repo_module (repo_module)}
+						{@const {path, declarations} = repo_module}
+						<li
+							class="module"
+							class:ts={path.endsWith('.ts')}
+							class:svelte={path.endsWith('.svelte')}
+							class:css={path.endsWith('.css')}
+							class:json={path.endsWith('.json')}
+						>
+							<div class="module_file">
+								{#if repo.repo_url}
+									<div class="chip row">
+										<!-- TODO this is a hack that could be fixed by adding an optional `base: './'` that defaults to './src/lib/'  -->
+										<!-- eslint-disable-next-line svelte/no-navigation-without-resolve --><a
+											href="{ensure_end(repo.repo_url, '/')}blob/main/{path === 'package.json'
+												? ''
+												: 'src/lib/'}{path}">{path}</a
+										>
+									</div>
+								{:else}
+									<span class="chip">{path}</span>
+								{/if}
+							</div>
+							{#if declarations?.length}
+								<ul class="declarations unstyled">
+									{#each declarations as { name, kind } (name)}
+										{#if name !== 'default'}
+											<li class="declaration chip {kind}_declaration">
+												{name}
+											</li>
+										{/if}
+									{/each}
+								</ul>
+							{/if}
+						</li>
+					{/each}
+				</ul>
+			</li>
+		{/each}
+	</ul>
+</div>
+
+<!-- TODO better rendering, also show author, etc -->
+
+<style>
+	.modules_detail {
+		position: relative;
+		padding: var(--space_lg);
+		display: flex;
+		flex-direction: row;
+		align-items: flex-start;
+		width: 100%;
+		gap: var(--space_xl);
+	}
+	.subtitle {
+		position: absolute;
+		right: 0;
+		top: 0;
+		text-align: right;
+	}
+	.repo_module {
+		width: 100%;
+		display: flex;
+		flex-direction: column;
+		margin-bottom: var(--space_xl5);
+	}
+	.repo_module > header {
+		display: flex;
+		padding: var(--space_xs) var(--space_md);
+		font-size: var(--font_size_lg);
+		position: sticky;
+		top: 0;
+		background-color: var(--bg);
+	}
+	.modules {
+		padding: var(--space_sm);
+	}
+	.module {
+		margin-bottom: var(--space_lg);
+		--link_color: var(--text_color_3);
+	}
+	.module_file {
+		margin-bottom: var(--space_xs);
+	}
+	.ts {
+		--link_color: var(--color_a_5);
+	}
+	.svelte {
+		--link_color: var(--color_e_5);
+	}
+	.css {
+		--link_color: var(--color_b_5);
+	}
+	.json {
+		--link_color: var(--color_f_5);
+	}
+	/* TODO extract */
+	.declarations {
+		display: flex;
+		flex: 1;
+		flex-direction: row;
+		flex-wrap: wrap;
+		align-items: flex-start;
+		gap: var(--space_xs);
+		padding-left: var(--space_xs);
+	}
+	.declaration {
+		font-family: var(--font_family_mono);
+		font-size: var(--font_size_sm);
+	}
+	.variable_declaration {
+		color: var(--color_d_5);
+	}
+	.function_declaration {
+		color: var(--color_c_5);
+	}
+	.type_declaration {
+		color: var(--color_g_5);
+	}
+	.class_declaration {
+		color: var(--color_f_5);
+	}
+	/* TODO extract  */
+	.nav_wrapper {
+		position: sticky;
+		top: var(--space_xl);
+		display: flex;
+		flex-direction: column;
+	}
+</style>

package/dist/ModulesDetail.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+import type { Repo } from './repo.svelte.js';
+interface Props {
+    repos: Array<Repo>;
+    nav_footer?: Snippet;
+}
+declare const ModulesDetail: import("svelte").Component<Props, {}, "">;
+type ModulesDetail = ReturnType<typeof ModulesDetail>;
+export default ModulesDetail;
+//# sourceMappingURL=ModulesDetail.svelte.d.ts.map

package/dist/ModulesDetail.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModulesDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModulesDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AAGpC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG1C,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAuFF,QAAA,MAAM,aAAa,2CAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ModulesNav.svelte

@@ -0,0 +1,43 @@
+<script lang="ts">
+	import {page} from '$app/state';
+
+	import type {Repo} from './repo.svelte.js';
+
+	// TODO add highlighting of the items that are onscreen
+
+	interface Props {
+		repos_modules: Array<{
+			repo: Repo;
+			modules: Array<unknown>;
+		}>;
+	}
+
+	const {repos_modules}: Props = $props();
+
+	// TODO add favicon (from library? gro?)
+</script>
+
+<nav class="modules_nav">
+	<h6>packages</h6>
+	<ul class="unstyled">
+		{#each repos_modules as pkg_modules (pkg_modules)}
+			<li role="none">
+				<a href="#{pkg_modules.repo.name}" class:selected={pkg_modules.repo.name === page.url.hash}
+					>{pkg_modules.repo.name}</a
+				>
+			</li>
+		{/each}
+	</ul>
+</nav>
+
+<style>
+	.modules_nav {
+		width: 100%;
+	}
+	h6 {
+		padding-bottom: var(--space_sm);
+	}
+	h6:not(:first-child) {
+		margin-top: var(--space_xl);
+	}
+</style>

package/dist/ModulesNav.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Repo } from './repo.svelte.js';
+interface Props {
+    repos_modules: Array<{
+        repo: Repo;
+        modules: Array<unknown>;
+    }>;
+}
+declare const ModulesNav: import("svelte").Component<Props, {}, "">;
+type ModulesNav = ReturnType<typeof ModulesNav>;
+export default ModulesNav;
+//# sourceMappingURL=ModulesNav.svelte.d.ts.map

package/dist/ModulesNav.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModulesNav.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModulesNav.svelte"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAK1C,UAAU,KAAK;IACd,aAAa,EAAE,KAAK,CAAC;QACpB,IAAI,EAAE,IAAI,CAAC;QACX,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;KACxB,CAAC,CAAC;CACH;AA2BF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/ModulesPage.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+	import Breadcrumb from '@fuzdev/fuz_ui/Breadcrumb.svelte';
+
+	import PageFooter from './PageFooter.svelte';
+	import PageHeader from './PageHeader.svelte';
+	import ModulesDetail from './ModulesDetail.svelte';
+	import type {Repo} from './repo.svelte.js';
+
+	interface Props {
+		repo: Repo;
+		repos: Array<Repo>;
+	}
+
+	const {repo, repos}: Props = $props();
+</script>
+
+<svelte:head>
+	<title>modules {repo.package_json.glyph} {repo.package_json.name}</title>
+</svelte:head>
+
+<main class="box width_100">
+	<div class="p_lg">
+		<PageHeader {repo} />
+	</div>
+	<section>
+		<ModulesDetail {repos}>
+			{#snippet nav_footer()}
+				<nav class="row">
+					<Breadcrumb>{repo.package_json.glyph}</Breadcrumb>
+				</nav>
+			{/snippet}
+		</ModulesDetail>
+	</section>
+	<section class="box mb_xl7">
+		<PageFooter />
+	</section>
+</main>
+
+<style>
+	section {
+		width: 100%;
+		margin-bottom: var(--space_xl4);
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+	}
+	section:first-child {
+		margin-top: var(--space_xl4);
+	}
+</style>

package/dist/ModulesPage.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Repo } from './repo.svelte.js';
+interface Props {
+    repo: Repo;
+    repos: Array<Repo>;
+}
+declare const ModulesPage: import("svelte").Component<Props, {}, "">;
+type ModulesPage = ReturnType<typeof ModulesPage>;
+export default ModulesPage;
+//# sourceMappingURL=ModulesPage.svelte.d.ts.map

package/dist/ModulesPage.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModulesPage.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/ModulesPage.svelte"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG1C,UAAU,KAAK;IACd,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;CACnB;AAuCF,QAAA,MAAM,WAAW,2CAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/PageFooter.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+	import DocsFooter from '@fuzdev/fuz_ui/DocsFooter.svelte';
+	import Breadcrumb from '@fuzdev/fuz_ui/Breadcrumb.svelte';
+	import {library_context} from '@fuzdev/fuz_ui/library.svelte.js';
+
+	const library = library_context.get();
+</script>
+
+<section class="box mb_xl7">
+	<DocsFooter {library}>
+		<nav class="mb_xl5">
+			<Breadcrumb>{library.package_json.glyph}</Breadcrumb>
+		</nav>
+	</DocsFooter>
+</section>

package/dist/PageFooter.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const PageFooter: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type PageFooter = InstanceType<typeof PageFooter>;
+export default PageFooter;
+//# sourceMappingURL=PageFooter.svelte.d.ts.map

package/dist/PageFooter.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageFooter.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PageFooter.svelte"],"names":[],"mappings":"AAyBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,UAAU;;kBAA+E,CAAC;AAC9E,KAAK,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,eAAe,UAAU,CAAC"}

package/dist/PageHeader.svelte

@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type {PackageJson} from '@fuzdev/fuz_util/package_json.js';
+	import Breadcrumb from '@fuzdev/fuz_ui/Breadcrumb.svelte';
+	import type {Snippet} from 'svelte';
+	import type {SvelteHTMLElements} from 'svelte/elements';
+
+	interface Props {
+		repo: {package_json: PackageJson} | {url: string; package_json: null};
+		nav_attrs?: SvelteHTMLElements['nav'];
+		attrs?: SvelteHTMLElements['header'];
+		nav?: Snippet;
+		children?: Snippet;
+	}
+
+	const {repo, nav_attrs, attrs, nav, children}: Props = $props();
+</script>
+
+<header {...attrs}>
+	{@render children?.()}
+	{#if nav}
+		{@render nav()}
+	{:else}
+		<nav {...nav_attrs}><Breadcrumb>{repo.package_json?.glyph}</Breadcrumb></nav>
+	{/if}
+</header>
+
+<style>
+	header {
+		--font_size: var(--font_size_xl);
+	}
+	nav {
+		display: flex;
+		justify-content: center;
+	}
+</style>

package/dist/PageHeader.svelte.d.ts

@@ -0,0 +1,19 @@
+import type { PackageJson } from '@fuzdev/fuz_util/package_json.js';
+import type { Snippet } from 'svelte';
+import type { SvelteHTMLElements } from 'svelte/elements';
+interface Props {
+    repo: {
+        package_json: PackageJson;
+    } | {
+        url: string;
+        package_json: null;
+    };
+    nav_attrs?: SvelteHTMLElements['nav'];
+    attrs?: SvelteHTMLElements['header'];
+    nav?: Snippet;
+    children?: Snippet;
+}
+declare const PageHeader: import("svelte").Component<Props, {}, "">;
+type PageHeader = ReturnType<typeof PageHeader>;
+export default PageHeader;
+//# sourceMappingURL=PageHeader.svelte.d.ts.map

package/dist/PageHeader.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PageHeader.svelte"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,kCAAkC,CAAC;AAElE,OAAO,KAAK,EAAC,OAAO,EAAC,MAAM,QAAQ,CAAC;AACpC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AAGvD,UAAU,KAAK;IACd,IAAI,EAAE;QAAC,YAAY,EAAE,WAAW,CAAA;KAAC,GAAG;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,IAAI,CAAA;KAAC,CAAC;IACtE,SAAS,CAAC,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAwBF,QAAA,MAAM,UAAU,2CAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

package/dist/PullRequestsDetail.svelte

@@ -0,0 +1,53 @@
+<script lang="ts">
+	import {resolve} from '$app/paths';
+
+	import {to_pull_requests, type FilterPullRequest} from './github_helpers.js';
+	import type {Repo} from './repo.svelte.js';
+
+	interface Props {
+		repos: Array<Repo>;
+		filter_pull_request?: FilterPullRequest | undefined;
+	}
+
+	const {repos, filter_pull_request}: Props = $props();
+
+	const pull_requests = $derived(to_pull_requests(repos, filter_pull_request));
+</script>
+
+<div class="width_upto_md">
+	<section class="panel p_sm">
+		<table>
+			<thead><tr><th>repo</th><th>number</th><th>title</th></tr></thead>
+			<tbody>
+				{#each pull_requests as pull_request (pull_request.pull_request.number)}
+					<tr>
+						<td
+							><a href={resolve(`/tree/${pull_request.repo.repo_name}`)}
+								>{pull_request.repo
+									.repo_name}{#if pull_request.repo.package_json.glyph}&nbsp;{pull_request.repo
+										.package_json.glyph}{/if}</a
+							></td
+						>
+						<td
+							><!-- eslint-disable-next-line svelte/no-navigation-without-resolve --><a
+								href="{pull_request.repo.repo_url}/pull/{pull_request.pull_request.number}"
+								title={pull_request.pull_request.title}>#{pull_request.pull_request.number}</a
+							></td
+						>
+						<td><div>{pull_request.pull_request.title}</div></td>
+					</tr>
+				{/each}
+			</tbody>
+		</table>
+	</section>
+</div>
+
+<style>
+	th,
+	td {
+		padding: 0 var(--space_md);
+	}
+	section {
+		margin-bottom: var(--space_xl5);
+	}
+</style>

package/dist/PullRequestsDetail.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type FilterPullRequest } from './github_helpers.js';
+import type { Repo } from './repo.svelte.js';
+interface Props {
+    repos: Array<Repo>;
+    filter_pull_request?: FilterPullRequest | undefined;
+}
+declare const PullRequestsDetail: import("svelte").Component<Props, {}, "">;
+type PullRequestsDetail = ReturnType<typeof PullRequestsDetail>;
+export default PullRequestsDetail;
+//# sourceMappingURL=PullRequestsDetail.svelte.d.ts.map

package/dist/PullRequestsDetail.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PullRequestsDetail.svelte.d.ts","sourceRoot":"../src/lib/","sources":["../src/lib/PullRequestsDetail.svelte"],"names":[],"mappings":"AAKA,OAAO,EAAmB,KAAK,iBAAiB,EAAC,MAAM,qBAAqB,CAAC;AAC7E,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,kBAAkB,CAAC;AAG1C,UAAU,KAAK;IACd,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACnB,mBAAmB,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;CACpD;AAoCF,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/PullRequestsPage.svelte

@@ -0,0 +1,47 @@
+<script module lang="ts">
+	// TODO is this the new required pattern?
+	export interface Props {
+		repo: Repo;
+		repos: Array<Repo>;
+		filter_pull_request?: FilterPullRequest | undefined;
+	}
+</script>
+
+<script lang="ts">
+	import PageFooter from './PageFooter.svelte';
+	import PageHeader from './PageHeader.svelte';
+	import PullRequestsDetail from './PullRequestsDetail.svelte';
+	import type {FilterPullRequest} from './github_helpers.js';
+	import type {Repo} from './repo.svelte.js';
+
+	const {repo, repos, filter_pull_request}: Props = $props();
+</script>
+
+<svelte:head>
+	<title>pull requests {repo.package_json.glyph} {repo.package_json.name}</title>
+</svelte:head>
+
+<main class="box width_100">
+	<div class="p_lg">
+		<PageHeader {repo} />
+	</div>
+	<section>
+		<PullRequestsDetail {repos} {filter_pull_request} />
+	</section>
+	<section class="box mb_xl7">
+		<PageFooter />
+	</section>
+</main>
+
+<style>
+	section {
+		width: 100%;
+		margin-bottom: var(--space_xl4);
+		display: flex;
+		flex-wrap: wrap;
+		justify-content: center;
+	}
+	section:first-child {
+		margin-top: var(--space_xl4);
+	}
+</style>