Programming News Today: Node.js Emergency Patch, TypeScript 7.0 GA & MySQL 26.7 – July 30, 2026

nvm install 26.5.1 && node -v   # v26.5.1

npm install -D typescript
npx tsc

npm install next@16.2.11   # Active LTS
npm install next@15.5.21   # Maintenance LTS

SELECT VERSION();  -- e.g. 26.7.0

WebAssembly.compileStreaming(fetch('m.wasm'), { builtins: ['js-string'] });

.title { text-fit: consistent; }

npm install vite@8

.parent { --variant: compact; }
@container style(--variant: compact) { .child { padding: 4px; } }

<button commandfor="dlg" command="show-modal">Open</button>
<dialog id="dlg">
  <button commandfor="dlg" command="close">Close</button>
</dialog>

<search>
  <form><input type="search" name="q"><button>Go</button></form>
</search>

button.ariaExpanded = "true"; // instead of setAttribute("aria-expanded", "true")

@container style(--theme: dark) {
  .card { background: #111; color: #eee; }
}

dialog:open { animation: fade-in 0.2s; }

.badge { background: var(--bg); color: contrast-color(var(--bg)); }

const groups = new Map();
groups.getOrInsertComputed(key, () => []).push(item);

const all = Iterator.concat([0, 1], [2, 3], nums);
Array.from(all);

Math.sumPrecise([0.1, 0.2, 0.3]); // 0.6, not 0.6000000000000001

npm install -D typescript
npx tsc

tsc --checkers 4 --builders 4

{ "compilerOptions": { "ignoreDeprecations": "6.0" } }

<Activity mode={isVisible ? 'visible' : 'hidden'}>
  <Page />
</Activity>

const onConnected = useEffectEvent(() => {
  showNotification('Connected!', theme);
});
useEffect(() => {
  const c = createConnection(serverUrl, roomId);
  c.on('connected', () => onConnected());
  c.connect();
  return () => c.disconnect();
}, [roomId]); // theme not needed here

// babel.config.js
module.exports = { plugins: [["babel-plugin-react-compiler"]] };

pnpm dlx shadcn@latest add toast

pnpm dlx shadcn@latest init --base aria

pnpm dlx shadcn init          # defaults to Base UI
pnpm dlx shadcn init -b radix # opt back into Radix

<div class="scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-100 overflow-auto">...</div>

<pre class="tab-4">function indent() {
	return "tabbed";
}</pre>

@variant hover-focus (&:hover, &:focus);

npm install bootstrap@5.3.8

npm install bootstrap@5.3.7

<span class="visually-hidden">Loading...</span>

nvm install 26.5.1 && node -v   # v26.5.1

const blob = new Blob(['hello world']);
for await (const chunk of blob.textStream()) console.log(chunk);

// node --experimental-import-text app.mjs
import readme from './README.txt' with { type: 'text' };

npm update multer morgan

npm update path-to-regexp

npm install express   # installs 5.x by default

CHANGE REPLICATION SOURCE TO
  APPLIER_VERSION = 2,
  APPLIER_WORKER_COUNT = 8
  FOR CHANNEL 'ch1';

SET GLOBAL force_pqc = ON;

INSTALL PLUGIN thread_pool SONAME 'thread_pool.so';

npm install next@16.2.11  # Active LTS
npm install next@15.5.21  # Maintenance LTS

npm install next@lts

import Link from "next/link";
<Link href="/dashboard" prefetch="cache">Dashboard</Link>

<script setup vapor>
// compiles without the virtual DOM
</script>

ng update @angular/core@22 @angular/cli@22

UPDATE t FOR PORTION OF valid_time
  FROM '2026-01-01' TO '2026-07-01' SET status = 'archived';

name = "world"
template = t"Hello {name}"   # PEP 750 t-string