{"id":18263942,"url":"https://github.com/studiometa/playground","last_synced_at":"2025-04-04T20:31:26.833Z","repository":{"id":221762858,"uuid":"755179059","full_name":"studiometa/playground","owner":"studiometa","description":"A reusable online code editor","archived":false,"fork":false,"pushed_at":"2025-03-03T16:55:48.000Z","size":1286,"stargazers_count":1,"open_issues_count":8,"forks_count":1,"subscribers_count":5,"default_branch":"develop","last_synced_at":"2025-03-28T02:05:11.834Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://studiometa-playground.pages.dev","language":"TypeScript","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/studiometa.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","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}},"created_at":"2024-02-09T15:36:25.000Z","updated_at":"2024-12-17T08:53:04.000Z","dependencies_parsed_at":"2024-02-12T18:26:31.288Z","dependency_job_id":"f16d0dab-79ef-4b64-bdca-fa91125ce968","html_url":"https://github.com/studiometa/playground","commit_stats":{"total_commits":69,"total_committers":3,"mean_commits":23.0,"dds":0.04347826086956519,"last_synced_commit":"c255d3555cf141543f23ed9511a220b4aad912d8"},"previous_names":["studiometa/playground"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fplayground","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fplayground/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fplayground/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/studiometa%2Fplayground/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/studiometa","download_url":"https://codeload.github.com/studiometa/playground/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247246406,"owners_count":20907792,"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":"2024-11-05T11:13:13.154Z","updated_at":"2025-04-04T20:31:25.355Z","avatar_url":"https://github.com/studiometa.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @studiometa/playground\n\n[![NPM Version](https://img.shields.io/npm/v/@studiometa/playground.svg?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://www.npmjs.com/package/@studiometa/playground/)\n[![Downloads](https://img.shields.io/npm/dm/@studiometa/playground?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://www.npmjs.com/package/@studiometa/playground/)\n[![Size](https://img.shields.io/bundlephobia/minzip/@studiometa/playground?style=flat\u0026colorB=3e63dd\u0026colorA=414853\u0026label=size)](https://bundlephobia.com/package/@studiometa/playground)\n[![Dependency Status](https://img.shields.io/librariesio/release/npm/@studiometa/playground?style=flat\u0026colorB=3e63dd\u0026colorA=414853)](https://david-dm.org/studiometa/js-toolkit)\n\nA packaged small code editor for shareable demo, deploy it in seconds.\n\n![Screenshots of the playground in light and dark mode](https://raw.githubusercontent.com/studiometa/playground/main/static/screenshots.png)\n\n## Usage\n\nInstall the package:\n\n```sh\nnpm install @studiometa/playground\n```\n\nCreate the following files:\n\n**src/templates/pages/index.twig**\n\n```twig\n{% include '@playground/pages/index.twig' %}\n```\n\n**meta.config.js**\n\n```js\nimport { playgroundPreset, defineWebpackConfig } from '@studiometa/playground/preset';\n\nexport default defineWebpackConfig({\n  presets: [playgroundPreset()],\n});\n```\n\n**tailwind.config.js**\n\n```js\nimport { tailwindConfig } from '@studiometa/playground/tailwind';\n\nexport default tailwindConfig();\n```\n\nAnd then run `npx meta dev` and open `http://localhost:3000`.\n\nYou can configure the playground by passing a configuration object to the `playgroundPreset` function. Have a look at [the demo](https://github.com/studiometa/playground/blob/main/packages/demo/meta.config.js) for all available options.\n\nWhen you are ready, run `npx meta build` and you can deploy the generated `dist/` folder to any static hosting of your choice.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudiometa%2Fplayground","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstudiometa%2Fplayground","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstudiometa%2Fplayground/lists"}