@rokkit/chart 1.0.0-next.99 → 1.0.1

package/src/patterns/Brick.svelte

@@ -1,17 +0,0 @@
-<script>
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-
-	$: lines = [
-		{ x1: 0, y1: 0.25 * size, x2: 0.5 * size, y2: 0.25 * size },
-		{ x1: 0.5 * size, y1: 0.75 * size, x2: size, y2: 0.75 * size },
-		{ x1: 0, y1: 0, x2: 0, y2: size },
-		{ x1: size, y1: 0, x2: size, y2: size },
-		{ x1: 0.5 * size, y1: 0, x2: 0.5 * size, y2: size }
-	]
-</script>
-
-{#each lines as line}
-	<line {...line} {stroke} stroke-width={thickness} stroke-linecap="round" />
-{/each}

package/src/patterns/Circles.svelte

@@ -1,18 +0,0 @@
-<script>
-	export let size = 10
-	export let fill = 'currentColor'
-	export let stroke = 'currentColor'
-
-	$: data = [
-		{ cx: 0, cy: 0, r: 0.5 },
-		{ cx: 1, cy: 1, r: 0.5 }
-	].map(({ cx, cy, r }) => ({
-		cx: cx * size,
-		cy: cy * size,
-		r: r * size
-	}))
-</script>
-
-{#each data as { cx, cy, r }}
-	<circle {cx} {cy} {r} {fill} {stroke} />
-{/each}

package/src/patterns/CrossHatch.svelte

@@ -1,14 +0,0 @@
-<script>
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-
-	$: lines = [
-		{ x1: 0, y1: 0, x2: size, y2: size },
-		{ x1: 0, y1: size, x2: size, y2: 0 }
-	]
-</script>
-
-{#each lines as line}
-	<line {...line} {stroke} stroke-width={thickness} stroke-linecap="round" />
-{/each}

package/src/patterns/CurvedWave.svelte

@@ -1,9 +0,0 @@
-<script>
-	import NamedPattern from './paths/NamedPattern.svelte'
-
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-</script>
-
-<NamedPattern {size} {thickness} {stroke} name="curvedWave" />

package/src/patterns/Dots.svelte

@@ -1,19 +0,0 @@
-<script>
-	export let size = 10
-	export let fill = 'currentColor'
-
-	$: data = [
-		{ cx: 0.2 * size, cy: 0.2 * size },
-		{ cx: 0.4 * size, cy: 0.4 * size },
-		{ cx: 0.6 * size, cy: 0.6 * size },
-		{ cx: 0.8 * size, cy: 0.8 * size },
-		{ cx: 0.8 * size, cy: 0.2 * size },
-		{ cx: 0.6 * size, cy: 0.4 * size },
-		{ cx: 0.4 * size, cy: 0.6 * size },
-		{ cx: 0.2 * size, cy: 0.8 * size }
-	].map((x) => ({ ...x, r: 0.08 * size }))
-</script>
-
-{#each data as { cx, cy, r }}
-	<circle {cx} {cy} {r} {fill} />
-{/each}

package/src/patterns/OutlineCircles.svelte

@@ -1,15 +0,0 @@
-<script>
-	export let size = 10
-	export let fill = 'currentColor'
-	export let stroke = 'currentColor'
-
-	const centres = [
-		{ cx: 0, cy: 0 },
-		{ cx: size, cy: size }
-	]
-	$: r = 0.5 * size
-</script>
-
-{#each centres as { cx, cy }}
-	<circle {cx} {cy} {r} {fill} {stroke} />
-{/each}

package/src/patterns/Tile.svelte

@@ -1,17 +0,0 @@
-<script>
-	const thickness = 0.5
-	export let size = 10
-	export let stroke = 'currentColor'
-
-	const lines = [
-		{ x1: 0, y1: 0.25 * size, x2: 0.5 * size, y2: 0.25 * size },
-		{ x1: 0.5 * size, y1: 0.75 * size, x2: size, y2: 0.75 * size },
-		{ x1: 0, y1: 0, x2: 0, y2: size },
-		{ x1: size, y1: 0, x2: size, y2: size },
-		{ x1: 0.5 * size, y1: 0, x2: 0.5 * size, y2: size }
-	]
-</script>
-
-{#each lines as line}
-	<line {...line} {stroke} stroke-width={thickness} stroke-linecap="round" />
-{/each}

package/src/patterns/Triangles.svelte

@@ -1,15 +0,0 @@
-<script>
-	export let size = 10
-	export let fill = 'currentColor'
-	export let stroke = 'currentColor'
-
-	const polygons = [
-		[0, 0.5 * size, 0.5 * size, size, 0, size],
-		[0.5 * size, 0, 0, 0, 0, 0.5 * size],
-		[size, 0, 0.5 * size, 0.5 * size, size, size]
-	]
-</script>
-
-{#each polygons as points}
-	<polygon points={points.join(', ')} {fill} {stroke} stroke-width="0" />
-{/each}

package/src/patterns/Waves.svelte

@@ -1,13 +0,0 @@
-<script>
-	import { scaledPath } from '@rokkit/core'
-
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-	export let fill = 'none'
-	export let data = []
-
-	$: d = scaledPath(size, data)
-</script>
-
-<path {d} {stroke} stroke-width={thickness} {fill} />

package/src/patterns/paths/NamedPattern.svelte

@@ -1,12 +0,0 @@
-<script>
-	import { patterns } from './constants'
-
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-	export let name = 'cross-hatch'
-
-	$: d = patterns[name](size)
-</script>
-
-<path {d} {stroke} stroke-width={thickness} fill="none" />

package/src/patterns/paths/constants.js

@@ -1,4 +0,0 @@
-import { scaledPathCollection } from '../../lib/utils'
-import paths from './patterns.json'
-
-export const patterns = scaledPathCollection(paths)

package/src/plots/Plot.svelte

@@ -1,40 +0,0 @@
-<script>
-	import { plotter } from '../lib/plots'
-	import { compact } from '@rokkit/core'
-	export let data = []
-	/** @type {'lineY'|'lineX'|'dot'|'plot'|'bar'} */
-	export let type = 'dot'
-	export let width = null
-	export let height = null
-	export let x = 'x'
-	export let y = 'y'
-	export let fill = null
-	export let stroke = null
-	export let symbol = null
-	export let grid = true
-	export let legend = false
-	export let labels = {}
-	export let tip = true
-	export let channels = null
-
-	$: showLegend = compact({
-		stroke: stroke ? { legend } : null,
-		color: fill && !symbol ? { legend } : null,
-		symbol: symbol ? { legend } : null
-	})
-	$: config = {
-		data,
-		type,
-		aes: compact({ x, y, fill, stroke, symbol, tip, channels }),
-		opts: compact({
-			width,
-			height,
-			grid,
-			...showLegend,
-			x: { label: labels?.x ?? x },
-			y: { label: labels?.y ?? y }
-		})
-	}
-</script>
-
-<plot use:plotter={config} />

package/src/plots/index.js

@@ -1 +0,0 @@
-export { default as Plot } from './Plot.svelte'

package/src/template/Texture.svelte

@@ -1,16 +0,0 @@
-<script>
-	import { library } from './constants'
-	import * as templates from './shapes'
-	import { pick } from 'ramda'
-
-	export let size = 10
-	export let fill = 'none'
-	export let stroke = 'none'
-	export let thickness = 0.5
-	export let name = 'Waves'
-
-	$: pattern = library[name]
-	$: props = pick(pattern.allowed ?? [], { fill, stroke, thickness })
-</script>
-
-<svelte:component this={templates[pattern.component]} {size} {...props} data={pattern.data} />

package/src/template/constants.js

@@ -1,43 +0,0 @@
-export const library = {
-	Brick: {
-		component: 'Lines',
-		allowed: ['stroke'],
-		data: [
-			{ x1: 0, y1: 0.25, x2: 0.5, y2: 0.25 },
-			{ x1: 0.5, y1: 0.75, x2: 1, y2: 0.75 },
-			{ x1: 0, y1: 0, x2: 0, y2: 1 },
-			{ x1: 1, y1: 0, x2: 1, y2: 1 },
-			{ x1: 0.5, y1: 0, x2: 0.5, y2: 1 }
-		]
-	},
-	Circles: {
-		component: 'Circles',
-		allowed: ['fill', 'stroke'],
-		data: [
-			{ cx: 0, cy: 0, r: 0.5 },
-			{ cx: 1, cy: 1, r: 0.5 }
-		]
-	},
-	Dominoes: {
-		component: 'Circles',
-		allowed: ['fill'],
-		data: [
-			{ cx: 0.2, cy: 0.2, r: 0.8 },
-			{ cx: 0.4, cy: 0.4, r: 0.8 },
-			{ cx: 0.6, cy: 0.6, r: 0.8 },
-			{ cx: 0.8, cy: 0.8, r: 0.8 },
-			{ cx: 0.8, cy: 0.2, r: 0.8 },
-			{ cx: 0.6, cy: 0.4, r: 0.8 },
-			{ cx: 0.4, cy: 0.6, r: 0.8 },
-			{ cx: 0.2, cy: 0.8, r: 0.8 }
-		]
-	},
-	Waves: {
-		component: 'Path',
-		stroke: true,
-		data: [
-			['M', 0, 0.25],
-			['A', 0.6, 0.5, 0, 0, 0, 1, 0.25]
-		]
-	}
-}

package/src/template/shapes/Circles.svelte

@@ -1,16 +0,0 @@
-<script>
-	export let size = 10
-	export let fill = 'currentColor'
-	export let stroke = 'currentColor'
-	export let data
-
-	$: circles = data.map(({ cx, cy, r }) => ({
-		cx: cx * size,
-		cy: cy * size,
-		r: r * size
-	}))
-</script>
-
-{#each circles as { cx, cy, r }}
-	<circle {cx} {cy} {r} {fill} {stroke} />
-{/each}

package/src/template/shapes/Lines.svelte

@@ -1,17 +0,0 @@
-<script>
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-	export let data = []
-
-	$: lines = data.map(({ x1, y1, x2, y2 }) => ({
-		x1: x1 * size,
-		y1: y1 * size,
-		x2: x2 * size,
-		y2: y2 * size
-	}))
-</script>
-
-{#each lines as line}
-	<line {...line} {stroke} stroke-width={thickness} stroke-linecap="round" />
-{/each}

package/src/template/shapes/Path.svelte

@@ -1,12 +0,0 @@
-<script>
-	import { scaledPath } from '@rokkit/core'
-
-	export let size = 10
-	export let thickness = 0.5
-	export let stroke = 'currentColor'
-	export let data = []
-
-	$: d = scaledPath(size, data)
-</script>
-
-<path {d} {stroke} stroke-width={thickness} fill="none" />

package/src/template/shapes/Polygons.svelte

@@ -1,18 +0,0 @@
-<script>
-	export let size = 10
-	export let thickness = 0.5
-	export let fill = 'currentColor'
-	export let stroke = 'currentColor'
-	export let data = []
-
-	const polygons = data.map((points) => points.map((point) => point * size).join(', '))
-	// [
-	// 	[0, 0.5 * size, 0.5 * size, size, 0, size],
-	// 	[0.5 * size, 0, 0, 0, 0, 0.5 * size],
-	// 	[size, 0, 0.5 * size, 0.5 * size, size, size]
-	// ]
-</script>
-
-{#each polygons as points}
-	<polygon {points} {fill} {stroke} stroke-width={thickness} />
-{/each}

package/src/template/shapes/index.js

@@ -1,4 +0,0 @@
-export { default as Circles } from './Circles.svelte'
-export { default as Lines } from './Lines.svelte'
-export { default as Path } from './Path.svelte'
-export { default as Polygons } from './Polygons.svelte'