foldkit 0.119.0 → 0.120.0

package/dist/test/apps/svgAttributes.js

@@ -0,0 +1,106 @@
+import { Match as M, Schema as S } from 'effect';
+import { html } from '../../html/index.js';
+import { m } from '../../message/index.js';
+// MODEL
+export const Model = S.Struct({});
+// MESSAGE
+export const IgnoredInteraction = m('IgnoredInteraction');
+export const Message = S.Union([IgnoredInteraction]);
+// INIT
+export const initialModel = {};
+// UPDATE
+export const update = (model, message) => M.value(message).pipe(M.withReturnType(), M.tagsExhaustive({
+    IgnoredInteraction: () => [model, []],
+}));
+// VIEW
+export const view = (_model) => {
+    const h = html();
+    return h.svg([
+        h.DataAttribute('testid', 'svg-root'),
+        h.ViewBox('0 0 100 100'),
+        h.PreserveAspectRatio('xMidYMid meet'),
+        h.Color('black'),
+        h.Overflow('visible'),
+    ], [
+        h.text([
+            h.DataAttribute('testid', 'svg-text'),
+            h.Dx('1'),
+            h.Dy('2'),
+            h.Rotate('15'),
+            h.TextAnchor('middle'),
+            h.DominantBaseline('central'),
+            h.AlignmentBaseline('middle'),
+            h.BaselineShift('super'),
+            h.TextLength('40'),
+            h.LengthAdjust('spacing'),
+            h.FontFamily('serif'),
+            h.FontSize('12'),
+            h.FontWeight('bold'),
+            h.FontStyle('italic'),
+            h.LetterSpacing('1'),
+            h.WordSpacing('2'),
+            h.TextDecoration('underline'),
+            h.WritingMode('horizontal-tb'),
+            h.Visibility('visible'),
+            h.Display('inline'),
+            h.Cursor('pointer'),
+            h.PointerEvents('none'),
+        ], ['Label']),
+        h.rect([
+            h.DataAttribute('testid', 'svg-rect'),
+            h.Rx('4'),
+            h.Ry('4'),
+            h.PathLength('100'),
+            h.FillOpacity('0.5'),
+            h.StrokeOpacity('0.8'),
+            h.StrokeMiterlimit('2'),
+            h.PaintOrder('stroke'),
+            h.VectorEffect('non-scaling-stroke'),
+            h.ShapeRendering('crispEdges'),
+            h.TextRendering('optimizeLegibility'),
+            h.ImageRendering('pixelated'),
+            h.ClipPath('url(#clip)'),
+            h.Mask('url(#mask)'),
+            h.Filter('url(#filter)'),
+            h.MarkerStart('url(#start)'),
+            h.MarkerMid('url(#mid)'),
+            h.MarkerEnd('url(#end)'),
+        ], []),
+        h.linearGradient([
+            h.DataAttribute('testid', 'svg-gradient'),
+            h.GradientUnits('userSpaceOnUse'),
+            h.GradientTransform('rotate(45)'),
+            h.SpreadMethod('reflect'),
+            h.Fx('0.1'),
+            h.Fy('0.2'),
+            h.Fr('0.3'),
+            h.ClipPathUnits('userSpaceOnUse'),
+            h.MaskUnits('userSpaceOnUse'),
+            h.MaskContentUnits('userSpaceOnUse'),
+            h.FilterUnits('userSpaceOnUse'),
+            h.PrimitiveUnits('userSpaceOnUse'),
+        ], [
+            h.stop([
+                h.DataAttribute('testid', 'svg-stop'),
+                h.Offset('0.5'),
+                h.StopColor('red'),
+                h.StopOpacity('0.9'),
+            ], []),
+        ]),
+        h.pattern([
+            h.DataAttribute('testid', 'svg-pattern'),
+            h.PatternUnits('userSpaceOnUse'),
+            h.PatternContentUnits('userSpaceOnUse'),
+            h.PatternTransform('scale(2)'),
+        ], []),
+        h.marker([
+            h.DataAttribute('testid', 'svg-marker'),
+            h.MarkerWidth('6'),
+            h.MarkerHeight('6'),
+            h.MarkerUnits('strokeWidth'),
+            h.RefX('3'),
+            h.RefY('3'),
+            h.Orient('auto'),
+        ], []),
+    ]);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foldkit",
-  "version": "0.119.0",
+  "version": "0.120.0",
   "description": "A TypeScript frontend framework, built on Effect and architected like Elm",
   "type": "module",
   "main": "./dist/index.js",