@edinstvo/glass 0.0.0-stage → 0.1.0-alpha.1

package/dist/shader.js

@@ -0,0 +1,109 @@
+export const vertex = `#version 300 es
+void main() {
+  vec2 p = vec2((gl_VertexID << 1) & 2, gl_VertexID & 2);
+  gl_Position = vec4(p * 2.0 - 1.0, 0.0, 1.0);
+}`;
+export const fragment = `#version 300 es
+precision highp float;
+
+uniform sampler2D uBackdrop, uFrosted;
+uniform vec2 uCanvas, uSize, uUvOrigin, uUvPerPx, uTexSize, uLightDir;
+uniform vec3 uTint;
+uniform float uViewY, uPad, uRadius, uDpr, uLight, uTransparency, uRefraction, uDepth, uDispersion, uFrost, uSplay, uBloom, uGlint, uRim, uLift;
+out vec4 outColor;
+
+const float SOFTNESS = 2.7;
+
+float roundedBox(vec2 p, vec2 b, float r) {
+  vec2 q = abs(p) - b + r;
+  return length(max(q, 0.0)) + min(max(q.x, q.y), 0.0) - r;
+}
+
+float softMin(float a, float b) {
+  float lo = min(a, b);
+  return lo * pow(1.0 + pow(lo / max(a, b), SOFTNESS), -1.0 / SOFTNESS);
+}
+
+vec2 toUv(vec2 px) {
+  return uUvOrigin + px * uUvPerPx;
+}
+
+vec3 pick(vec2 px, float lod) {
+  return uFrost > 0.0 ? texture(uFrosted, toUv(px)).rgb : textureLod(uBackdrop, toUv(px), lod).rgb;
+}
+
+void main() {
+  vec2 px = vec2(gl_FragCoord.x, uCanvas.y - (gl_FragCoord.y - uViewY)) - uPad;
+  vec2 half_ = uSize * 0.5;
+  vec2 c = px - half_;
+  float d = roundedBox(c, half_, uRadius);
+  float texels = max(uUvPerPx.x * uTexSize.x, uUvPerPx.y * uTexSize.y);
+  float haloLod = log2(max(28.0 * uDpr * texels, 1.0));
+  vec3 halo = textureLod(uBackdrop, toUv(px), haloLod).rgb;
+
+  float mask = 1.0 - smoothstep(-0.75, 0.75, d);
+  float spill = exp(-max(d, 0.0) / (uPad * 0.3)) * uBloom * 0.4 * uLight;
+  vec3 spillColor = mix(halo, vec3(1.0), 0.6);
+  // ── a p-norm of the edge distances: smooth everywhere inside, and p = 2.7 lands on the rounded corner
+  vec2 edges = max(half_ - abs(c), 0.0) + uRadius + 0.001;
+  float soft = softMin(edges.x, edges.y);
+  float peak = softMin(half_.x + uRadius, half_.y + uRadius) - uRadius;
+  float band = min(mix(max(uDepth * uDpr, 1.0), peak, uSplay * uSplay), peak);
+  float s = 1.0 - clamp((soft - uRadius) / band, 0.0, 1.0);
+  float height = sqrt(max(1.0 - s * s, 0.0));
+  vec2 g = normalize(pow(vec2(soft) / edges, vec2(SOFTNESS + 1.0)) * sign(c) + 0.00001);
+  vec3 n = normalize(vec3(g * s * s / sqrt(1.02 - s * s), 1.0));
+
+  vec3 ray = refract(vec3(0.0, 0.0, -1.0), n, 1.0 / 1.5);
+  vec2 shift = ray.xy / max(-ray.z, 0.5) * band * (0.35 + height) * uRefraction * 1.2;
+
+  vec2 at = px + shift;
+  float squeeze = log2(max(max(length(dFdx(at)), length(dFdy(at))) * texels, 1.0));
+  float k = 0.04 + uDispersion * 0.3;
+  vec3 col = vec3(
+    pick(at - shift * k, squeeze).r,
+    pick(at, squeeze).g,
+    pick(at + shift * k, squeeze).b
+  );
+
+  col = mix(vec3(dot(col, vec3(0.2126, 0.7152, 0.0722))), col, 1.08);
+  col = mix(uTint, col, uTransparency);
+  col = col * (1.0 + uLift) + uLift * 0.12;
+  col += halo * uBloom * 0.22 * s;
+
+  float facing = dot(n.xy, uLightDir);
+  col += uLight * (max(facing, 0.0) * 0.3 + dot(c / half_, uLightDir) * 0.03);
+  col *= 1.0 - uLight * max(-facing, 0.0) * 0.2;
+
+  float toward = dot(g, uLightDir);
+  col += uGlint * pow(s, 5.0) * (pow(max(toward, 0.0), 6.0) + pow(max(-toward, 0.0), 6.0) * 0.4);
+
+  float along = dot(g, uLightDir);
+  float line = smoothstep(-1.6 * uDpr, -0.6 * uDpr, d);
+  col += uRim * line * (0.18 + 0.82 * along * along);
+
+  vec3 inside = clamp(col, 0.0, 1.0) * mask;
+  float rest = (1.0 - mask) * spill;
+  outColor = vec4(inside + spillColor * rest, mask + rest);
+}`;
+export const blurFragment = `#version 300 es
+precision highp float;
+
+uniform sampler2D uSource;
+uniform vec2 uStep, uInvSize;
+uniform float uLod;
+out vec4 outColor;
+
+void main() {
+  vec2 uv = gl_FragCoord.xy * uInvSize;
+  vec3 sum = vec3(0.0);
+  float total = 0.0;
+  for (int i = -8; i <= 8; i++) {
+    float x = float(i);
+    float weight = exp(-x * x / 18.0);
+    sum += textureLod(uSource, uv + uStep * x, uLod).rgb * weight;
+    total += weight;
+  }
+  outColor = vec4(sum / total, 1.0);
+}`;
+//# sourceMappingURL=shader.js.map

