fix(reference:api): Revert incorrect Example formatting (#367)

This PR reverts the incorrect lint/prettier changes applied to <Example> code in the reference Core API docs l by the husky pre-commit hook, the problem mentioned in Issue #333.

(These are just the changes for the Core API docs. Additional PRs will be filed for changes in the other reference, howtos, and guides documentation.)

Co-authored-by: Benjamin Fan <ben-git@swinglonga.com>
Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/367
Reviewed-by: Joost De Cock <joostdecock@noreply.codeberg.org>
Co-authored-by: Benjamin Fan <benjamesben@noreply.codeberg.org>
Co-committed-by: Benjamin Fan <benjamesben@noreply.codeberg.org>

sites/dev/docs/reference/api/path/addclass/readme.mdx

@@ -20,18 +20,17 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(5, 10)
-points.to = new Point(95, 10)
+  points.from = new Point(5, 10)
+  points.to = new Point(95, 10)
 
-paths.line = new Path()
-.move(points.from)
-.line(points.to)
-.addClass('note dashed')
+  paths.line = new Path()
+    .move(points.from)
+    .line(points.to)
+    .addClass('note dashed')
 
-return part
+  return part
 }
-
-````
+```
 </Example>
 
 ## Notes
@@ -42,4 +41,4 @@ as the two following calls yield the same result:
 ```js
 path.attr('class', 'fabric')
 path.addClass('fabric')
-````
+```

sites/dev/docs/reference/api/path/addtext/readme.mdx

@@ -24,15 +24,14 @@ This method is chainable as it returns the `Path` object
   points.from = new Point(5, 10)
   points.to = new Point(95, 10)
 
-paths.line = new Path()
-.move(points.from)
-.line(points.to)
-.addText('FreeSewing rocks')
+  paths.line = new Path()
+    .move(points.from)
+    .line(points.to)
+    .addText('FreeSewing rocks')
 
-return part
+  return part
 }
-
-````
+```
 </Example>
 
 ## Notes
@@ -43,7 +42,7 @@ as the two following calls yield the same result:
 ```js
 path.attr('data-text', 'Hello')
 path.addText('Hello')
-````
+```
 
 The difference with [Path.setText()](/reference/api/path/addtext) is that this
 method will add to the existing text whereas `Path.setText()` will overwrite

sites/dev/docs/reference/api/path/angleat/readme.mdx

@@ -20,35 +20,35 @@ number|false path.angleAt(Point point)
 ```js
 ({ Point, points, Path, paths, snippets, Snippet, part }) => {
 
-points.A = new Point(45, 60)
-points.B = new Point(10, 30)
-points.BCp2 = new Point(40, 20)
-points.C = new Point(90, 30)
-points.CCp1 = new Point(50, -30)
-points.D = new Point(50, 80)
-points.DCp1 = new Point(70, 30)
+  points.A = new Point(45, 60)
+  points.B = new Point(10, 30)
+  points.BCp2 = new Point(40, 20)
+  points.C = new Point(90, 30)
+  points.CCp1 = new Point(50, -30)
+  points.D = new Point(50, 80)
+  points.DCp1 = new Point(70, 30)
 
-paths.demo = new Path()
-.move(points.D)
-.curve(points.DCp1, points.DCp1, points.C)
-.curve(points.CCp1, points.BCp2, points.B)
-.line(points.A)
+  paths.demo = new Path()
+    .move(points.D)
+    .curve(points.DCp1, points.DCp1, points.C)
+    .curve(points.CCp1, points.BCp2, points.B)
+    .line(points.A)
 
-points.testPoint = paths.demo.shiftFractionAlong(0.55)
-snippets.point = new Snippet("notch", points.testPoint)
+  points.testPoint = paths.demo.shiftFractionAlong(0.55)
+  snippets.point = new Snippet("notch", points.testPoint)
 
-let angle = paths.demo.angleAt(points.testPoint)
-//draw a tangent path
-paths.tangent = new Path()
-  .move(points.testPoint.shift(angle, -30))
-  .line(points.testPoint.shift(angle, 30))
-  .attr("class", "lining dashed")
+  let angle = paths.demo.angleAt(points.testPoint)
+  //draw a tangent path
+  paths.tangent = new Path()
+    .move(points.testPoint.shift(angle, -30))
+    .line(points.testPoint.shift(angle, 30))
+    .attr("class", "lining dashed")
 
-return part
+  return part
 }
 ```
 </Example>
-                               
+
 ## Notes
 
 Keep in mind that calculations with Bézier curves are often approximations.

