Giter VIP home page Giter VIP logo

serve-bar's Introduction

Serve Bar

Drag & Drop to share files/folders in your network

Serve Bar allows you to drag any files or folders to the icon in the topbar and it will create an http server for each one of them. It will automatically open the created servers in your browser and also copy the URLs to your clipboard so you can share them easily.

menu

Download

▼ Download the latest release.

It will only work on macOS as the drag-and-drop feature doesn't work on Linux and Windows.

Performance

I know, it's built on electron. You're probably thinking "Yet another RAM eating app". NO! Even though it is an electron app, there's no browser running, so the RAM usage is really small:

ram

It is also really fast. You can easily drag like 50 items into the topbar and they will be instantly shared (and without consuming a lot of RAM). Obviously you will have 50 tabs open in your browser so be careful trying this! And when I say 50, I could say 200, I just didn't try that many.

Build

If you just wanna change the code and run the app:

npm install
npm start

If you want to make the production build:

npm run dist

If you want to make changes to the icon, just modify assets/icon.svg and then generate the png and the icns with npm run dist.

Contribute

Feel free to open an issue or a PR.

me
© 2017 Pablo Varela 

serve-bar's People

Contributors

dependabot[bot] avatar imgbotapp avatar pablopunk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

serve-bar's Issues

Port in use

My port 5000 is being used by a docker container and yet serve doesn't detect this.

Native app

So, although I think this will be a cool app to have, it's not very resources friendly being written on electron.

Such a tiny app should never be more than 120MB, that's insane.

Even tho this first version was written really easily, a native rewrite is the only way to go.

  • Learn to make a topbar app with Swift
  • Do it!

Make it useful 🙄

  • Use custom port in serve API
  • Use next port if the first one is in use (just like serve does)
  • Use the public IP + port so you can share the URL (right now you have localhost so it's not very useful)

New server menu

Right now the "copy url" feature is only automatic and you lose the url if you deploy more than one thing (cause you can only have one url in the clipboard)

Solution

MenuItem
  > servers
     > ~/Desktop/foo.png
         > Open browser
         > Stop sharing

Packaged app won't work

The app is packaged with electron-builder.

With npm start everything works fine but in the packaged serve-bar.app, serve fails with the following error:

screen shot 2017-06-14 at 7 36 45 pm

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.