web-maker
web-maker copied to clipboard
Integrate with Git or GitHub
I would love to be able to make a git commit, or open a PR against a GitHub Repo so that a webhook could trigger a CI/CD pipeline.
I am not sure I understand the use case here. Where does Web Maker come into picture in the scenario you mentioned?
ChromeOS has no native git functionality, so I would like to be able to click a button or a hotkey that would push a git commit to GitHub, so that from there my CI/CD pipeline can be triggered and my changes can make it into production.
As it is, I would have to export to HTML, then manually upload those files with the GitHub UI. This could be simplified by integrating with the GitHub API. CodePen has done this to some extent using gists, but gists don't support webhooks for triggering tests/deployment
Doing this with GitHub's API would probably be significantly simpler than attempting to implement a git client on the Chrome platform
So what you are saying that what you create in Web Maker is basically a Github repo and you can auto-commit from inside Web Maker?
doing so automatically isn't necessary, just a button next to the codepen and html download ones that will link to a GitHub repo if not already linked, and push the current changes as either a commit on a specified branch, or a PR from a fork of the repo. Importing from GitHub should also be possible for cross-computer use, but could be limited to only repos in a format you can recognize.
Hmm. I understand. Will work on the exact workflow and update here with the first draft. Would love to have your feedback on that initial draft.
Absolutely!
I’m interested in this functionality as well. I’d love to be able to give Web Maker a git URL to open as a project, and be able to save updates as a commit. I just found this project but I’m in love with it already, thank you for all your hard work on Web Maker! I would be happy to help with the implementation if that would be useful. Is there any existing functionality for importing projects? Importing from a CodePen would be cool, too. Please let me know if there is anything I can do, or if you can point me in the right direction to get started. I’ll start digging on my own.
Here is something which I have a doubt about: Web maker shows code in 3 panes: HTML, CSS and JS. Now, how does one map some code (could be randomly anything) in a GIT repo to those specific 3 panes?
It would probably be easiest if there was a file manager feature. Alternatively, file extensions could be used to determine what to open where. It would make the most sense if there was one of each type of file only. Most robust gateway to this feature would be a file manager interface such as what CodeSandbox uses (example).