Programming News Today: TypeScript 7.0 Goes Native & Chrome 150 Ships CSS text-fit – July 15, 2026

// vite.config.js
export default defineConfig({
  experimental: { bundledDev: true },
})

npm install -D typescript   # installs 7.0
tsc --checkers 8            # parallel type-checking workers

.headline {
  text-fit: grow;
}

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

await el.scrollIntoView({ behavior: "smooth" });
highlight(el); // runs only after scrolling completes

.card {
  border: 4px solid transparent;
  background: linear-gradient(45deg, #f06, #48f) border-box;
  background-clip: border-area;
}

textarea {
  field-sizing: content;
}

<div focusgroup="toolbar wrap">
  <button>Bold</button>
  <button>Italic</button>
</div>

<div id="content">Loading…</div>
<!-- later in the same stream -->
<template for="content" mode="replace">Loaded content</template>

<button popovertarget="tip" popovertargetaction="show">?</button>
<div id="tip" popover="hint">Helpful hint text</div>

.headline { text-fit: grow; }

.card {
  border: 4px solid transparent;
  background: linear-gradient(45deg,#f06,#48f) border-box;
  background-clip: border-area;
}

@container style(--theme: dark) {
  .card { background:#111; color:#eee; }
}
details:open summary { font-weight: bold; }

const counts = new Map();
counts.set(key, counts.getOrInsert(key, 0) + 1);
grouped.getOrInsertComputed(key, () => []).push(value);

Error.isError(new TypeError());        // true, works cross-realm
Uint8Array.fromBase64("aGVsbG8=");     // bytes for "hello"
Math.sumPrecise([0.1, 0.2, 0.3]);      // exact float summation

const now = Temporal.Now.zonedDateTimeISO("America/New_York");
const next = Temporal.PlainDate.from("2026-07-15").add({ days: 7 });

npm install -D typescript
tsc --checkers 8   # parallel checker workers

{ "compilerOptions": { "singleThreaded": false } }
// strict is on by default now

{ "compilerOptions": { "paths": { "@app/*": ["./src/*"] } } }
// paths replaces the removed baseUrl

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

const onConnected = useEffectEvent(() =>
  showNotification('Connected!', theme));

useEffect(() => {
  const c = createConnection(url, roomId);
  c.on('connected', () => onConnected());
  c.connect();
  return () => c.disconnect();
}, [roomId]); // theme NOT a dependency

npm install react@19.2.1 react-dom@19.2.1

npx shadcn@latest init          # defaults to Base UI
npx shadcn@latest init -b radix  # opt back into Radix

npx shadcn@latest add @shadcn/typeset

npx shadcn@latest eject

<div class="scrollbar-thin scrollbar-thumb-sky-700 scrollbar-track-sky-100 overflow-auto">
  …
</div>

<div class="bg-mauve-500 pbs-4 inset-s-0">…</div>

@utility tab-* {
  tab-size: --value(integer, --default(4));
}

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">

<span class="visually-hidden">Screen-reader only text</span>

<i class="bi bi-bluesky"></i>

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

// node --experimental-import-text app.mjs
import banner from "./banner.txt" with { type: "text" };

nvm install 24 --lts   # node --version -> v24.18.0

res.redirect(user.returnUrl ?? "/"); // now warns if the URL is undefined

npm install express@5.2.1   # latest stable, regression reverted

app.get("/user/:id", async (req, res) => {
  res.json(await getUser(req.params.id)); // throw -> Express error handler
});

SET optimizer_switch = 'hypergraph_optimizer=on';
EXPLAIN FORMAT=TREE
SELECT o.id FROM orders o
JOIN customers c ON c.id = o.customer_id
WHERE c.country = 'US';

UPDATE employee_dv
SET data = JSON_SET(data, '$.salary', 95000)
WHERE data->>'$.emp_id' = '1001';

SET PERSIST replica_allow_higher_version_source = ON;

npx @next/codemod@canary upgrade latest

// next.config.ts
export default {
  cacheComponents: true,
  partialPrefetching: true,
};

npm install next@latest   # upgrade pattern once released

<script setup vapor>
import { ref } from 'vue'
const count = ref(0)
</script>

REPACK CONCURRENTLY orders;
SELECT category, count(*) FROM products GROUP BY ALL;

enum Role { USER ADMIN }

model User {
  id   Int  @id @default(autoincrement())
  role Role @default(USER)
}

import { drizzle } from 'drizzle-orm/node-postgres'
const db = drizzle(process.env.DATABASE_URL!)
const rows = await db.select().from(users)

import { createRemoteJWKSet, jwtVerify } from 'jose'
const JWKS = createRemoteJWKSet(
  new URL('https://<ref>.supabase.co/auth/v1/.well-known/jwks.json'))
const { payload } = await jwtVerify(token, JWKS)

db.adminCommand({ setParameter: 1,
  ingressConnectionEstablishmentRateLimiterEnabled: true })

import sys
print(sys.version_info)  # 3.14.6

HttpClient client = HttpClient.newBuilder()
    .version(HttpClient.Version.HTTP_3)
    .build();