sites/dev/docs/reference/api/path/attr/readme.mdx

@@ -28,20 +28,19 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(10, 20)
-points.cp1 = new Point(20, -10)
-points.cp2 = new Point(50, 50)
-points.to = new Point(70, 20)
+  points.from = new Point(10, 20)
+  points.cp1 = new Point(20, -10)
+  points.cp2 = new Point(50, 50)
+  points.to = new Point(70, 20)
 
-paths.example = new Path()
-.move(points.from)
-.curve(points.cp1, points.cp2, points.to)
-.attr("class", "canvas")
-.setText("FreeSewing rocks", "text-xs center")
+  paths.example = new Path()
+    .move(points.from)
+    .curve(points.cp1, points.cp2, points.to)
+    .attr("class", "canvas")
+    .setText("FreeSewing rocks", "text-xs center")
 
-return part
+  return part
 }
-
 ```
 </Example>
 
@@ -57,4 +56,3 @@ all call this method under the hood.
 
 See [Using Attributes](/howtos/code/attributes)
 for information about custom Attributes that can be used with Paths.
-```

sites/dev/docs/reference/api/path/circlesegment/readme.mdx

@@ -36,23 +36,22 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(10, 20)
-points.origin = new Point(40, 0)
+  points.from = new Point(10, 20)
+  points.origin = new Point(40, 0)
 
-paths.line = new Path()
-.move(points.from)
-.circleSegment(90, points.origin)
-.setText("→ Path.circleSegment() →", "text-sm center fill-note")
+  paths.line = new Path()
+    .move(points.from)
+    .circleSegment(90, points.origin)
+    .setText("→ Path.circleSegment() →", "text-sm center fill-note")
 
-paths.helper = new Path()
-.move(paths.line.start())
-.line(points.origin)
-.line(paths.line.end())
-.setClass('dotted stroke-sm')
+  paths.helper = new Path()
+    .move(paths.line.start())
+    .line(points.origin)
+    .line(paths.line.end())
+    .setClass('dotted stroke-sm')
 
-return part
+  return part
 }
 
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/close/readme.mdx

@@ -20,20 +20,18 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(10, 20)
-points.cp2 = new Point(60, 30)
-points.to = new Point(90, 20)
+  points.from = new Point(10, 20)
+  points.cp2 = new Point(60, 30)
+  points.to = new Point(90, 20)
 
-paths.line = new Path()
-.move(points.from)
-.\_curve(points.cp2, points.to)
-.close()
-.reverse() // To keep text from being upside-down
-.setText('Path.\_close()', 'text-sm right fill-note')
+  paths.line = new Path()
+    .move(points.from)
+    ._curve(points.cp2, points.to)
+    .close()
+    .reverse() // To keep text from being upside-down
+    .setText('Path._close()', 'text-sm right fill-note')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/curve/readme.mdx

@@ -21,19 +21,17 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(10, 20)
-points.cp1 = new Point(40, 0)
-points.cp2 = new Point(60, 40)
-points.to = new Point(90, 20)
+  points.from = new Point(10, 20)
+  points.cp1 = new Point(40, 0)
+  points.cp2 = new Point(60, 40)
+  points.to = new Point(90, 20)
 
-paths.line = new Path()
-.move(points.from)
-.curve(points.cp1, points.cp2, points.to)
-.setText("Path.curve()", "text-sm center fill-note")
+  paths.line = new Path()
+    .move(points.from)
+    .curve(points.cp1, points.cp2, points.to)
+    .setText("Path.curve()", "text-sm center fill-note")
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/curve_/readme.mdx

@@ -3,7 +3,7 @@ title: Path.curve_()
 ---
 
 The `Path.curve_()` method draws a cubic Bézier curve from the current position
-via two control points to a given endpoint. However, the end control point is
+via two control points to a given endpoint.  However, the end control point is
 identical to the end point.
 
 ## Signature
@@ -18,10 +18,12 @@ This method is chainable as it returns the `Path` object
 
 ## Example
 
