blocks.config.json

[
  {
    "type": "file",
    "id": "code-block",
    "title": "Code block",
    "description": "A basic code block",
    "sandbox": false,
    "entry": "blocks/file-blocks/code/index.tsx",
    "matches": ["*"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/Aside.jsx"
  },
  {
    "type": "file",
    "id": "excalidraw-block",
    "title": "Drawing block",
    "description": "A whiteboard tool",
    "sandbox": false,
    "entry": "blocks/file-blocks/excalidraw/index.tsx",
    "matches": ["*.excalidraw"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/drawing.excalidraw"
  },
  {
    "type": "file",
    "id": "html-block",
    "title": "HTML block",
    "description": "View HTML content",
    "sandbox": false,
    "entry": "blocks/file-blocks/html.tsx",
    "matches": ["*.html", "*.svelte"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/photos.html"
  },
  {
    "type": "file",
    "id": "css-block",
    "title": "Styleguide block",
    "description": "View selectors in a css file",
    "sandbox": false,
    "entry": "blocks/file-blocks/css.tsx",
    "matches": ["*.css"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/global.css"
  },
  {
    "type": "file",
    "id": "image-block",
    "title": "Image block",
    "description": "View images",
    "sandbox": false,
    "entry": "blocks/file-blocks/image.tsx",
    "matches": ["*.png", "*.jpg", "*.jpeg", "*.gif", "*.svg"],
    "example_path": "https://github.com/pmndrs/react-spring/blob/HEAD/assets/projects/aragon.png?raw=true"
  },
  {
    "type": "file",
    "id": "json-block",
    "title": "Object explorer",
    "description": "An interactive view of JSON objects",
    "sandbox": false,
    "entry": "blocks/file-blocks/json.tsx",
    "matches": [
      "*.json",
      "*.webmanifest",
      "webmanifest",
      "prettierrc",
      "*.prettierrc",
      "*.yaml",
      "*.yml"
    ],
    "example_path": "https://github.com/d3/d3-geo/blob/main/package.json"
  },
  {
    "type": "file",
    "id": "geojson-block",
    "title": "GeoJSON explorer",
    "description": "View & edit GeoJSON data",
    "sandbox": false,
    "entry": "blocks/file-blocks/geojson.tsx",
    "matches": ["*.geo.json", "*.geojson"],
    "example_path": "https://github.com/d3/d3-geo/blob/main/package.json"
  },
  {
    "type": "file",
    "id": "3d-model-block",
    "title": "3D block",
    "description": "A block for 3d files",
    "sandbox": false,
    "entry": "blocks/file-blocks/3d-files.tsx",
    "matches": ["*.gltf", "*.glb"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/avocado.glb"
  },
  {
    "type": "file",
    "id": "flat-block",
    "title": "Flat data block",
    "description": "A block for flat data files",
    "sandbox": false,
    "entry": "blocks/file-blocks/flat.tsx",
    "matches": ["*.csv", "*.yml", "*.yaml"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/data.csv"
  },
  {
    "type": "file",
    "id": "simple-poll-block",
    "title": "Poll block",
    "description": "View simple polls beautifully",
    "sandbox": false,
    "entry": "blocks/file-blocks/poll.tsx",
    "matches": ["*.json"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/poll.json"
  },
  {
    "type": "file",
    "id": "chart-block",
    "title": "Chart block",
    "description": "An interactive chart block",
    "sandbox": false,
    "entry": "blocks/file-blocks/charts/index.tsx",
    "matches": ["*.csv"],
    "example_path": "https://github.com/the-pudding/data/blob/master/pockets/measurements.csv"
  },
  {
    "type": "file",
    "id": "markdown-block",
    "title": "Markdown",
    "description": "View markdown files. You can also view live repo info, using Issues, Releases, and Commits custom components, as well as live code examples with CodeSandbox.",
    "sandbox": true,
    "entry": "blocks/file-blocks/live-markdown/index.tsx",
    "matches": ["*.md", "*.mdx"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/README.md"
  },
  {
    "type": "file",
    "id": "use-case-block",
    "title": "Blocks use case",
    "description": "View Blocks use case writeups",
    "sandbox": false,
    "entry": "blocks/file-blocks/use-case/index.tsx",
    "matches": ["*.md", "*.mdx"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/README.md"
  },
  {
    "type": "file",
    "id": "react-feedback-block",
    "title": "React component feedback",
    "description": "Give feedback on a React component",
    "sandbox": false,
    "entry": "blocks/file-blocks/annotate-react/index.tsx",
    "matches": ["*.jsx", "*.tsx"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/Aside.jsx"
  },
  {
    "type": "file",
    "id": "sentence-encoder-block",
    "title": "Sentence encoder block",
    "description": "Experiment with your sentence-encoder",
    "sandbox": false,
    "entry": "blocks/file-blocks/sentence-encoder.tsx",
    "matches": ["*.json"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/queries.json"
  },
  {
    "type": "file",
    "id": "processing-block",
    "title": "Processing block",
    "description": "Run your p5.js sketches",
    "sandbox": true,
    "entry": "blocks/file-blocks/processing.tsx",
    "matches": ["*.js"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/processing-sketch.js"
  },
  {
    "type": "file",
    "id": "summarize-block",
    "title": "Summarize block",
    "description": "Summarize parts of a file using ML",
    "sandbox": false,
    "entry": "blocks/file-blocks/summarize/index.tsx",
    "matches": ["*.js", "*.ts", "*.tsx", "*.jsx"],
    "example_path": "https://github.com/mattdesl/canvas-sketch/blob/master/lib/save.js"
  },
  {
    "type": "file",
    "id": "explain-block",
    "title": "Explain block",
    "description": "Explain parts of a file using ML",
    "sandbox": false,
    "entry": "blocks/file-blocks/explain/index.tsx",
    "matches": ["*.js", "*.ts", "*.tsx", "*.jsx", "*.rb", "*.py"],
    "example_path": "https://github.com/mattdesl/canvas-sketch/blob/master/lib/save.js"
  },
  {
    "type": "file",
    "id": "edit-block",
    "title": "Edit code",
    "description": "Edit code by prompting a Machine Learning model",
    "sandbox": false,
    "entry": "blocks/file-blocks/edit/index.tsx",
    "matches": ["*"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/processing-sketch.js"
  },
  {
    "type": "file",
    "id": "edit-and-preview-block",
    "title": "Edit with Preview",
    "description": "Edit code side-by-side with a preview",
    "sandbox": false,
    "entry": "blocks/file-blocks/edit-and-preview/index.tsx",
    "matches": ["*"],
    "example_path": "https://github.com/githubnext/blocks-tutorial/blob/main/README.md"
  },
  {
    "type": "folder",
    "id": "minimap-block",
    "title": "Minimap",
    "description": "A visualization of your folders and files",
    "sandbox": false,
    "entry": "blocks/folder-blocks/minimap/index.tsx",
    "example_path": "https://github.com/githubnext/blocks-tutorial"
  },
  {
    "type": "folder",
    "id": "overview-block",
    "title": "Overview",
    "description": "An overview of a folder: including README, license, and recent activity",
    "sandbox": false,
    "entry": "blocks/folder-blocks/overview/index.tsx",
    "example_path": "https://github.com/githubnext/blocks-tutorial"
  },
  {
    "type": "folder",
    "id": "dashboard-block",
    "title": "Dashboard",
    "description": "A dashboard of Blocks",
    "sandbox": false,
    "entry": "blocks/folder-blocks/dashboard/index.tsx",
    "example_path": "https://github.com/githubnext/blocks-tutorial"
  },
  {
    "type": "folder",
    "id": "code-tour-block",
    "title": "Code Tour",
    "description": "Create documented tours of your code",
    "sandbox": false,
    "entry": "blocks/folder-blocks/code-tour/index.tsx",
    "example_path": "https://github.com/githubnext/blocks-tutorial"
  },
  {
    "type": "folder",
    "id": "infinite-canvas-block",
    "title": "Infinite Canvas",
    "description": "View and annotate your files in an infinite canvas",
    "sandbox": false,
    "entry": "blocks/folder-blocks/infinite-canvas/index.tsx",
    "example_path": "https://github.com/githubnext/blocks-tutorial"
  }
]