{"id":14384860,"url":"https://github.com/cerebral/webpackbin","last_synced_at":"2025-08-23T18:30:54.676Z","repository":{"id":141844871,"uuid":"80340068","full_name":"cerebral/webpackbin","owner":"cerebral","description":"[Deprecated]. Please move to codesandbox.io.","archived":true,"fork":false,"pushed_at":"2018-02-28T08:50:14.000Z","size":625,"stargazers_count":201,"open_issues_count":30,"forks_count":26,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-12-21T13:33:44.484Z","etag":null,"topics":["cerebral","webpack","webpack-dll","webpack-sandbox","webpackbin"],"latest_commit_sha":null,"homepage":"https://webpackbin-prod.firebaseapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cerebral.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-01-29T10:27:06.000Z","updated_at":"2024-12-11T15:47:28.000Z","dependencies_parsed_at":null,"dependency_job_id":"cc908388-cd7b-4a00-b7ed-872b767aced5","html_url":"https://github.com/cerebral/webpackbin","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/cerebral/webpackbin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cerebral%2Fwebpackbin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cerebral%2Fwebpackbin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cerebral%2Fwebpackbin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cerebral%2Fwebpackbin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cerebral","download_url":"https://codeload.github.com/cerebral/webpackbin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cerebral%2Fwebpackbin/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271762858,"owners_count":24816824,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cerebral","webpack","webpack-dll","webpack-sandbox","webpackbin"],"created_at":"2024-08-28T18:01:43.779Z","updated_at":"2025-08-23T18:30:54.331Z","avatar_url":"https://github.com/cerebral.png","language":"JavaScript","funding_links":[],"categories":["RIP","JavaScript"],"sub_categories":["Web Snippets"],"readme":"# Webpackbin has been deprecated\n\nInstead of working on two similar services Codesandbox.io creator and me are putting our efforts into one project. Please move on to Codesandbox.io for a much better experience than Webpackbin. Very sorry if this makes you sad, but promise that you will feel better when you move on :-)\n\nThe domain of http://webpackbin.com  has expired, sorry about that, but was too much money to pay for keeping it up for another week. If you need your bin code, you can go to: https://webpackbin-prod.firebaseapp.com/  for now. Move it to http://codesandbox.io  :-)\n\n----\n\n# webpackbin\nA service to share and teach code, using webpack to bundle the code\n\n## Architecture\nWebpackbin depends on three separate parts.\n\nThe [webpack-dll](https://github.com/cerebral/webpack-dll) service receives a request for one or multiple packages that should be bundled together into a Webpack DLL. A CDN will hold on to the *manifest.json* and *dll.js* files created.\n\nThe [webpack-sandbox](https://github.com/cerebral/webpack-sandbox) service creates a webpack session based on your current webpackbin session. It is what bundles your actual bin code together. It will fetch the *manifest.json* file to produce references to the external packages code. This service also runs the result of your BIN code, presented in an iFrame on Webpackbin. Any updates of the BIN goes to this service and then Webpackbin refreshes the iFrame. The bundled BIN code injects a script to the *dll.js* file.\n\nThe **Webpackbin** client connects to Firebase to create new bins, update current state of bins, run LIVE sessions etc. It connects to **webpack-sandbox** to run the code.\n\n## How to run the project\n\n### webpack-dll\n1. `git clone https://github.com/cerebral/webpack-dll.git`\n2. `npm install`\n3. `npm start`\n4. Runs service on *localhost:5000*\n\nThis will run the service in DEBUG mode. You will be able to open *localhost:5000* in the browser to see a list of bundled DLLs and investigate their manifests.\n\n\n### webpack-sandbox\n1. `git clone https://github.com/cerebral/webpack-sandbox.git`\n2. `npm install`\n3. `npm start`\n4. Runs service on *localhost:4000*\n\nThe sandbox does not have any dashboard, it just needs to run in the background.\n\n### webpackbin\n1. `git clone https://github.com/cerebral/webpackbin.git`\n2. `npm install`\n3. `npm start`\n4. Runs client on *localhost:3000*\n\n## How to contribute\n\nWebpackbin is built using the upcoming [cerebral 2](https://cerebral.github.io) framework, using [Inferno](https://infernojs.org/) as the view layer. It is a framework that handles the complexities of application like Webpackbin very well.\n\nThe client is built using Webpack and it will lazy load the correct client (desktop or mobile) when it loads. The **components** folder does not have any business logic. The components are focused on only rendering the application and each component connects to any state or signals it needs. There is almost no *props* passing.\n\nThe **modules** folder holds the business logic, contained in signals, actions, chains and factories. Cerebral 2 is a highly composable framework and can describe most of its side effects and state changes in a declarative manner.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcerebral%2Fwebpackbin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcerebral%2Fwebpackbin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcerebral%2Fwebpackbin/lists"}