@breakside/jskit 2026.6.0 → 2026.9.0

package/Frameworks/DOM.jsframework/Info.json

@@ -1,7 +1,7 @@
 {
   "JSBundleType": "framework",
   "JSBundleIdentifier": "io.breakside.JSKit.DOM",
-  "JSBundleVersion": "2026.6.0",
+  "JSBundleVersion": "2026.9.0",
   "JSDevelopmentLanguage": "en",
   "JSCopyright": "Copyright © 2020 Breakside Inc.",
   "JSBundleEnvironments": {
@@ -9,5 +9,5 @@
     "node": "DOM+Node.js"
   },
   "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-  "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+  "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
 }

package/Frameworks/DOM.jsframework/io.breakside.JSKit.DOM-bundle.js

@@ -3,7 +3,7 @@ JSBundle.bundles['io.breakside.JSKit.DOM'] = {
   "Info": {
     "JSBundleType": "framework",
     "JSBundleIdentifier": "io.breakside.JSKit.DOM",
-    "JSBundleVersion": "2026.6.0",
+    "JSBundleVersion": "2026.9.0",
     "JSDevelopmentLanguage": "en",
     "JSCopyright": "Copyright © 2020 Breakside Inc.",
     "JSBundleEnvironments": {
@@ -11,7 +11,7 @@ JSBundle.bundles['io.breakside.JSKit.DOM'] = {
       "node": "DOM+Node.js"
     },
     "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-    "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+    "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
   },
   "Resources": [],
   "ResourceLookup": {

package/Frameworks/FontKit.jsframework/Info.json

@@ -1,12 +1,12 @@
 {
   "JSBundleType": "framework",
   "JSBundleIdentifier": "io.breakside.JSKit.FontKit",
-  "JSBundleVersion": "2026.6.0",
+  "JSBundleVersion": "2026.9.0",
   "JSDevelopmentLanguage": "en",
   "JSCopyright": "Copyright © 2020 Breakside Inc.",
   "JSBundleEnvironments": {
     "html": "FontKit+HTML.js"
   },
   "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-  "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+  "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
 }

package/Frameworks/FontKit.jsframework/io.breakside.JSKit.FontKit-bundle.js

@@ -3,14 +3,14 @@ JSBundle.bundles['io.breakside.JSKit.FontKit'] = {
   "Info": {
     "JSBundleType": "framework",
     "JSBundleIdentifier": "io.breakside.JSKit.FontKit",
-    "JSBundleVersion": "2026.6.0",
+    "JSBundleVersion": "2026.9.0",
     "JSDevelopmentLanguage": "en",
     "JSCopyright": "Copyright © 2020 Breakside Inc.",
     "JSBundleEnvironments": {
       "html": "FontKit+HTML.js"
     },
     "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-    "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+    "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
   },
   "Resources": [],
   "ResourceLookup": {

package/Frameworks/Foundation.jsframework/Info.json

@@ -1,7 +1,7 @@
 {
   "JSBundleType": "framework",
   "JSBundleIdentifier": "io.breakside.JSKit.Foundation",
-  "JSBundleVersion": "2026.6.0",
+  "JSBundleVersion": "2026.9.0",
   "JSDevelopmentLanguage": "en",
   "JSCopyright": "Copyright © 2020 Breakside Inc.",
   "JSBundleEnvironments": {
@@ -9,5 +9,5 @@
     "node": "Foundation+Node.js"
   },
   "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-  "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+  "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
 }

package/Frameworks/Foundation.jsframework/JS/JSContext.js

@@ -209,7 +209,29 @@ JSClass("JSContext", JSObject, {
     drawLinearGradient: function(gradient, rect){
     },
 
-    drawRadialGradient: function(gradient, rect, r0, r1){
+    drawRadialGradient: function(gradient, rect){
+    },
+
+    drawLinearGradientStroke: function(gradient, path){
+        // FIXME: gradient should be aligned to original path rect
+        var strokePath = path.pathThatFillsStroke(this.state.lineWidth, this.state.lineCap, this.state.lineJoin, this.state.miterLimit);
+        this.save();
+        var rect = strokePath.boundingRect;
+        this.addPath(path);
+        this.clip();
+        this.drawLinearGradient(gradient, rect);
+        this.restore();
+    },
+
+    drawRadialGradientStroke: function(gradient, path){
+        // FIXME: gradient should be aligned to original path rect
+        var strokePath = path.pathThatFillsStroke(this.state.lineWidth, this.state.lineCap, this.state.lineJoin, this.state.miterLimit);
+        this.save();
+        var rect = strokePath.boundingRect;
+        this.addPath(path);
+        this.clip();
+        this.drawRadialGradient(gradient, rect);
+        this.restore();
     },
 
     // ----------------------------------------------------------------------

package/Frameworks/Foundation.jsframework/JS/JSGradient.js

@@ -86,6 +86,31 @@ JSClass('JSGradient', JSObject, {
         }
     },
 
+    initFromDictionary: function(dictionary){
+        if (dictionary === null || dictionary === undefined){
+            return null;
+        }
+        this.start = JSPoint(dictionary.x0, dictionary.y0);
+        this.end = JSPoint(dictionary.x1, dictionary.y1);
+        this.stops = [];
+        var i, l;
+        for (i = 0, l = dictionary.stops.length; i < l; ++i){
+            this.addStop(dictionary.stops[i][0], JSColor.initWithRGBAHexString(dictionary.stops[i][1]));
+        }
+    },
+
+    dictionaryRepresentation: function(){
+        return {
+            x0: this.start.x,
+            y0: this.start.y,
+            x1: this.end.x,
+            y1: this.end.y,
+            stops: this.stops.map(function(s){
+                return [s.position, s.color.rgbaHexStringRepresentation()];
+            })
+        };
+    },
+
     initWithStops: function(position1, color1 /* , ... */){
         this.init();
         var args = Array.prototype.slice.call(arguments, 0);

package/Frameworks/Foundation.jsframework/JS/JSPath.js

@@ -838,6 +838,83 @@ JSClass("JSPath", JSObject, {
         return JSRect(min, JSSize(max.x - min.x, max.y - min.y));
     },
 
+    initWithSVGPathData: function(svgPathData){
+        if (svgPathData === null || svgPathData === undefined){
+            return null;
+        }
+        var parts = svgPathData.split(" ").filter(function(p){
+            return p !== "";
+        });
+        this.subpaths = [];
+        var part;
+        var subpath = null;
+        var point = JSPoint.Zero;
+        var cp1;
+        var cp2;
+        var curve;
+        while (parts.length > 0){
+            part = parts.shift();
+            if (part === "M"){
+                if (parts.length < 2){
+                    break;
+                }
+                point = JSPoint.Zero;
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath = Subpath(point);
+                this.subpaths.push(subpath);
+                this._currentPoint = point;
+            }else if (part === "L"){
+                if (parts.length < 2){
+                    break;
+                }
+                if (subpath === null){
+                    subpath = Subpath(point);
+                    this.subpaths.push(subpath);
+                }
+                point = JSPoint.Zero;
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath.segments.push({type: JSPath.SegmentType.line, end: point});
+                this._currentPoint = point;
+            }else if (part === "C"){
+                if (parts.length < 6){
+                    break;
+                }
+                if (subpath === null){
+                    subpath = Subpath(point);
+                    this.subpaths.push(subpath);
+                }
+                cp1 = JSPoint.Zero;
+                cp2 = JSPoint.Zero;
+                point = JSPoint.Zero;
+                part = parts.shift();
+                cp1.x = parseFloat(part);
+                part = parts.shift();
+                cp1.y = parseFloat(part);
+                part = parts.shift();
+                cp2.x = parseFloat(part);
+                part = parts.shift();
+                cp2.y = parseFloat(part);
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath.segments.push({type: JSPath.SegmentType.curve, curve: JSCubicBezier(this._currentPoint, cp1, cp2, point)});
+                this._currentPoint = point;
+            }else if (part === "Z"){
+                if (subpath !== null){
+                    subpath.closed = true;
+                    subpath = null;
+                }
+            }
+        }
+    },
+
     svgPathData: function(){
         var subpath;
         var segment;
@@ -868,6 +945,9 @@ JSClass("JSPath", JSObject, {
                 data += "Z ";
             }
         }
+        if (data.length > 0 && data[data.length - 1] == " "){
+            data = data.substr(0, data.length - 1);
+        }
         return data;
     },
 

package/Frameworks/Foundation.jsframework/JS/JSRect.js

@@ -77,6 +77,18 @@ JSRect.prototype = {
         return JSRect(origin, size);
     },
 
+    unioningRect: function(other){
+        var origin = JSPoint(
+            Math.min(this.origin.x, other.origin.x),
+            Math.min(this.origin.y, other.origin.y)
+        );
+        var size = JSSize(
+            Math.max(0, Math.max(this.origin.x + this.size.width, other.origin.x + other.size.width) - origin.x),
+            Math.max(0, Math.max(this.origin.y + this.size.height, other.origin.y + other.size.height) - origin.y)
+        );
+        return JSRect(origin, size);
+    },
+
     isEqual: function(other){
         return this.origin.isEqual(other.origin) && this.size.isEqual(other.size);
     },

package/Frameworks/Foundation.jsframework/io.breakside.JSKit.Foundation-bundle.js

@@ -3,7 +3,7 @@ JSBundle.bundles['io.breakside.JSKit.Foundation'] = {
   "Info": {
     "JSBundleType": "framework",
     "JSBundleIdentifier": "io.breakside.JSKit.Foundation",
-    "JSBundleVersion": "2026.6.0",
+    "JSBundleVersion": "2026.9.0",
     "JSDevelopmentLanguage": "en",
     "JSCopyright": "Copyright © 2020 Breakside Inc.",
     "JSBundleEnvironments": {
@@ -11,7 +11,7 @@ JSBundle.bundles['io.breakside.JSKit.Foundation'] = {
       "node": "Foundation+Node.js"
     },
     "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-    "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+    "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
   },
   "Resources": [
     {

package/Frameworks/SecurityKit.jsframework/Info.json

@@ -1,7 +1,7 @@
 {
   "JSBundleType": "framework",
   "JSBundleIdentifier": "io.breakside.JSKit.SecurityKit",
-  "JSBundleVersion": "2026.6.0",
+  "JSBundleVersion": "2026.9.0",
   "JSDevelopmentLanguage": "en",
   "JSCopyright": "Copyright © 2020 Breakside Inc.",
   "JSBundleEnvironments": {
@@ -9,5 +9,5 @@
     "node": "SecurityKit+Node.js"
   },
   "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-  "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+  "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
 }

package/Frameworks/SecurityKit.jsframework/io.breakside.JSKit.SecurityKit-bundle.js

@@ -3,7 +3,7 @@ JSBundle.bundles['io.breakside.JSKit.SecurityKit'] = {
   "Info": {
     "JSBundleType": "framework",
     "JSBundleIdentifier": "io.breakside.JSKit.SecurityKit",
-    "JSBundleVersion": "2026.6.0",
+    "JSBundleVersion": "2026.9.0",
     "JSDevelopmentLanguage": "en",
     "JSCopyright": "Copyright © 2020 Breakside Inc.",
     "JSBundleEnvironments": {
@@ -11,7 +11,7 @@ JSBundle.bundles['io.breakside.JSKit.SecurityKit'] = {
       "node": "SecurityKit+Node.js"
     },
     "JSLicenseNotice": "Licensed under the Breakside Public License, Version 1.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nIf a copy of the License was not distributed with this file, you may\nobtain a copy at\n\n    http://breakside.io/licenses/LICENSE-1.0.txt\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n",
-    "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+    "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
   },
   "Resources": [],
   "ResourceLookup": {

package/Info.json

@@ -1,12 +1,12 @@
 {
   "JSBundleType": "node",
   "JSBundleIdentifier": "io.breakside.jskit",
-  "JSBundleVersion": "2026.6.0",
+  "JSBundleVersion": "2026.9.0",
   "JSExecutableName": "jskit",
   "NPMOrganization": "breakside",
   "JSResources": [
     "Tests/HTMLTestRunner.js",
     "Tests/NodeTestRunner.js"
   ],
-  "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+  "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
 }

package/Node/io.breakside.jskit-bundle.js

@@ -3,22 +3,22 @@ JSBundle.bundles['io.breakside.jskit'] = {
   "Info": {
     "JSBundleType": "node",
     "JSBundleIdentifier": "io.breakside.jskit",
-    "JSBundleVersion": "2026.6.0",
+    "JSBundleVersion": "2026.9.0",
     "JSExecutableName": "jskit",
     "NPMOrganization": "breakside",
     "JSResources": [
       "Tests/HTMLTestRunner.js",
       "Tests/NodeTestRunner.js"
     ],
-    "GitRevision": "4d2276988e1dc6a50451389c84f740a16249d16e"
+    "GitRevision": "7481a2557e5555dbf2a58e88ba6720b16de86277"
   },
   "Resources": [
     {
       "path": "doc-default.css",
       "ext": ".css",
-      "byte_size": 10928,
+      "byte_size": 11088,
       "mimetype": "text/css",
-      "hash": "d8198dd825ddbc89e00cbbbc1c575e08a101ecaa",
+      "hash": "fb20238b7c988f0d959bad2d071b06000068a39d",
       "nodeBundlePath": "Resources/doc-default.css"
     },
     {

package/Resources/doc-default.css

@@ -21,6 +21,14 @@ article.doc h1,h2,h3,h4,h5,h5,b,strong{
     font-weight: 600;
 }
 
+article.doc > section > header > h1, article.doc > section > h1{
+    font-size: 1.4em;
+}
+
+article.doc > section > section > header > h1{
+    font-size: 1em;
+}
+
 article.doc a{
     text-decoration: none;
     color: rgb(90,90,200);

package/Root/Frameworks/APIKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.APIKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSIncludeDirectories:

package/Root/Frameworks/APIKitTesting/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.APIKitTesting
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSLicenseNotice: |

package/Root/Frameworks/AuthKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.AuthKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSLicenseNotice: |

package/Root/Frameworks/CSSOM/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.CSSOM
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/ChartKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.ChartKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2021 Breakside Inc.
 # JSBundleEnvironments:

package/Root/Frameworks/ConferenceKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.ConferenceKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/DBKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.DBKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/DOM/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.DOM
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/Dispatch/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.Dispatch
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:
   html: Dispatch+HTML.js

package/Root/Frameworks/FontKit/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.FontKit
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/Foundation/Info.yaml

@@ -1,6 +1,6 @@
 JSBundleType: framework
 JSBundleIdentifier: io.breakside.JSKit.Foundation
-JSBundleVersion: 2026.6.0
+JSBundleVersion: 2026.9.0
 JSDevelopmentLanguage: en
 JSCopyright: Copyright © 2020 Breakside Inc.
 JSBundleEnvironments:

package/Root/Frameworks/Foundation/JSContext.js

@@ -209,7 +209,29 @@ JSClass("JSContext", JSObject, {
     drawLinearGradient: function(gradient, rect){
     },
 
-    drawRadialGradient: function(gradient, rect, r0, r1){
+    drawRadialGradient: function(gradient, rect){
+    },
+
+    drawLinearGradientStroke: function(gradient, path){
+        // FIXME: gradient should be aligned to original path rect
+        var strokePath = path.pathThatFillsStroke(this.state.lineWidth, this.state.lineCap, this.state.lineJoin, this.state.miterLimit);
+        this.save();
+        var rect = strokePath.boundingRect;
+        this.addPath(path);
+        this.clip();
+        this.drawLinearGradient(gradient, rect);
+        this.restore();
+    },
+
+    drawRadialGradientStroke: function(gradient, path){
+        // FIXME: gradient should be aligned to original path rect
+        var strokePath = path.pathThatFillsStroke(this.state.lineWidth, this.state.lineCap, this.state.lineJoin, this.state.miterLimit);
+        this.save();
+        var rect = strokePath.boundingRect;
+        this.addPath(path);
+        this.clip();
+        this.drawRadialGradient(gradient, rect);
+        this.restore();
     },
 
     // ----------------------------------------------------------------------

package/Root/Frameworks/Foundation/JSGradient.js

@@ -86,6 +86,31 @@ JSClass('JSGradient', JSObject, {
         }
     },
 
+    initFromDictionary: function(dictionary){
+        if (dictionary === null || dictionary === undefined){
+            return null;
+        }
+        this.start = JSPoint(dictionary.x0, dictionary.y0);
+        this.end = JSPoint(dictionary.x1, dictionary.y1);
+        this.stops = [];
+        var i, l;
+        for (i = 0, l = dictionary.stops.length; i < l; ++i){
+            this.addStop(dictionary.stops[i][0], JSColor.initWithRGBAHexString(dictionary.stops[i][1]));
+        }
+    },
+
+    dictionaryRepresentation: function(){
+        return {
+            x0: this.start.x,
+            y0: this.start.y,
+            x1: this.end.x,
+            y1: this.end.y,
+            stops: this.stops.map(function(s){
+                return [s.position, s.color.rgbaHexStringRepresentation()];
+            })
+        };
+    },
+
     initWithStops: function(position1, color1 /* , ... */){
         this.init();
         var args = Array.prototype.slice.call(arguments, 0);

package/Root/Frameworks/Foundation/JSPath.js

@@ -838,6 +838,83 @@ JSClass("JSPath", JSObject, {
         return JSRect(min, JSSize(max.x - min.x, max.y - min.y));
     },
 
+    initWithSVGPathData: function(svgPathData){
+        if (svgPathData === null || svgPathData === undefined){
+            return null;
+        }
+        var parts = svgPathData.split(" ").filter(function(p){
+            return p !== "";
+        });
+        this.subpaths = [];
+        var part;
+        var subpath = null;
+        var point = JSPoint.Zero;
+        var cp1;
+        var cp2;
+        var curve;
+        while (parts.length > 0){
+            part = parts.shift();
+            if (part === "M"){
+                if (parts.length < 2){
+                    break;
+                }
+                point = JSPoint.Zero;
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath = Subpath(point);
+                this.subpaths.push(subpath);
+                this._currentPoint = point;
+            }else if (part === "L"){
+                if (parts.length < 2){
+                    break;
+                }
+                if (subpath === null){
+                    subpath = Subpath(point);
+                    this.subpaths.push(subpath);
+                }
+                point = JSPoint.Zero;
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath.segments.push({type: JSPath.SegmentType.line, end: point});
+                this._currentPoint = point;
+            }else if (part === "C"){
+                if (parts.length < 6){
+                    break;
+                }
+                if (subpath === null){
+                    subpath = Subpath(point);
+                    this.subpaths.push(subpath);
+                }
+                cp1 = JSPoint.Zero;
+                cp2 = JSPoint.Zero;
+                point = JSPoint.Zero;
+                part = parts.shift();
+                cp1.x = parseFloat(part);
+                part = parts.shift();
+                cp1.y = parseFloat(part);
+                part = parts.shift();
+                cp2.x = parseFloat(part);
+                part = parts.shift();
+                cp2.y = parseFloat(part);
+                part = parts.shift();
+                point.x = parseFloat(part);
+                part = parts.shift();
+                point.y = parseFloat(part);
+                subpath.segments.push({type: JSPath.SegmentType.curve, curve: JSCubicBezier(this._currentPoint, cp1, cp2, point)});
+                this._currentPoint = point;
+            }else if (part === "Z"){
+                if (subpath !== null){
+                    subpath.closed = true;
+                    subpath = null;
+                }
+            }
+        }
+    },
+
     svgPathData: function(){
         var subpath;
         var segment;
@@ -868,6 +945,9 @@ JSClass("JSPath", JSObject, {
                 data += "Z ";
             }
         }
+        if (data.length > 0 && data[data.length - 1] == " "){
+            data = data.substr(0, data.length - 1);
+        }
         return data;
     },