Sugar High

use std::fmt::Display;/// Build a short Cartesian label for two displayable values.pub fn label<T: Display>(x: T, y: T) -> String {    // format pair    format!("({}, {})", x, y)}pub fn labels<I, T>(pairs: I) -> Vec<String>where    I: IntoIterator<Item = (T, T)>,    T: Display,{    pairs.into_iter().map(|(a, b)| label(a, b)).collect()}fn main() {    let pts = vec![(1u32, 2u32), (3, 4)];    for line in labels(pts) {        println!("point {line}");    }    println!("{}", label("x", "y"));}

:root {  --accent: #2d5e9d;  --surface: #f6f8fa;  --text: #24292f;  --radius: 8px;}*,*::before,*::after {  box-sizing: border-box;}body {  margin: 0;  font-family: system-ui, sans-serif;  color: var(--text);  background: var(--surface);}@media (prefers-color-scheme: dark) {  :root {    --surface: hsl(220 14% 12%);    --text: #e6edf3;  }  .card {    background: color-mix(in srgb, var(--surface) 92%, #000);    border: 1px solid rgb(255 255 255 / 8%);  }}/* motion */@keyframes fade-in {  from {    opacity: 0;    transform: translateY(4px);  }  to {    opacity: 1;    transform: translateY(0);  }}.stack-item:focus-visible {  outline: 2px solid var(--accent);  outline-offset: 2px;}

export const matchBoundary = (s) => /^[/][\w-]+[/]$/u.test(s)// Slashes in comments are not regex delimiters// path: /usr/local/bin/** @see https://example.com/docs/foo/bar */const afterBlock = /foo/g.exec('foo')?.[0]// Regex vs division (tokenizer stress test)const mixed = 12 / /\d+/.test('3') ? 1 : 0const expr = 100 - /50/.test('5') + 25const flags = ['g', 'i', 'm'].filter(Boolean).join('')const re = new RegExp('\\d+', flags)export function pickDelim(str) {  const i = str.indexOf('/')  return i < 0 ? str : str.slice(0, i) + str.slice(i + 1)}// trailing note: / is both operator and literal starterconsole.log(mixed, expr, re.test('99'))

type Point = { readonly x: number; y: number }interface Cluster {  center: Point  members: ReadonlyArray<Point>}export const origin = { x: 0, y: 0 } as const satisfies Pointexport function distance(a: Point, b: Point): number {  return Math.hypot(a.x - b.x, a.y - b.y)}export function nearest<T extends Point>(  items: readonly T[],  ref: Point): T | undefined {  return items.reduce<T | undefined>((best, item) => {    if (!best) return item    const db = distance(best, ref)    const di = distance(item, ref)    return di < db ? item : best  }, undefined)}export function bbox(points: readonly Point[]) {  if (!points.length) return null  let minX = Infinity  let minY = Infinity  let maxX = -Infinity  let maxY = -Infinity  for (const p of points) {    minX = Math.min(minX, p.x)    minY = Math.min(minY, p.y)    maxX = Math.max(maxX, p.x)    maxY = Math.max(maxY, p.y)  }  return { minX, minY, maxX, maxY }}

/* styles.css — sugar-high token colors *//* Light (default) */:root { --sh-class: #8d85ff; --sh-identifier: #354150; --sh-sign: #8996a3; --sh-string: #00a99a; --sh-keyword: #f47067; --sh-comment: #a19595; --sh-jsxliterals: #bf7db6; --sh-entity: #6eafad; --sh-property: #4e8fdf;}/* Dark — e.g. <html data-theme="dark"> */:root[data-theme='dark'] { --sh-class: #7eb5ff; --sh-identifier: #d4d4d4; --sh-sign: #8b949e; --sh-string: #88bbb6; --sh-keyword: #ffada8; --sh-comment: #8b8b8b; --sh-jsxliterals: #d2a8ff; --sh-entity: #56d4dd; --sh-property: #79c0ff;}

import { highlight } from 'sugar-high'import * as presets from 'sugar-high/presets'// Use the file extension from a path or Codice `title` (e.g. "theme.css", "main.py")const presetForTitle = (title) => ({ c: presets.c, go: presets.go, java: presets.java, css: presets.css, py: presets.python, rs: presets.rust, })[ title.split('.').pop() ]highlight('.card { color: red; }', presetForTitle('theme.css'))highlight('int main() { return 0; }', presetForTitle('main.c'))highlight('package main\nfunc main() {}', presetForTitle('main.go'))highlight('class App { public static void main(String[] a) {} }', presetForTitle('App.java'))highlight('def hi():\n print("ok")', presetForTitle('main.py'))

#include <stdint.h> /* fixed-width ints */ #define MIX(x,y) (((x) & 0xffu) ^ ((y) >> 8) | (0xab00u)) // bit ops typedef struct { uint16_t a; uint32_t b; } hdr_t; // packed header fields static inline uint32_t rot(uint32_t x, int n) { return (x << n) | (x >> (32 - n)); } // rotate

package main import "encoding/json"; import "fmt"; import "strings" // one line, three imports type Row struct { ID string `json:"id"`; Tags []string `json:"tags,omitempty"` } // struct tags func (r Row) Label() string { return fmt.Sprintf("%s [%s]", r.ID, strings.Join(r.Tags, ",")) } // Sprintf + Join var _ json.Marshaler = (*Row)(nil) // interface satisfaction

// FQCN-heavy lines: generics, streams, method refs (no extra imports) java.util.List<java.util.Map<String, Integer>> rows = java.util.List.of(java.util.Map.of("a", 1), java.util.Map.of("b", 2)); java.util.stream.Stream.of("x", "y").map(String::toUpperCase).filter(s -> !s.isEmpty()).forEach(System.out::println);

from __future__ import annotations # postponed annotations from itertools import chain, groupby # stdlib RE = r"(?x) ^\s* (?P<name> [A-Za-z_]\w* ) \s* = \s* (?P<val> .+ ) $ " # verbose regex def windows(xs: list[int], n: int) -> list[list[int]]: return [xs[i : i + n] for i in range(0, len(xs), n)] # slices

Sugar High

Click the dashed file name to switch light or dark preview for the code samples below.Theme:

Usage with remark.js

Sugar High

Click the dashed file name to switch light or dark preview for the code samples below.Theme: light.css

Usage with remark.js

Click the dashed file name to switch light or dark preview for the code samples below.Theme: