svelte-parse

{ "type": "root", "children": [ { "type": "svelteScript", "tagName": "script", "properties": [], "selfClosing": false, "children": [ { "type": "text", "value": "\n\timport { spring } from 'svelte/motion';\n\timport { pannable } from './pannable.js';\n\n\tconst coords = spring({ x: 0, y: 0 }, {\n\t\tstiffness: 0.2,\n\t\tdamping: 0.4\n\t});\n\n\tfunction handlePanStart() {\n\t\tcoords.stiffness = coords.damping = 1;\n\t}\n\n\tfunction handlePanMove(event) {\n\t\tcoords.update($coords => ({\n\t\t\tx: $coords.x + event.detail.dx,\n\t\t\ty: $coords.y + event.detail.dy\n\t\t}));\n\t}\n\n\tfunction handlePanEnd(event) {\n\t\tcoords.stiffness = 0.2;\n\t\tcoords.damping = 0.4;\n\t\tcoords.set({ x: 0, y: 0 });\n\t}\n", "position": { "start": { "line": 1, "column": 9, "offset": 8 }, "end": { "line": 26, "column": 1, "offset": 506 } } } ], "position": { "start": { "line": 1, "column": 1, "offset": 0 }, "end": { "line": 26, "column": 10, "offset": 515 } } }, { "type": "text", "value": "\n\n", "position": { "start": { "line": 26, "column": 10, "offset": 515 }, "end": { "line": 28, "column": 1, "offset": 517 } } }, { "type": "svelteStyle", "tagName": "style", "properties": [], "selfClosing": false, "children": [ { "type": "text", "value": "\n\t.box {\n\t\t--width: 100px;\n\t\t--height: 100px;\n\t\tposition: absolute;\n\t\twidth: var(--width);\n\t\theight: var(--height);\n\t\tleft: calc(50% - var(--width) / 2);\n\t\ttop: calc(50% - var(--height) / 2);\n\t\tborder-radius: 4px;\n\t\tbackground-color: #ff3e00;\n\t\tcursor: move;\n\t}\n", "position": { "start": { "line": 28, "column": 8, "offset": 524 }, "end": { "line": 41, "column": 1, "offset": 786 } } } ], "position": { "start": { "line": 28, "column": 1, "offset": 517 }, "end": { "line": 41, "column": 9, "offset": 794 } } }, { "type": "text", "value": "\n\n", "position": { "start": { "line": 41, "column": 9, "offset": 794 }, "end": { "line": 43, "column": 1, "offset": 796 } } }, { "type": "svelteElement", "tagName": "div", "properties": [ { "type": "svelteProperty", "name": "class", "value": [ { "type": "text", "value": "box", "position": { "start": { "line": 43, "column": 13, "offset": 808 }, "end": { "line": 43, "column": 17, "offset": 812 } } } ], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 43, "column": 6, "offset": 801 }, "end": { "line": 43, "column": 17, "offset": 812 } } }, { "type": "svelteDirective", "name": "use", "value": [], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 44, "column": 2, "offset": 814 }, "end": { "line": 44, "column": 14, "offset": 826 } }, "specifier": "pannable" }, { "type": "svelteDirective", "name": "on", "value": [ { "type": "svelteDynamicContent", "position": { "start": { "line": 45, "column": 14, "offset": 840 }, "end": { "line": 45, "column": 30, "offset": 856 } }, "expression": { "type": "svelteExpression", "value": "handlePanStart", "position": { "start": { "line": 45, "column": 15, "offset": 841 }, "end": { "line": 45, "column": 29, "offset": 855 } } } } ], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 45, "column": 2, "offset": 828 }, "end": { "line": 45, "column": 30, "offset": 856 } }, "specifier": "panstart" }, { "type": "svelteDirective", "name": "on", "value": [ { "type": "svelteDynamicContent", "position": { "start": { "line": 46, "column": 13, "offset": 869 }, "end": { "line": 46, "column": 28, "offset": 884 } }, "expression": { "type": "svelteExpression", "value": "handlePanMove", "position": { "start": { "line": 46, "column": 14, "offset": 870 }, "end": { "line": 46, "column": 27, "offset": 883 } } } } ], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 46, "column": 2, "offset": 858 }, "end": { "line": 46, "column": 28, "offset": 884 } }, "specifier": "panmove" }, { "type": "svelteDirective", "name": "on", "value": [ { "type": "svelteDynamicContent", "position": { "start": { "line": 47, "column": 12, "offset": 896 }, "end": { "line": 47, "column": 26, "offset": 910 } }, "expression": { "type": "svelteExpression", "value": "handlePanEnd", "position": { "start": { "line": 47, "column": 13, "offset": 897 }, "end": { "line": 47, "column": 25, "offset": 909 } } } } ], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 47, "column": 2, "offset": 886 }, "end": { "line": 47, "column": 26, "offset": 910 } }, "specifier": "panend" }, { "type": "svelteProperty", "name": "style", "value": [ { "type": "text", "value": "transform:", "position": { "start": { "line": 48, "column": 9, "offset": 919 }, "end": {} } }, { "type": "text", "value": "\n\t\t", "position": { "start": { "line": 48, "column": 19, "offset": 929 }, "end": {} } }, { "type": "text", "value": "translate(", "position": { "start": { "line": 49, "column": 3, "offset": 932 }, "end": { "line": 49, "column": 13, "offset": 942 } } }, { "type": "svelteDynamicContent", "position": { "start": { "line": 49, "column": 13, "offset": 942 }, "end": { "line": 49, "column": 24, "offset": 953 } }, "expression": { "type": "svelteExpression", "value": "$coords.x", "position": { "start": { "line": 49, "column": 14, "offset": 943 }, "end": { "line": 49, "column": 23, "offset": 952 } } } }, { "type": "text", "value": "px,", "position": { "start": { "line": 49, "column": 24, "offset": 953 }, "end": { "line": 49, "column": 27, "offset": 956 } } }, { "type": "svelteDynamicContent", "position": { "start": { "line": 49, "column": 27, "offset": 956 }, "end": { "line": 49, "column": 38, "offset": 967 } }, "expression": { "type": "svelteExpression", "value": "$coords.y", "position": { "start": { "line": 49, "column": 28, "offset": 957 }, "end": { "line": 49, "column": 37, "offset": 966 } } } }, { "type": "text", "value": "px)", "position": { "start": { "line": 49, "column": 38, "offset": 967 }, "end": {} } }, { "type": "text", "value": "\n\t\t", "position": { "start": { "line": 49, "column": 41, "offset": 970 }, "end": {} } }, { "type": "text", "value": "rotate(", "position": { "start": { "line": 50, "column": 3, "offset": 973 }, "end": { "line": 50, "column": 10, "offset": 980 } } }, { "type": "svelteDynamicContent", "position": { "start": { "line": 50, "column": 10, "offset": 980 }, "end": { "line": 50, "column": 27, "offset": 997 } }, "expression": { "type": "svelteExpression", "value": "$coords.x * 0.2", "position": { "start": { "line": 50, "column": 11, "offset": 981 }, "end": { "line": 50, "column": 26, "offset": 996 } } } }, { "type": "text", "value": "deg)", "position": { "start": { "line": 50, "column": 27, "offset": 997 }, "end": { "line": 50, "column": 32, "offset": 1002 } } } ], "modifiers": [], "shorthand": "none", "position": { "start": { "line": 48, "column": 2, "offset": 912 }, "end": { "line": 50, "column": 32, "offset": 1002 } } } ], "selfClosing": false, "children": [], "position": { "start": { "line": 43, "column": 1, "offset": 796 }, "end": { "line": 51, "column": 8, "offset": 1010 } } } ], "position": { "start": { "column": 1, "line": 1, "offset": 0 }, "end": { "line": 51, "column": 8, "offset": 1010 } } }