Examples use the source code from bundle instead of fetch (#354)

Author: PavelVanecek

.eslintrc

@@ -83,6 +83,12 @@
     "react/jsx-props-no-spreading": "off",
     "react/state-in-constructor": "off",
     "react/prop-types": "off",
+    "import/no-unresolved": [
+      "error",
+      {
+        "ignore": ["\\?raw$"]
+      }
+    ],
     "react/static-property-placement": "off",
     "react/jsx-one-expression-per-line": "off"
   },

.prettierignore

@@ -50,7 +50,6 @@
   "dependencies": {
     "@monaco-editor/react": "^4.7.0",
     "@stackblitz/sdk": "^1.11.0",
-    "cross-fetch": "^3.2.0",
     "d3-scale": "^4.0.2",
     "d3-shape": "^2.0.0",
     "highlight.js": "^11.11.1",

package-lock.json

@@ -70,7 +70,7 @@ export function StackBlitzLink({ code, title, children }: StackBlitzLinkProps) {
             files: {
               'public/index.html': indexHtmlCode,
               /*
-               * This file has jsx in it, but create-react-app requires that the entry point is a src/index.js file.
+               * This file has jsx in it, but create-react-app requires that the entry point is a src/index.ts file.
                */
               'src/index.js': indexJsCode,
               'src/Example.jsx': code,

package.json

@@ -55,8 +55,7 @@ export default {
     },
     {
       name: 'legendType',
-      type:
-        "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
+      type: "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
       defaultVal: "'line'",
       isOptional: true,
       desc: {

src/components/Shared/StackBlitzLink.tsx

@@ -43,8 +43,7 @@ export default {
     },
     {
       name: 'legendType',
-      type:
-        "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
+      type: "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
       defaultVal: "'rect'",
       isOptional: true,
       desc: {

src/docs/api/Area.ts

@@ -76,7 +76,8 @@ export default {
       type: 'Function',
       isOptional: true,
       desc: {
-        'en-US': 'A function that generates the y-coordinates of all horizontal lines. The generator gets passed an object of the shape { yAxis, width, height, offset }.',
+        'en-US':
+          'A function that generates the y-coordinates of all horizontal lines. The generator gets passed an object of the shape { yAxis, width, height, offset }.',
         'zh-CN': '生成所有水平线的 y 坐标的函数。生成器传递一个形状为 { yAxis, width, height, offset } 的对象。',
       },
       format: [
@@ -105,7 +106,8 @@ export default {
       type: 'Function',
       isOptional: true,
       desc: {
-        'en-US': 'A function that generates the x-coordinates of all vertical lines. The generator gets passed an object of the shape { xAxis, width, height, offset }.',
+        'en-US':
+          'A function that generates the x-coordinates of all vertical lines. The generator gets passed an object of the shape { xAxis, width, height, offset }.',
         'zh-CN': '生成所有垂直线的 x 坐标的函数。生成器传递一个形状为 { xAxis, width, height, offset } 的对象',
       },
       format: [
@@ -140,9 +142,7 @@ export default {
         'en-US': 'The opacity of the background used to fill the space between grid lines',
         'zh-CN': '网格之间用于填充的背景的透明度',
       },
-      format: [
-        '<CartesianGrid strokeDasharray="3 3" fill="red" fillOpacity={0.6} />',
-      ],
+      format: ['<CartesianGrid strokeDasharray="3 3" fill="red" fillOpacity={0.6} />'],
     },
     {
       name: 'strokeDasharray',

src/docs/api/Bar.ts

@@ -1,7 +1,6 @@
 export default {
   name: 'ComposedChart',
-  desc:
-    'A chart composed of line, area, and bar charts. When you just want to draw a chart of a single type like line, then LineChart is recommended.',
+  desc: 'A chart composed of line, area, and bar charts. When you just want to draw a chart of a single type like line, then LineChart is recommended.',
   props: [
     {
       name: 'layout',

src/docs/api/CartesianGrid.ts

@@ -34,8 +34,7 @@ export default {
     },
     {
       name: 'legendType',
-      type:
-        "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
+      type: "'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'",
       defaultVal: "'line'",
       isOptional: true,
       desc: {