Repository navigation
All packages on their latest versions, redesign in the style of msk-scripts.de - #31
Merged
Merged
Conversation
Musiker15
force-pushed
the
feat/redesign
branch
from
October 30, 2026 17:35
9344bc9 to
4650637
Compare
Next 16, React 19.3, next-intl 4.14, Shiki 4, nanoid 6, ESLint 10 with eslint-config-next 16, dotenv 18, @types/node 26 and the rest at their newest releases. Shiki and nanoid keep their API for what is used here. - TypeScript 6.0.3, the newest the typescript-eslint inside eslint-config-next supports (<6.1); 7.0 would break linting. - middleware.ts is proxy.ts in Next 16, `next lint` is gone: the lint script calls ESLint directly with a flat config from eslint-config-next. - The eslint override is dropped, postcss follows the direct dependency. - Tailwind 4 and the charts follow with the redesign, which rewrites the styles anyway.
MSK Paste now looks and works like the shop, MSK Forms and MSK Shortener instead of a dark-only page of its own. - Tailwind 4 with the shop's tokens in two layers, light and dark with the system setting as default, the fluid type scale and layout up to UWQHD. - Archivo and Source Sans 3 served locally through Fontsource; the next/font download of Syne, DM Sans and JetBrains Mono is gone. Phosphor replaces the hand-drawn icons. - The shop's header (product lines, Web tools as the current one, language) and footer on the anthracite band; every page has a head on the band. - The code view: Shiki renders VS Code's Light+ and Dark+ into CSS variables and the page picks one per theme, on our card instead of the GitHub dark background. The few theme colours below 4.5:1 on the card are replaced along their own hue, and a test checks every colour of both themes. - The language chart is plain bars rendered on the server, each value also as text; recharts is removed. - The Turnstile widget follows the chosen theme. - DESIGN.md and a contrast test that reads the tokens from globals.css. - The README keeps the essentials; features, development, API, security and the contact moved to docs/. - The privacy policy names the new fonts.
Musiker15
force-pushed
the
feat/redesign
branch
from
October 30, 2026 17:41
4650637 to
078bef1
Compare
Dependency ReviewThe following issues were found:
|
![github-advanced-security[bot]](https://avatars.githubusercontent.com/in/57789?s=60&v=4){kind=small}
| <header ref={headerRef} className="sticky top-0 z-50 border-t-4 border-b border-t-brand border-b-border bg-card"> | ||
| <div className="container-page flex min-h-[var(--header-height)] items-center gap-[clamp(1rem,2vw,2.5rem)]"> | ||
| <Link href="/" className="flex min-h-11 shrink-0 items-center gap-2.5 text-foreground"> | ||
| <img src="/logo.png" alt="" width={36} height={36} className="h-9 w-9 rounded-lg object-contain" /> |
| <div className="grid gap-x-10 gap-y-10 @lg:grid-cols-2 @4xl:grid-cols-[minmax(0,1.4fr)_repeat(3,minmax(0,1fr))]"> | ||
| <div className="grid content-start gap-4 @lg:col-span-2 @4xl:col-span-1"> | ||
| <Link href="/" className="inline-flex min-h-11 items-center gap-2.5 self-start text-band-foreground"> | ||
| <img src="/logo.png" alt="" width={32} height={32} className="h-8 w-8 rounded-lg object-contain" /> |
This was referenced Oct 30, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Builds on #30 (spam protection). Merge that first; GitHub then points this pull request at
main.Packages
Every package on its latest release:
npm auditfinds nothing.<6.1only. Same decision as in MSK Forms.middleware.tsisproxy.ts, andnext lintis gone, so the lint script calls ESLint with a flat config.eslintoverride is dropped, and the postcss override follows the direct dependency.Redesign
The site now uses the design system of msk-scripts.de, like MSK Forms and MSK Shortener.
src/test/code-contrast.test.tschecks every colour of both themes, so a Shiki update that changes one shows up.DESIGN.md, andsrc/test/contrast.test.tsfor the tokens in both themes.docs/, nothing dropped.Checked