Dartpad Generator

Built with :heart: at DotSlash Hackathon

Creating Dartpad Snippets Made Easy :dart:

Team

Teen Tigada Kaam Bigada

Theme

Developer Tool

Problem Statement

• Dartpad is a service by Google to run Dart & Flutter code online (web app), without installing any special softwares.

• If you want to share link to your awesome dartpad code then you've to create a Gist first. Then from the url of the gist, you need to copy id and append it to https://dartpad.dev/ to share your dartpad code's link.

• This is process is very time consuming and involves unnecessary steps. https://github.com/dart-lang/dart-pad/wiki/Sharing-Guide

Proposed Solutions

🥁🥁 Introducing Dartpad Generator, to easily share Dartpad snippets without any hassles.

• Dartpad Generator can be accessed via Mobile app, CommandLine App or VSCode Extension.
• Underneath the hood it makes a POST HTTP call to gist API to generate sharable dartpad :link: and does the heavy lifting for you.
• Built for Developers by Developers :blue_heart:

TechStack

• CLI App

  • Dart

• Mobile App

  • Dart
  • Flutter

• VSCode Extension

  • TypeScript

Demos

• VSCode

• CLI

• Mobile

Dart/Flutter Dependencies

• http

• file_picker

• meta

• flutter_linkify

• share_extend

• url_launcher

Development Setup

• Clone This Repository

• CLI App

  $ cd dartpad_gen_cli/
  $ pub get
  

  • Add Personal Access Token with gist scope here

  $ cd bin/
  $ dart2native main.dart -o dartpadgen.dart
  $ ./dartpadgen.dart file1.dart file2.dart ... [fileN.dart]
  

• VSCode Extension

  $ cd dartpad_gen_vscode/dartpad-generator/
  $ npm install
  $ code .
  

  • Add Personal Access Token with gist scope here
  • Press F5 to Build
  • Open a Dart File
  • Press Ctrl + Shift + P > Dartpad Generator

• Mobile App

  $ cd dartpad_gen_gui/
  $ flutter pub get
  

  • Add Personal Access Token with gist scope here

  $ flutter run
  

Contributing

Feel free to contribute to the project by creating issues or sending pull-requests.

Getting Started

A few resources to get you started if this is your first Flutter project:

• Lab: Write your first Flutter app
• Cookbook: Useful Flutter samples

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.