@master/internal-site 0.1.1 → 0.1.2

package/README.md

@@ -67,3 +67,14 @@ The CSS-specific subpaths require the matching optional compiler, tooling, schem
 From the Master repository, run `bun run build:packages`, `bun run --cwd packages/internal-site type-check` and `bun run --cwd packages/internal-site test`. Astro checks `.astro` implementations and Svelte checks interactive components separately. The root `build` builds the Node entrypoints before the site.
 
 Before publishing, inspect the tarball, install it in the Master CSS consumer and validate both sites, including local CSS imports, themes, mobile navigation and lazy page styles. Publish an immutable version, update exact consumer pins and lockfiles, then deploy preview builds. Roll back by restoring the previous dependency version and deployment; do not unpublish a release in use.
+
+
+## Publishing
+
+Master's `publish.yml` workflow validates the site and packages, retains the
+packed archives, then publishes those exact bytes through npm Trusted Publishing.
+The trusted publisher is GitHub repository `master-co/master`, workflow
+`publish.yml`, with no GitHub environment. Versions are committed before dispatch;
+consumers upgrade exact pins after registry integrity verification. No npm token
+is stored in GitHub. Master remains private, so these releases use OIDC
+without public provenance attestations.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@master/internal-site",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "description": "First-party Astro and Svelte website framework for Master sites.",
   "engines": {

package/src/docs-shell/components/Footer.svelte

@@ -23,7 +23,7 @@
 <script lang="ts">
   import '../../styles/docs-shell/footer.css'
   import clsx from 'clsx'
-  import Link from './Link.svelte'
+  import FooterNavLink from './FooterLink.svelte'
   import LanguageSelect from './LanguageSelect.svelte'
   import ThemeSelect from './ThemeSelect.svelte'
   import { useThemeMode } from '../contexts/theme-mode.svelte'
@@ -53,7 +53,7 @@
         <ul>
           {#each group.links as link (link.href || link.name)}
             <li>
-              <Link href={link.href} disabled={link.disabled}>{t(link.name)}</Link>
+              <FooterNavLink href={link.href} disabled={link.disabled}>{t(link.name)}</FooterNavLink>
             </li>
           {/each}
         </ul>

package/src/docs-shell/components/FooterLink.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+  import IconArrowUpRight from '@tabler/icons-svelte-runes/icons/arrow-up-right'
+  import Link from './Link.svelte'
+  import '../../styles/docs-shell/footer-link.css'
+
+  let { href, disabled, class: className, children }: {
+    href?: string
+    disabled?: boolean
+    class?: string
+    children?: Snippet
+  } = $props()
+</script>
+
+<Link {href} {disabled} class={className}>
+  <span>{@render children?.()}{#if href?.startsWith('http') && !disabled}<span class="ui-footer-link-mark" aria-hidden="true"><IconArrowUpRight size={10} stroke={1.5} /></span>{/if}</span>
+</Link>

package/src/home/HomeFooter.svelte

@@ -6,7 +6,7 @@
   import IconMoon from '@tabler/icons-svelte-runes/icons/moon'
   import IconSun from '@tabler/icons-svelte-runes/icons/sun'
   import LanguageSelect from '@master/internal-site/components/LanguageSelect.svelte'
-  import Link from '@master/internal-site/components/Link.svelte'
+  import FooterNavLink from '../docs-shell/components/FooterLink.svelte'
   import ThemeSelect from '@master/internal-site/components/ThemeSelect.svelte'
   import { useThemeMode } from '@master/internal-site/contexts/theme-mode.svelte'
   import { getSite } from '@master/internal-site/site'
@@ -32,7 +32,7 @@
           <ul class="home-footer-links">
             {#each group.links as link (link.href)}
               <li>
-                <Link class="home-footer-link" href={link.href}>{t(link.name)}</Link>
+                <FooterNavLink class="home-footer-link" href={link.href} disabled={link.disabled}>{t(link.name)}</FooterNavLink>
               </li>
             {/each}
           </ul>

package/src/styles/docs-shell/footer-link.css

@@ -0,0 +1,5 @@
+@layer components {
+  /* Keep the raised mark with its text inside both inline and flex footer links. */
+  .ui-footer-link-mark { display: inline-block; width: .625rem; height: .625rem; margin-inline-start: .1875rem; vertical-align: .25em; line-height: 0; }
+  .ui-footer-link-mark > svg { display: block; width: 100%; height: 100%; }
+}