+
 <Example caption="Example of the Path.curve\_() method">
 
 ```js
-;({ Point, points, Path, paths, part }) => {
+({ Point, points, Path, paths, part }) => {
+
   points.from = new Point(10, 20)
   points.cp1 = new Point(40, 0)
   points.to = new Point(90, 20)
@@ -29,8 +31,8 @@ This method is chainable as it returns the `Path` object
   paths.line = new Path()
     .move(points.from)
     .curve_(points.cp1, points.to)
-    .setText('Path.curve_()', 'text-sm center fill-note')
-    .attr('data-text-dy', -1)
+    .setText("Path.curve_()", "text-sm center fill-note")
+    .attr("data-text-dy", -1)
 
   return part
 }

sites/dev/docs/reference/api/path/end/readme.mdx

@@ -20,22 +20,20 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, snippets, Snippet, part }) => {
 
-points.A = new Point(45, 60)
-points.B = new Point(10, 30)
-points.BCp2 = new Point(40, 20)
-points.C = new Point(90, 30)
-points.CCp1 = new Point(50, -30)
+  points.A = new Point(45, 60)
+  points.B = new Point(10, 30)
+  points.BCp2 = new Point(40, 20)
+  points.C = new Point(90, 30)
+  points.CCp1 = new Point(50, -30)
 
-paths.demo = new Path()
-.move(points.A)
-.line(points.B)
-.curve(points.BCp2, points.CCp1, points.C)
+  paths.demo = new Path()
+    .move(points.A)
+    .line(points.B)
+    .curve(points.BCp2, points.CCp1, points.C)
 
-snippets.end = new Snippet("notch", paths.demo.end())
+  snippets.end = new Snippet("notch", paths.demo.end())
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/hide/readme.mdx

@@ -20,17 +20,15 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.top = new Point(50, 0)
-points.left = new Point (20,50)
-points.right = new Point (80,50)
+  points.top = new Point(50, 0)
+  points.left = new Point (20,50)
+  points.right = new Point (80,50)
 
-paths.a = new Path().move(points.top).line(points.right).setText('a')
-paths.b = new Path().move(points.right).line(points.left).setText('b').hide()
-paths.c = new Path().move(points.left).line(points.top).setText('c')
+  paths.a = new Path().move(points.top).line(points.right).setText('a')
+  paths.b = new Path().move(points.right).line(points.left).setText('b').hide()
+  paths.c = new Path().move(points.left).line(points.top).setText('c')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/insop/readme.mdx

@@ -15,39 +15,38 @@ Path path.insop(string id, Path path)
 This method is chainable as it returns the `Path` object
 :::
 
+
 <Example caption="Example of the Path.insop() method">
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.left = new Point(10,10)
-points.dartLeft = new Point(40, 10)
-points.dartTip = new Point(50, 50)
-points.dartRight = new Point(60, 10)
-points.right = new Point(90, 10)
+  points.left = new Point(10,10)
+  points.dartLeft = new Point(40, 10)
+  points.dartTip = new Point(50, 50)
+  points.dartRight = new Point(60, 10)
+  points.right = new Point(90, 10)
 
-paths.withoutDart = new Path()
-.move(points.left)
-.line(points.dartLeft)
-.noop('dart')
-.line(points.right)
+  paths.withoutDart = new Path()
+    .move(points.left)
+    .line(points.dartLeft)
+    .noop('dart')
+    .line(points.right)
 
-paths.withDart = paths.withoutDart
-.clone()
-.insop(
-'dart',
-new Path()
-.line(points.dartTip)
-.line(points.dartRight)
-)
-.attr('style', 'stroke-width: 2px; stroke-opacity: 0.5; stroke: orange;')
+  paths.withDart = paths.withoutDart
+    .clone()
+    .insop(
+      'dart',
+      new Path()
+        .line(points.dartTip)
+        .line(points.dartRight)
+    )
+    .attr('style', 'stroke-width: 2px; stroke-opacity: 0.5; stroke: orange;')
 
-return part
+  return part
 }
-
 ```
 </Example>
 
 ## Notes
 
 This is often used to insert darts into a path.