package/dist/shader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shader.js","sourceRoot":"","sources":["../src/shader.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;;;;EAIpB,CAAC;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkFtB,CAAC;AAEH,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;EAmB1B,CAAC"}

package/dist/surface.d.ts

@@ -0,0 +1,43 @@
+import { type GlassSource } from "./backdrop.js";
+import { type Interaction, type InteractionName } from "./interaction.js";
+import { type Material, type PresetName } from "./material.js";
+export interface GlassOptions {
+    material?: PresetName | Partial<Material>;
+    interaction?: InteractionName | Interaction;
+    source?: GlassSource;
+    live?: boolean;
+}
+export declare class GlassSurface {
+    private host;
+    private canvas;
+    private context;
+    private motion;
+    private resize;
+    private visibility;
+    private visible;
+    private forced;
+    private moved;
+    private signature;
+    private live;
+    private options;
+    private material;
+    private interaction;
+    private tint;
+    private radius;
+    constructor(host: HTMLElement, canvas: HTMLCanvasElement, options?: GlassOptions);
+    connect(): void;
+    disconnect(): void;
+    set(options: GlassOptions): void;
+    invalidate(): void;
+    nudge(): void;
+    restyle(): void;
+    update(dt: number): boolean;
+    private paint;
+    private fallBack;
+}
+export declare function placeCanvas(canvas: HTMLCanvasElement): void;
+export declare function attachGlass(host: HTMLElement, options?: GlassOptions): {
+    set: (next: GlassOptions) => void;
+    invalidate: () => void;
+    destroy: () => void;
+};

package/dist/surface.js

