{"id":28572389,"url":"https://github.com/onsenui/playground","last_synced_at":"2025-08-01T11:11:58.110Z","repository":{"id":41548694,"uuid":"51141120","full_name":"OnsenUI/playground","owner":"OnsenUI","description":"Playground and interactive tutorial for Onsen UI","archived":false,"fork":false,"pushed_at":"2023-09-27T10:34:05.000Z","size":5944,"stargazers_count":15,"open_issues_count":2,"forks_count":132,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-04-09T15:11:33.244Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://onsen.io/playground/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OnsenUI.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-05T10:47:47.000Z","updated_at":"2024-04-08T15:19:56.000Z","dependencies_parsed_at":"2023-01-20T00:47:31.446Z","dependency_job_id":null,"html_url":"https://github.com/OnsenUI/playground","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OnsenUI%2Fplayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OnsenUI%2Fplayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OnsenUI%2Fplayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OnsenUI%2Fplayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OnsenUI","download_url":"https://codeload.github.com/OnsenUI/playground/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OnsenUI%2Fplayground/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259144969,"owners_count":22811935,"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","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":[],"created_at":"2025-06-10T20:15:23.320Z","updated_at":"2025-06-10T20:15:24.003Z","avatar_url":"https://github.com/OnsenUI.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Onsen UI Playground\n\nPlayground, interactive tutorial and issue reporter for Onsen UI.\n\nTry it here: http://onsenui.github.io/playground\n\n# Contributing\n\nWe always appreciate contributions in form of issues or pull requests. For questions about OnsenUI please ask in our [community](https://community.onsen.io/).\n\nFirst, clone the repository with `git@github.com:OnsenUI/playground.git`. After that just run a simple http-server for example:\n\n```bash\n$ npm install -g http-server\n$ http-server . -c-1 -o -p 9000\n```\n\nIn order to create new tutorials simply add an HTML file to the corresponding directory under `./tutorial/`. After that, include a line in `./js/modules.js` to index it in the app. Please check the existing examples to understand the proper syntax. Also add the necessary keywords to `modulesDefaultKeywords` (same file) to make the tutorial searchable.\n\n# Configuration\n\nBy default, this app fetches the latest released version of Onsen UI and the bindings. This can be modified by running `app.setVersion(libName, version)` in the Developer Console, where `libName` is a string matching 'onsenui', 'react-onsenui' or any other bindings; and `version` is a string containing the exact version, e.g. '2.0.5'.\n\nAll the libs version are listed under `app.config.versions` (`undefined` value means `latest`).\n\n# Local Development\n\nIf the playground app is served locally together with Onsen UI repo, it will fetch local versions for Onsen UI and the bindings. It requires Onsen UI main repo directory to be located in the same level:\n\n```\nworkspace/\n├── Onsen UI/     (main repo)\n└── playground/     (playground repo)\n\nhttp-server workspace -c-1\n// Navigate to localhost:8080/playground/\n```\n\nThis can be disabled by running `app.config.local = false;` in Developer Console and reloading the demo.\n\n## Testing Onsen UI\n\nOpen this on a device browser while serving locally. It will automatically switch to `tabs.html` view and can be used to manually debug Onsen UI with any framework.\n\n# Release\n\nAs part of the build process of [onsen.io](https://github.com/OnsenUI/onsen.io), it pulls the `gh-pages` branch of this repository. To release your Playground changes, merge `master` into `gh-pages` (preferably via a pull request, even if you merge it yourself). Then trigger a new build of `onsen.io` as per [its release guide](https://github.com/OnsenUI/onsen.io#releasing-to-production).\n\n# Other Features\n\n* `tabs.html` view: `tab-visibility` binary parameter can be used to toggle tabs visibility: `?tab-visibility=1110` shows everything except \"Docs\" tab.\n* `embed-compact.html` view: `docs` boolean parameter is used to optionally hide the Docs panel (`?docs=false`).\n* `index.html` view: `issue` numeric parmeter can be included to fetch a GitHub issue information. E.g. `?issue=2204`.\n* `index.html` view: `external` parmeter can specify an external URL to a tutorial-like document. E.g. `?external=https://onsen.io/playground/tutorial/other/knockout_bindings.html`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonsenui%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fonsenui%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fonsenui%2Fplayground/lists"}