-```

sites/dev/docs/reference/api/path/line/readme.mdx

@@ -21,17 +21,15 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(10, 10)
-points.to = new Point(90, 10)
+  points.from = new Point(10, 10)
+  points.to = new Point(90, 10)
 
-paths.line = new Path()
-.move(points.from)
-.line(points.to)
-.setText("Path.line()", "text-sm center fill-note")
+  paths.line = new Path()
+    .move(points.from)
+    .line(points.to)
+    .setText("Path.line()", "text-sm center fill-note")
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/noop/readme.mdx

@@ -22,31 +22,29 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.left = new Point(10,10)
-points.dartLeft = new Point(40, 10)
-points.dartTip = new Point(50, 50)
-points.dartRight = new Point(60, 10)
-points.right = new Point(90, 10)
+  points.left = new Point(10,10)
+  points.dartLeft = new Point(40, 10)
+  points.dartTip = new Point(50, 50)
+  points.dartRight = new Point(60, 10)
+  points.right = new Point(90, 10)
 
-paths.withoutDart = new Path()
-.move(points.left)
-.line(points.dartLeft)
-.noop('dart')
-.line(points.right)
+  paths.withoutDart = new Path()
+    .move(points.left)
+    .line(points.dartLeft)
+    .noop('dart')
+    .line(points.right)
 
-paths.withDart = paths.withoutDart
-.clone()
-.insop(
-'dart',
-new Path()
-.line(points.dartTip)
-.line(points.dartRight)
-)
-.attr('style', 'stroke-width: 2px; stroke-opacity: 0.5; stroke: orange;')
+  paths.withDart = paths.withoutDart
+    .clone()
+    .insop(
+      'dart',
+      new Path()
+        .line(points.dartTip)
+        .line(points.dartRight)
+    )
+    .attr('style', 'stroke-width: 2px; stroke-opacity: 0.5; stroke: orange;')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/setclass/readme.mdx

@@ -20,18 +20,17 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(5, 10)
-points.to = new Point(95, 10)
+  points.from = new Point(5, 10)
+  points.to = new Point(95, 10)
 
-paths.line = new Path()
-.move(points.from)
-.line(points.to)
-.setClass('note dashed')
+  paths.line = new Path()
+    .move(points.from)
+    .line(points.to)
+    .setClass('note dashed')
 
-return part
+  return part
 }
-
-````
+```
 </Example>
 
 ## Notes
@@ -42,4 +41,4 @@ as the two following calls yield the same result:
 ```js
 path.attr('class', 'fabric', true)
 path.setClass('fabric')
-````
+```

sites/dev/docs/reference/api/path/sethidden/readme.mdx

@@ -21,17 +21,15 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.top = new Point(50, 0)
-points.left = new Point (20,50)
-points.right = new Point (80,50)
+  points.top = new Point(50, 0)
+  points.left = new Point (20,50)
+  points.right = new Point (80,50)
 
-paths.a = new Path().move(points.top).line(points.right).setText('a')
-paths.b = new Path().move(points.right).line(points.left).setText('b').setHidden(true)
-paths.c = new Path().move(points.left).line(points.top).setText('c')
+  paths.a = new Path().move(points.top).line(points.right).setText('a')
+  paths.b = new Path().move(points.right).line(points.left).setText('b').setHidden(true)
+  paths.c = new Path().move(points.left).line(points.top).setText('c')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/settext/readme.mdx

@@ -24,15 +24,14 @@ This method is chainable as it returns the `Path` object
   points.from = new Point(5, 10)
   points.to = new Point(95, 10)
 
-paths.line = new Path()
-.move(points.from)
-.line(points.to)
-.setText('FreeSewing rocks')
+  paths.line = new Path()
+    .move(points.from)
+    .line(points.to)
+    .setText('FreeSewing rocks')
 
-return part
+  return part
 }
-
-````
+```
 </Example>
 
 ## Notes
@@ -43,7 +42,7 @@ as the two following calls yield the same result:
 ```js
 path.attr('data-text', 'Hello')
 path.setText('Hello')
-````
+```
 
 The difference with [Path.addText()](/reference/api/path/addtext) is that this
 method will overwrite existing text on the path, whereas `Path.addText()` will

sites/dev/docs/reference/api/path/smurve/readme.mdx

@@ -21,24 +21,22 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.aFrom = new Point(10, 10)
-points.aCp1 = new Point(40, 40)
-points.aCp2 = new Point(70, -20)
-points.aTo = new Point(100, 10)
+  points.aFrom = new Point(10, 10)
+  points.aCp1 = new Point(40, 40)
+  points.aCp2 = new Point(70, -20)
+  points.aTo = new Point(100, 10)
 
-points.bCp2 = new Point(50,50)
-points.bTo = new Point(10,50)
+  points.bCp2 = new Point(50,50)
+  points.bTo = new Point(10,50)
 
-paths.smurve = new Path()
-.move(points.aFrom)
-.curve(points.aCp1, points.aCp2,points.aTo)
-.smurve(points.bCp2, points.bTo)
-.reverse() // Puts text at the end
-.setText('Path.smurve()')
+  paths.smurve = new Path()
+    .move(points.aFrom)
+    .curve(points.aCp1, points.aCp2,points.aTo)
+    .smurve(points.bCp2, points.bTo)
+    .reverse() // Puts text at the end
+    .setText('Path.smurve()')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/smurve_/readme.mdx

@@ -14,7 +14,7 @@ Path path.smurve_(Point cp2, Point end)
 ```
 
 :::tip
