{"id":16326588,"url":"https://github.com/icelam/code-playground","last_synced_at":"2026-04-30T10:02:24.605Z","repository":{"id":110260626,"uuid":"342807324","full_name":"icelam/code-playground","owner":"icelam","description":"A simple template for documenting your JavaScript library which provides a live-ediitable code playground for users to test and play around","archived":false,"fork":false,"pushed_at":"2023-10-31T19:08:12.000Z","size":228,"stargazers_count":0,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-14T22:12:09.152Z","etag":null,"topics":["alpine","alpinejs","documentation","documentation-tool","tailwind","tailwind-css","tailwindcss"],"latest_commit_sha":null,"homepage":"https://icelam.github.io/code-playground","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/icelam.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["icelam"],"ko_fi":"icelam"}},"created_at":"2021-02-27T08:28:17.000Z","updated_at":"2022-05-28T17:48:00.000Z","dependencies_parsed_at":"2024-11-06T18:54:23.497Z","dependency_job_id":null,"html_url":"https://github.com/icelam/code-playground","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/icelam/code-playground","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Fcode-playground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Fcode-playground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Fcode-playground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Fcode-playground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/icelam","download_url":"https://codeload.github.com/icelam/code-playground/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icelam%2Fcode-playground/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32460781,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-29T22:27:22.272Z","status":"online","status_checked_at":"2026-04-30T02:00:05.929Z","response_time":57,"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":["alpine","alpinejs","documentation","documentation-tool","tailwind","tailwind-css","tailwindcss"],"created_at":"2024-10-10T23:08:52.001Z","updated_at":"2026-04-30T10:02:24.587Z","avatar_url":"https://github.com/icelam.png","language":"JavaScript","funding_links":["https://github.com/sponsors/icelam","https://ko-fi.com/icelam"],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"Code Playground\" src=\"./docs/logo.svg\" width=\"100\" /\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eCode Playground\u003c/h1\u003e\n\u003cp align=\"center\"\u003e\n    A simple template for documenting your JavaScript library which provides a live-ediitable code playground for users to test and play around. \n\u003c/p\u003e\n\n## Background\nA handy way to document how to use a JavaScript library, while you don't want to include any fancy build tools in your codebase. \n\nThis projects is build in the simple way where the source code is ready to run in browser without compilation.\n\n## Live Demo\n![Screenshot](./docs/screen.png)\n\nYou can try it out at:[https://icelam.github.io/code-playground](https://icelam.github.io/code-playground). \n\nNote: In case you hit a 404 not found issue, it might be issue of service worker not up-to-date. Try to hard refresh the page, or visit the page using private window.\n\n## Features\n1. Editable and runnable code example, where code example is run using a semi-sandbox environment using `Function` constructor\n2. Console Output on screen for environment where devtools is not available\n\n## Technology\n* CSS Framework: [Tailwind CSS](https://tailwindcss.com/)\n* JavaScript Framework: [Apline.js](https://github.com/alpinejs/alpine)\n\n## Browser Compatibility\n* Tested on Legacy Microsoft Edge (Microsoft Edge 44.17763.831.0, Microsoft EdgeHTML 18.17763)\n* Tested in iOS 13\n\n## Folder Structure\n```\n└─┬─ /src\n  ├── index.html\n  ├── playground.js\n  └── data.js\n```\n\n* `index.js`: HTML source for code playground, entry point of everything\n* `playground.js`: Scripts that make code playground interactive\n* `data.js`: Configurable data such as title and section contents are defined here\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficelam%2Fcode-playground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ficelam%2Fcode-playground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficelam%2Fcode-playground/lists"}