@konce-pt/backdrop 0.8.5 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/dist/index.d.ts +2 -2
- package/dist/index.js +1 -1
- package/dist/renderer.d.ts +1 -1
- package/dist/renderer.js +1 -1
- package/package.json +5 -2
package/README.md
CHANGED
|
@@ -9,8 +9,9 @@ sekcję — rysowana na canvasie zamiast wczytywana jako obraz, więc nie kosztu
|
|
|
9
9
|
się bez rozdzielczości i bierze kolory z tokenów motywu.
|
|
10
10
|
|
|
11
11
|
Ta paczka jest jego rdzeniem: układ siatki i rampa gęstości efektu **signal-grid**, płynąca wstęga
|
|
12
|
-
i rampa barw efektu **wave**, oraz renderery canvas dla obu. Czysty TypeScript
|
|
13
|
-
|
|
12
|
+
i rampa barw efektu **wave**, oraz renderery canvas dla obu. Czysty TypeScript bez wiązania
|
|
13
|
+
z frameworkiem; rachunek barw bierze z [`@konce-pt/color`](https://www.npmjs.com/package/@konce-pt/color),
|
|
14
|
+
swojej jedynej zależności.
|
|
14
15
|
|
|
15
16
|
Zwykle nie instalujesz go samodzielnie: używa go `KptBackdrop` z `@konce-pt/angular`
|
|
16
17
|
i z `@konce-pt/react`. Sięgnij po niego wprost, gdy rysujesz ten sam efekt własnym rendererem.
|
|
@@ -64,8 +65,9 @@ obsługuje kadr dowolnej wielkości.
|
|
|
64
65
|
`KptSignalGridOptions`, `KptSignalGridFrame`, `KptSignalGridCell`
|
|
65
66
|
- **Wstęga** — `resolveWave`, `waveIntensity`, `waveRamp`, `waveBuffer`, typy `KptWaveOptions`,
|
|
66
67
|
`KptWaveSettings`, `KptWaveBuffer`, `KptWaveHarmonic`
|
|
67
|
-
- **Barwy** — `mixOklch`, `shiftHue`, `readCssColor`,
|
|
68
|
-
`srgbToOklab`, `oklabToSrgb`,
|
|
68
|
+
- **Barwy** (re-eksport z `@konce-pt/color`) — `mixOklch`, `shiftHue`, `readCssColor`,
|
|
69
|
+
`parseHexColor`, `toHexColor`, `srgbToOklab`, `oklabToSrgb`, `adaptLightness`, `adaptToSurface`,
|
|
70
|
+
`relativeLuminance`, `prefersDarkContent`, typy `KptRgb`, `KptOklab`
|
|
69
71
|
- **Losowanie** — `kptHash01`
|
|
70
72
|
- **Stałe** — `KPT_SIGNAL_GRID_*`, `KPT_WAVE_*`, `KPT_BACKDROP_MAX_DPR`, `KPT_BACKDROP_MAX_STEP`
|
|
71
73
|
- **Model** — typy `KptBackdropAnchor`, `KptBackdropEffect`
|
package/dist/index.d.ts
CHANGED
|
@@ -2,8 +2,8 @@ export type { KptBackdropAnchor, KptBackdropEffect, KptSignalGridAlphaOptions, K
|
|
|
2
2
|
export { buildSignalGrid, signalGridAlpha, signalGridDensity, KPT_SIGNAL_GRID_CELL, KPT_SIGNAL_GRID_DENSITY, KPT_SIGNAL_GRID_FALLOFF, KPT_SIGNAL_GRID_FLOOR, KPT_SIGNAL_GRID_GAP, KPT_SIGNAL_GRID_RATE, } from './signal-grid.ts';
|
|
3
3
|
export { resolveWave, waveBuffer, waveIntensity, waveRamp, KPT_WAVE_AMPLITUDE, KPT_WAVE_BAND, KPT_WAVE_DRIFT, KPT_WAVE_MIN_SIDE, KPT_WAVE_RESOLUTION, KPT_WAVE_ROTATION, KPT_WAVE_SOFTNESS, KPT_WAVE_SPREAD, } from './wave.ts';
|
|
4
4
|
export type { KptWaveBuffer } from './wave.ts';
|
|
5
|
-
export { adaptLightness, adaptToSurface, mixOklch, oklabToSrgb, parseHexColor, prefersDarkContent, relativeLuminance, readCssColor, shiftHue, srgbToOklab, toHexColor, } from '
|
|
6
|
-
export type { KptOklab, KptRgb } from '
|
|
5
|
+
export { adaptLightness, adaptToSurface, mixOklch, oklabToSrgb, parseHexColor, prefersDarkContent, relativeLuminance, readCssColor, shiftHue, srgbToOklab, toHexColor, } from '@konce-pt/color';
|
|
6
|
+
export type { KptOklab, KptRgb } from '@konce-pt/color';
|
|
7
7
|
export { createBackdropRenderer, createSignalGridRenderer, adaptBackdropValue, createWaveRenderer, observeBackdropTheme, readBackdropInk, readBackdropLead, readBackdropSurface, resolveBackdropColors, resolveCssValue, KPT_BACKDROP_MAX_DPR, KPT_BACKDROP_MAX_STEP, KPT_BACKDROP_RAMP_SPREAD, } from './renderer.ts';
|
|
8
8
|
export type { KptBackdropColors, KptBackdropInk, KptBackdropRenderer, KptBackdropRenderOptions } from './renderer.ts';
|
|
9
9
|
export { kptHash01 } from './hash.ts';
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { buildSignalGrid, signalGridAlpha, signalGridDensity, KPT_SIGNAL_GRID_CELL, KPT_SIGNAL_GRID_DENSITY, KPT_SIGNAL_GRID_FALLOFF, KPT_SIGNAL_GRID_FLOOR, KPT_SIGNAL_GRID_GAP, KPT_SIGNAL_GRID_RATE, } from "./signal-grid.js";
|
|
2
2
|
export { resolveWave, waveBuffer, waveIntensity, waveRamp, KPT_WAVE_AMPLITUDE, KPT_WAVE_BAND, KPT_WAVE_DRIFT, KPT_WAVE_MIN_SIDE, KPT_WAVE_RESOLUTION, KPT_WAVE_ROTATION, KPT_WAVE_SOFTNESS, KPT_WAVE_SPREAD, } from "./wave.js";
|
|
3
|
-
export { adaptLightness, adaptToSurface, mixOklch, oklabToSrgb, parseHexColor, prefersDarkContent, relativeLuminance, readCssColor, shiftHue, srgbToOklab, toHexColor, } from
|
|
3
|
+
export { adaptLightness, adaptToSurface, mixOklch, oklabToSrgb, parseHexColor, prefersDarkContent, relativeLuminance, readCssColor, shiftHue, srgbToOklab, toHexColor, } from '@konce-pt/color';
|
|
4
4
|
export { createBackdropRenderer, createSignalGridRenderer, adaptBackdropValue, createWaveRenderer, observeBackdropTheme, readBackdropInk, readBackdropLead, readBackdropSurface, resolveBackdropColors, resolveCssValue, KPT_BACKDROP_MAX_DPR, KPT_BACKDROP_MAX_STEP, KPT_BACKDROP_RAMP_SPREAD, } from "./renderer.js";
|
|
5
5
|
export { kptHash01 } from "./hash.js";
|
package/dist/renderer.d.ts
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* Kolory wchodzą tu już rozwiązane: canvas nie rozwija `var()`, więc token na konkretny kolor
|
|
9
9
|
* zamienia wywołujący, który jedyny wie, na jakim elemencie go odczytać.
|
|
10
10
|
*/
|
|
11
|
-
import type { KptRgb } from '
|
|
11
|
+
import type { KptRgb } from '@konce-pt/color';
|
|
12
12
|
import type { KptBackdropAnchor, KptBackdropEffect } from './types.ts';
|
|
13
13
|
/** Gęstość pikseli powyżej dwóch nic nie wnosi przy tych efektach, a kosztuje kwadratowo. */
|
|
14
14
|
export declare const KPT_BACKDROP_MAX_DPR = 2;
|
package/dist/renderer.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
* Kolory wchodzą tu już rozwiązane: canvas nie rozwija `var()`, więc token na konkretny kolor
|
|
9
9
|
* zamienia wywołujący, który jedyny wie, na jakim elemencie go odczytać.
|
|
10
10
|
*/
|
|
11
|
-
import { adaptToSurface, mixOklch, parseHexColor, prefersDarkContent, readCssColor, shiftHue, toHexColor, } from
|
|
11
|
+
import { adaptToSurface, mixOklch, parseHexColor, prefersDarkContent, readCssColor, shiftHue, toHexColor, } from '@konce-pt/color';
|
|
12
12
|
import { buildSignalGrid, signalGridAlpha } from "./signal-grid.js";
|
|
13
13
|
import { resolveWave, waveBuffer, waveIntensity, waveRamp } from "./wave.js";
|
|
14
14
|
/** Poniżej tego krycia kwadrat i tak nie byłby widoczny — nie ma po co go rysować. */
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@konce-pt/backdrop",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "Animated backdrop core for Koncept UI — canvas renderers plus the maths behind two effects: a density-ramped grid of squares and a flowing current of light with an OKLCH colour ramp. Framework-free TypeScript
|
|
3
|
+
"version": "0.9.0",
|
|
4
|
+
"description": "Animated backdrop core for Koncept UI — canvas renderers plus the maths behind two effects: a density-ramped grid of squares and a flowing current of light with an OKLCH colour ramp. Framework-free TypeScript; the colour maths lives in @konce-pt/color.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "konce.pt",
|
|
7
7
|
"homepage": "https://ui.konce.pt/",
|
|
@@ -36,6 +36,9 @@
|
|
|
36
36
|
"default": "./dist/index.js"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
|
+
"dependencies": {
|
|
40
|
+
"@konce-pt/color": "0.9.0"
|
|
41
|
+
},
|
|
39
42
|
"devDependencies": {
|
|
40
43
|
"typescript": "~6.0.3"
|
|
41
44
|
},
|