-This method is chainable as it returns the `Path` object
+This method is chainable as it returns the `Path` objecti
 :::
 
 ## Example
@@ -23,23 +23,21 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.aFrom = new Point(10, 10)
-points.aCp1 = new Point(40, 40)
-points.aCp2 = new Point(70, -20)
-points.aTo = new Point(100, 10)
+  points.aFrom = new Point(10, 10)
+  points.aCp1 = new Point(40, 40)
+  points.aCp2 = new Point(70, -20)
+  points.aTo = new Point(100, 10)
 
-points.bTo = new Point(10,50)
+  points.bTo = new Point(10,50)
 
-paths.smurve = new Path()
-.move(points.aFrom)
-.curve(points.aCp1, points.aCp2,points.aTo)
-.smurve\_(points.bTo)
-.reverse() // Puts text at the end
-.setText('Path.smurve()')
+  paths.smurve = new Path()
+    .move(points.aFrom)
+    .curve(points.aCp1, points.aCp2,points.aTo)
+    .smurve_(points.bTo)
+    .reverse() // Puts text at the end
+    .setText('Path.smurve()')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/start/readme.mdx

@@ -20,22 +20,20 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, snippets, Snippet, part }) => {
 
-points.A = new Point(45, 60)
-points.B = new Point(10, 30)
-points.BCp2 = new Point(40, 20)
-points.C = new Point(90, 30)
-points.CCp1 = new Point(50, -30)
+  points.A = new Point(45, 60)
+  points.B = new Point(10, 30)
+  points.BCp2 = new Point(40, 20)
+  points.C = new Point(90, 30)
+  points.CCp1 = new Point(50, -30)
 
-paths.demo = new Path()
-.move(points.A)
-.line(points.B)
-.curve(points.BCp2, points.CCp1, points.C)
+  paths.demo = new Path()
+    .move(points.A)
+    .line(points.B)
+    .curve(points.BCp2, points.CCp1, points.C)
 
-snippets.end = new Snippet("notch", paths.demo.start())
+  snippets.end = new Snippet("notch", paths.demo.start())
 
-return part
+  return part
 }
-
 ```
 </Example>
-```

sites/dev/docs/reference/api/path/ucurve/readme.mdx

@@ -23,17 +23,17 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.from = new Point(5, 20)
-points.cp2 = new Point(60, 50)
-points.to = new Point(90, 20)
+  points.from = new Point(5, 20)
+  points.cp2 = new Point(60, 50)
+  points.to = new Point(90, 20)
 
-paths.line = new Path()
-.move(points.from)
-.\_curve(points.cp2, points.to)
-.setText("Path.\_curve()", "text-sm center fill-note")
-.attr("data-text-dy", -1)
+  paths.line = new Path()
+    .move(points.from)
+    ._curve(points.cp2, points.to)
+    .setText("Path._curve()", "text-sm center fill-note")
+    .attr("data-text-dy", -1)
 
-return part
+  return part
 }
 
 ````

sites/dev/docs/reference/api/path/unhide/readme.mdx

@@ -2,7 +2,7 @@
 title: Path.unhide()
 ---
 
-The `Path.unhide()` method unhides the path so it appears in the output. By
+The `Path.unhide()` method unhides the path so it appears in the output.  By
 default, paths are not hidden. So you should only call this on path previously
 hidden via `Path.hide()`.
 
@@ -22,17 +22,15 @@ This method is chainable as it returns the `Path` object
 ```js
 ({ Point, points, Path, paths, part }) => {
 
-points.top = new Point(50, 0)
-points.left = new Point (20,50)
-points.right = new Point (80,50)
+  points.top = new Point(50, 0)
+  points.left = new Point (20,50)
+  points.right = new Point (80,50)
 
-paths.a = new Path().move(points.top).line(points.right).setText('a')
-paths.b = new Path().move(points.right).line(points.left).setText('b').hide().unhide()
-paths.c = new Path().move(points.left).line(points.top).setText('c')
+  paths.a = new Path().move(points.top).line(points.right).setText('a')
+  paths.b = new Path().move(points.right).line(points.left).setText('b').hide().unhide()
+  paths.c = new Path().move(points.left).line(points.top).setText('c')
 
-return part
+  return part
 }
-
 ```
 </Example>
-```