@@ -0,0 +1,224 @@
+import { resolveBackdrop } from "./backdrop.js";
+import { resolveTint } from "./color.js";
+import { cornerRadius, lightVector, uvTransform } from "./geometry.js";
+import { Motion, interactions } from "./interaction.js";
+import { kebab, numericKeys, presets, resolveMaterial } from "./material.js";
+import { Renderer } from "./renderer.js";
+const pad = 32;
+const surfaces = new Set();
+let pending = 0;
+let lastTick = 0;
+let listening = false;
+function wake() {
+    pending ||= requestAnimationFrame(tick);
+}
+function tick(now) {
+    pending = 0;
+    const dt = Math.min((now - lastTick) / 1000, 1 / 30);
+    lastTick = now;
+    Renderer.shared?.nextFrame();
+    let again = false;
+    for (const surface of surfaces)
+        again = surface.update(dt) || again;
+    if (again)
+        wake();
+}
+function nudgeAll() {
+    for (const surface of surfaces)
+        surface.nudge();
+}
+function restyleAll() {
+    for (const surface of surfaces)
+        surface.restyle();
+}
+function listen() {
+    if (listening)
+        return;
+    listening = true;
+    addEventListener("scroll", nudgeAll, { capture: true, passive: true });
+    addEventListener("resize", nudgeAll, { passive: true });
+    matchMedia("(prefers-color-scheme: dark)").addEventListener("change", restyleAll);
+    new MutationObserver(restyleAll).observe(document.documentElement, { attributes: true, attributeFilter: ["data-theme"] });
+    if (Renderer.shared)
+        Renderer.shared.onRestore = restyleAll;
+}
+export class GlassSurface {
+    host;
+    canvas;
+    context;
+    motion;
+    resize = new ResizeObserver(() => this.restyle());
+    visibility = new IntersectionObserver(([entry]) => {
+        this.visible = entry.isIntersecting;
+        if (this.visible)
+            this.invalidate();
+    });
+    visible = true;
+    forced = true;
+    moved = false;
+    signature = "";
+    live = false;
+    options;
+    material = resolveMaterial();
+    interaction = interactions.none;
+    tint = [1, 1, 1];
+    radius = 0;
+    constructor(host, canvas, options = {}) {
+        this.host = host;
+        this.canvas = canvas;
+        this.context = canvas.getContext("2d");
+        this.motion = new Motion(host, wake);
+        this.options = options;
+    }
+    connect() {
+        listen();
+        if (!Renderer.shared) {
+            this.fallBack();
+            return;
+        }
+        this.host.dataset.engine = "webgl";
+        surfaces.add(this);
+        this.resize.observe(this.host);
+        this.visibility.observe(this.host);
+        this.motion.attach();
+        this.restyle();
+    }
+    disconnect() {
+        surfaces.delete(this);
+        this.resize.disconnect();
+        this.visibility.disconnect();
+        this.motion.detach();
+    }
+    set(options) {
+        this.options = { ...this.options, ...options };
+        this.restyle();
+    }
+    invalidate() {
+        this.forced = true;
+        wake();
+    }
+    nudge() {
+        this.moved = true;
+        wake();
+    }
+    restyle() {
+        const style = getComputedStyle(this.host);
+        const tokens = {};
+        for (const key of numericKeys) {
+            const value = style.getPropertyValue(`--glass-${kebab(key)}`);
+            if (value)
+                tokens[key] = parseFloat(value);
+        }
+        const tint = style.getPropertyValue("--glass-tint").trim();
+        if (tint)
+            tokens.tint = tint;
+        const { material = "regular", interaction = "none" } = this.options;
+        this.material = typeof material === "string"
+            ? resolveMaterial(presets[material] ?? presets.regular, tokens)
+            : resolveMaterial(tokens, material);
+        const reduced = matchMedia("(prefers-reduced-motion: reduce)").matches;
+        this.interaction = reduced ? interactions.none : typeof interaction === "string" ? (interactions[interaction] ?? interactions.none) : interaction;
+        this.tint = resolveTint(this.material.tint);
+        this.radius = cornerRadius(style.borderTopLeftRadius, this.host.offsetWidth, this.host.offsetHeight);
+        this.invalidate();
+    }
+    update(dt) {
+        const { motion, interaction } = this;
+        const moving = motion.moving;
+        if (moving)
+            motion.step(dt, interaction);
+        if (!this.visible)
+            return moving;
+        const width = this.host.offsetWidth;
+        const height = this.host.offsetHeight;
+        if (!width || !height)
+            return moving;
+        if (!this.forced && !this.moved && !moving && !this.live)
+            return false;
+        const rect = this.host.getBoundingClientRect();
+        const backdrop = resolveBackdrop(this.host, rect, this.options.source ?? "auto", () => this.invalidate());
+        if (!backdrop)
+            return moving;
+        this.live = this.options.live ?? (backdrop.live && backdrop.image instanceof HTMLVideoElement);
+        const signature = `${rect.left},${rect.top},${rect.width},${rect.height},${backdrop.map.x},${backdrop.map.y},${backdrop.map.w},${backdrop.map.h}`;
+        const skip = !this.forced && !moving && !this.live && signature === this.signature;
+        this.moved = false;
+        if (skip)
+            return false;
+        try {
+            this.paint(backdrop, rect, width, height);
+        }
+        catch (error) {
+            console.warn("@edinstvo/glass: can't read this backdrop, falling back to CSS.", error);
+            this.fallBack();
+            return false;
+        }
+        this.forced = false;
+        this.signature = signature;
+        return moving || motion.moving || this.live;
+    }
+    paint(backdrop, rect, width, height) {
+        const dpr = Math.min(devicePixelRatio || 1, 2);
+        const canvasW = Math.round((width + pad * 2) * dpr);
+        const canvasH = Math.round((height + pad * 2) * dpr);
+        if (this.canvas.width !== canvasW || this.canvas.height !== canvasH) {
+            this.canvas.width = canvasW;
+            this.canvas.height = canvasH;
+        }
+        const { origin, perPixel } = uvTransform(rect, backdrop.map, rect.width / width, rect.height / height, dpr);
+        const [baseX, baseY] = lightVector(this.material.lightAngle);
+        const follow = this.interaction.follow;
+        const x = baseX + this.motion.x.value * follow;
+        const y = baseY + this.motion.y.value * follow;
+        const length = Math.hypot(x, y) || 1;
+        Renderer.shared.draw({
+            target: this.context,
+            backdrop,
+            width: canvasW,
+            height: canvasH,
+            pad: pad * dpr,
+            size: [width * dpr, height * dpr],
+            radius: this.radius * dpr,
+            dpr,
+            uvOrigin: origin,
+            uvPerPixel: perPixel,
+            lightDir: [x / length, y / length],
+            tint: this.tint,
+            material: this.material,
+        });
+    }
+    fallBack() {
+        this.host.dataset.engine = "css";
+        this.canvas.hidden = true;
+        surfaces.delete(this);
+    }
+}
+export function placeCanvas(canvas) {
+    Object.assign(canvas.style, {
+        position: "absolute",
+        inset: `-${pad}px`,
+        width: `calc(100% + ${pad * 2}px)`,
+        height: `calc(100% + ${pad * 2}px)`,
+        pointerEvents: "none",
+        zIndex: "0",
+    });
+}
+export function attachGlass(host, options = {}) {
+    const canvas = document.createElement("canvas");
+    placeCanvas(canvas);
+    if (getComputedStyle(host).position === "static")
+        host.style.position = "relative";
+    host.style.isolation = "isolate";
+    host.prepend(canvas);
+    const surface = new GlassSurface(host, canvas, options);
+    surface.connect();
+    return {
+        set: (next) => surface.set(next),
+        invalidate: () => surface.invalidate(),
+        destroy: () => {
+            surface.disconnect();
+            canvas.remove();
+        },
+    };
+}
+//# sourceMappingURL=surface.js.map

package/dist/surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surface.js","sourceRoot":"","sources":["../src/surface.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,54 @@
 {
   "name": "@edinstvo/glass",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0-alpha.1",
+  "description": "Liquid glass for the web: one WebGL material that looks the same on macOS and Windows.",
+  "license": "MIT",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EdinstvoAI/edinstvo-glass.git"
+  },
+  "homepage": "https://github.com/EdinstvoAI/edinstvo-glass",
+  "keywords": [
+    "glass",
+    "liquid-glass",
+    "webgl",
+    "web-components",
+    "shader",
+    "material"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./define": {
+      "types": "./dist/define.d.ts",
+      "default": "./dist/define.js"
+    },
+    "./glass.css": "./css/glass.css"
+  },
+  "files": [
+    "dist",
+    "css"
+  ],
+  "sideEffects": [
+    "./dist/define.js",
+    "*.css"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "test": "tsc && node --test",
+    "demo": "tsc && node demo/serve.mjs",
+    "prepublishOnly": "npm test"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "devDependencies": {
+    "typescript": "^5"
+  }
+}