svelteplot 0.2.2 → 0.2.3
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/dist/marks/helpers/canvas.js +3 -5
- package/package.json +114 -115
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSS_URL, CSS_VAR } from
|
|
1
|
+
import { CSS_URL, CSS_VAR } from '../../constants';
|
|
2
2
|
export function resolveColor(color, canvas) {
|
|
3
3
|
if (`${color}`.toLowerCase() === 'currentcolor') {
|
|
4
4
|
color = getComputedStyle(canvas?.parentElement?.parentElement).getPropertyValue('color');
|
|
@@ -18,13 +18,11 @@ export function resolveColor(color, canvas) {
|
|
|
18
18
|
const x1 = +gradient.getAttribute('x2');
|
|
19
19
|
const y0 = +gradient.getAttribute('y1');
|
|
20
20
|
const y1 = +gradient.getAttribute('y2');
|
|
21
|
-
const ctxGradient = canvas
|
|
22
|
-
.getContext('2d')
|
|
23
|
-
.createLinearGradient(x0, y0, x1, y1);
|
|
21
|
+
const ctxGradient = canvas.getContext('2d').createLinearGradient(x0, y0, x1, y1);
|
|
24
22
|
for (const stop of gradient.querySelectorAll('stop')) {
|
|
25
23
|
const offset = +stop.getAttribute('offset');
|
|
26
24
|
const color = resolveColor(stop.getAttribute('stop-color'), canvas);
|
|
27
|
-
ctxGradient.addColorStop(offset, color);
|
|
25
|
+
ctxGradient.addColorStop(Math.min(1, Math.max(0, offset)), color);
|
|
28
26
|
}
|
|
29
27
|
return ctxGradient;
|
|
30
28
|
}
|
package/package.json
CHANGED
|
@@ -1,121 +1,120 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
"name": "svelteplot",
|
|
3
|
+
"version": "0.2.3",
|
|
4
|
+
"license": "ISC",
|
|
5
|
+
"author": {
|
|
6
|
+
"name": "Gregor Aisch",
|
|
7
|
+
"email": "gka@users.noreply.github.com"
|
|
8
|
+
},
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"types": "./dist/index.d.ts",
|
|
12
|
+
"svelte": "./dist/index.js"
|
|
8
13
|
},
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"build": "vite build",
|
|
12
|
-
"preview": "vite preview",
|
|
13
|
-
"test": "npm run test:unit",
|
|
14
|
-
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
15
|
-
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
16
|
-
"lint": "prettier --check src && eslint src",
|
|
17
|
-
"format": "prettier --write .",
|
|
18
|
-
"test:unit": "vitest",
|
|
19
|
-
"prepack": "npx svelte-package",
|
|
20
|
-
"release-next": "npm version prerelease --preid next && npm publish && git push && git push --tags && sleep 1 && npm dist-tag add svelteplot@$(npm view . version) next",
|
|
21
|
-
"docs": "npm run build && cd build && rsync --recursive . vis4.net:svelteplot/alpha0/"
|
|
14
|
+
"./*.js": {
|
|
15
|
+
"import": "./dist/*.js"
|
|
22
16
|
},
|
|
23
|
-
"
|
|
24
|
-
|
|
25
|
-
"types": "./dist/index.d.ts",
|
|
26
|
-
"svelte": "./dist/index.js"
|
|
27
|
-
},
|
|
28
|
-
"./*.js": {
|
|
29
|
-
"import": "./dist/*.js"
|
|
30
|
-
},
|
|
31
|
-
"./*.svelte": {
|
|
32
|
-
"import": "./dist/*.svelte"
|
|
33
|
-
},
|
|
34
|
-
"./core/*.svelte": {
|
|
35
|
-
"import": "./dist/core/*.svelte"
|
|
36
|
-
},
|
|
37
|
-
"./marks/*.svelte": {
|
|
38
|
-
"import": "./dist/marks/*.svelte"
|
|
39
|
-
}
|
|
17
|
+
"./*.svelte": {
|
|
18
|
+
"import": "./dist/*.svelte"
|
|
40
19
|
},
|
|
41
|
-
"
|
|
42
|
-
|
|
43
|
-
"dist",
|
|
44
|
-
"!dist/**/*.test.*",
|
|
45
|
-
"!dist/**/*.spec.*"
|
|
46
|
-
],
|
|
47
|
-
"devDependencies": {
|
|
48
|
-
"@aitodotai/json-stringify-pretty-compact": "^1.3.0",
|
|
49
|
-
"@emotion/css": "^11.13.5",
|
|
50
|
-
"@sveltejs/adapter-auto": "^6.0.1",
|
|
51
|
-
"@sveltejs/adapter-static": "^3.0.8",
|
|
52
|
-
"@sveltejs/eslint-config": "^8.2.0",
|
|
53
|
-
"@sveltejs/kit": "^2.21.0",
|
|
54
|
-
"@sveltejs/package": "^2.3.11",
|
|
55
|
-
"@sveltejs/vite-plugin-svelte": "5.0.3",
|
|
56
|
-
"@sveltepress/theme-default": "^6.0.3",
|
|
57
|
-
"@sveltepress/twoslash": "^1.2.2",
|
|
58
|
-
"@sveltepress/vite": "^1.2.2",
|
|
59
|
-
"@testing-library/svelte": "^5.2.7",
|
|
60
|
-
"@testing-library/user-event": "^14.6.1",
|
|
61
|
-
"@types/d3-array": "^3.2.1",
|
|
62
|
-
"@types/d3-color": "^3.1.3",
|
|
63
|
-
"@types/d3-dsv": "^3.0.7",
|
|
64
|
-
"@types/d3-geo": "^3.1.0",
|
|
65
|
-
"@types/d3-interpolate": "^3.0.4",
|
|
66
|
-
"@types/d3-path": "^3.1.1",
|
|
67
|
-
"@types/d3-random": "^3.0.3",
|
|
68
|
-
"@types/d3-scale": "^4.0.9",
|
|
69
|
-
"@types/d3-scale-chromatic": "^3.1.0",
|
|
70
|
-
"@types/d3-shape": "^3.1.7",
|
|
71
|
-
"@typescript-eslint/eslint-plugin": "^8.32.1",
|
|
72
|
-
"@typescript-eslint/parser": "^8.32.1",
|
|
73
|
-
"csstype": "^3.1.3",
|
|
74
|
-
"d3-dsv": "^3.0.1",
|
|
75
|
-
"d3-fetch": "^3.0.1",
|
|
76
|
-
"d3-force": "^3.0.0",
|
|
77
|
-
"eslint": "^9.26.0",
|
|
78
|
-
"eslint-config-prettier": "^10.1.5",
|
|
79
|
-
"eslint-plugin-svelte": "3.7.0",
|
|
80
|
-
"jsdom": "^26.1.0",
|
|
81
|
-
"prettier": "^3.5.3",
|
|
82
|
-
"prettier-plugin-svelte": "^3.4.0",
|
|
83
|
-
"remark-code-extra": "^1.0.1",
|
|
84
|
-
"remark-code-frontmatter": "^1.0.0",
|
|
85
|
-
"resize-observer-polyfill": "^1.5.1",
|
|
86
|
-
"sass": "^1.89.0",
|
|
87
|
-
"svelte-check": "^4.2.1",
|
|
88
|
-
"svelte-eslint-parser": "1.2.0",
|
|
89
|
-
"svelte-highlight": "^7.8.3",
|
|
90
|
-
"svg-path-parser": "^1.1.0",
|
|
91
|
-
"topojson-client": "^3.1.0",
|
|
92
|
-
"tslib": "^2.8.1",
|
|
93
|
-
"typedoc": "^0.28.4",
|
|
94
|
-
"typedoc-plugin-markdown": "^4.6.3",
|
|
95
|
-
"typescript": "^5.8.3",
|
|
96
|
-
"vite": "^6.3.5",
|
|
97
|
-
"vitest": "^3.1.3",
|
|
98
|
-
"vitest-matchmedia-mock": "^2.0.3"
|
|
20
|
+
"./core/*.svelte": {
|
|
21
|
+
"import": "./dist/core/*.svelte"
|
|
99
22
|
},
|
|
100
|
-
"
|
|
101
|
-
|
|
102
|
-
"dependencies": {
|
|
103
|
-
"d3-array": "^3.2.4",
|
|
104
|
-
"d3-color": "^3.1.0",
|
|
105
|
-
"d3-format": "^3.1.0",
|
|
106
|
-
"d3-geo": "^3.1.1",
|
|
107
|
-
"d3-interpolate": "^3.0.1",
|
|
108
|
-
"d3-path": "^3.1.0",
|
|
109
|
-
"d3-quadtree": "^3.0.1",
|
|
110
|
-
"d3-random": "^3.0.1",
|
|
111
|
-
"d3-regression": "^1.3.10",
|
|
112
|
-
"d3-scale": "^4.0.2",
|
|
113
|
-
"d3-scale-chromatic": "^3.1.0",
|
|
114
|
-
"d3-shape": "^3.2.0",
|
|
115
|
-
"d3-time": "^3.1.0",
|
|
116
|
-
"es-toolkit": "^1.37.2",
|
|
117
|
-
"fast-equals": "^5.2.2",
|
|
118
|
-
"merge-deep": "^3.0.3",
|
|
119
|
-
"svelte": "5.30.1"
|
|
23
|
+
"./marks/*.svelte": {
|
|
24
|
+
"import": "./dist/marks/*.svelte"
|
|
120
25
|
}
|
|
121
|
-
}
|
|
26
|
+
},
|
|
27
|
+
"main": "./dist/index.js",
|
|
28
|
+
"files": [
|
|
29
|
+
"dist",
|
|
30
|
+
"!dist/**/*.test.*",
|
|
31
|
+
"!dist/**/*.spec.*"
|
|
32
|
+
],
|
|
33
|
+
"devDependencies": {
|
|
34
|
+
"@aitodotai/json-stringify-pretty-compact": "^1.3.0",
|
|
35
|
+
"@emotion/css": "^11.13.5",
|
|
36
|
+
"@sveltejs/adapter-auto": "^6.0.1",
|
|
37
|
+
"@sveltejs/adapter-static": "^3.0.8",
|
|
38
|
+
"@sveltejs/eslint-config": "^8.2.0",
|
|
39
|
+
"@sveltejs/kit": "^2.21.0",
|
|
40
|
+
"@sveltejs/package": "^2.3.11",
|
|
41
|
+
"@sveltejs/vite-plugin-svelte": "5.0.3",
|
|
42
|
+
"@sveltepress/theme-default": "^6.0.3",
|
|
43
|
+
"@sveltepress/twoslash": "^1.2.2",
|
|
44
|
+
"@sveltepress/vite": "^1.2.2",
|
|
45
|
+
"@testing-library/svelte": "^5.2.7",
|
|
46
|
+
"@testing-library/user-event": "^14.6.1",
|
|
47
|
+
"@types/d3-array": "^3.2.1",
|
|
48
|
+
"@types/d3-color": "^3.1.3",
|
|
49
|
+
"@types/d3-dsv": "^3.0.7",
|
|
50
|
+
"@types/d3-geo": "^3.1.0",
|
|
51
|
+
"@types/d3-interpolate": "^3.0.4",
|
|
52
|
+
"@types/d3-path": "^3.1.1",
|
|
53
|
+
"@types/d3-random": "^3.0.3",
|
|
54
|
+
"@types/d3-scale": "^4.0.9",
|
|
55
|
+
"@types/d3-scale-chromatic": "^3.1.0",
|
|
56
|
+
"@types/d3-shape": "^3.1.7",
|
|
57
|
+
"@typescript-eslint/eslint-plugin": "^8.32.1",
|
|
58
|
+
"@typescript-eslint/parser": "^8.32.1",
|
|
59
|
+
"csstype": "^3.1.3",
|
|
60
|
+
"d3-dsv": "^3.0.1",
|
|
61
|
+
"d3-fetch": "^3.0.1",
|
|
62
|
+
"d3-force": "^3.0.0",
|
|
63
|
+
"eslint": "^9.26.0",
|
|
64
|
+
"eslint-config-prettier": "^10.1.5",
|
|
65
|
+
"eslint-plugin-svelte": "3.7.0",
|
|
66
|
+
"jsdom": "^26.1.0",
|
|
67
|
+
"prettier": "^3.5.3",
|
|
68
|
+
"prettier-plugin-svelte": "^3.4.0",
|
|
69
|
+
"remark-code-extra": "^1.0.1",
|
|
70
|
+
"remark-code-frontmatter": "^1.0.0",
|
|
71
|
+
"resize-observer-polyfill": "^1.5.1",
|
|
72
|
+
"sass": "^1.89.0",
|
|
73
|
+
"svelte-check": "^4.2.1",
|
|
74
|
+
"svelte-eslint-parser": "1.2.0",
|
|
75
|
+
"svelte-highlight": "^7.8.3",
|
|
76
|
+
"svg-path-parser": "^1.1.0",
|
|
77
|
+
"topojson-client": "^3.1.0",
|
|
78
|
+
"tslib": "^2.8.1",
|
|
79
|
+
"typedoc": "^0.28.4",
|
|
80
|
+
"typedoc-plugin-markdown": "^4.6.3",
|
|
81
|
+
"typescript": "^5.8.3",
|
|
82
|
+
"vite": "^6.3.5",
|
|
83
|
+
"vitest": "^3.1.3",
|
|
84
|
+
"vitest-matchmedia-mock": "^2.0.3"
|
|
85
|
+
},
|
|
86
|
+
"types": "./dist/index.d.ts",
|
|
87
|
+
"type": "module",
|
|
88
|
+
"dependencies": {
|
|
89
|
+
"d3-array": "^3.2.4",
|
|
90
|
+
"d3-color": "^3.1.0",
|
|
91
|
+
"d3-format": "^3.1.0",
|
|
92
|
+
"d3-geo": "^3.1.1",
|
|
93
|
+
"d3-interpolate": "^3.0.1",
|
|
94
|
+
"d3-path": "^3.1.0",
|
|
95
|
+
"d3-quadtree": "^3.0.1",
|
|
96
|
+
"d3-random": "^3.0.1",
|
|
97
|
+
"d3-regression": "^1.3.10",
|
|
98
|
+
"d3-scale": "^4.0.2",
|
|
99
|
+
"d3-scale-chromatic": "^3.1.0",
|
|
100
|
+
"d3-shape": "^3.2.0",
|
|
101
|
+
"d3-time": "^3.1.0",
|
|
102
|
+
"es-toolkit": "^1.37.2",
|
|
103
|
+
"fast-equals": "^5.2.2",
|
|
104
|
+
"merge-deep": "^3.0.3",
|
|
105
|
+
"svelte": "5.30.1"
|
|
106
|
+
},
|
|
107
|
+
"scripts": {
|
|
108
|
+
"dev": "vite dev",
|
|
109
|
+
"build": "vite build",
|
|
110
|
+
"preview": "vite preview",
|
|
111
|
+
"test": "npm run test:unit",
|
|
112
|
+
"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
|
|
113
|
+
"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
|
|
114
|
+
"lint": "prettier --check src && eslint src",
|
|
115
|
+
"format": "prettier --write .",
|
|
116
|
+
"test:unit": "vitest",
|
|
117
|
+
"release-next": "npm version prerelease --preid next && npm publish && git push && git push --tags && sleep 1 && npm dist-tag add svelteplot@$(npm view . version) next",
|
|
118
|
+
"docs": "npm run build && cd build && rsync --recursive . vis4.net:svelteplot/alpha0/"
|
|
119
|
+
}
|
|
120
|
+
}
|