{"id":19389036,"url":"https://github.com/imba/imba.io","last_synced_at":"2025-04-23T23:32:01.507Z","repository":{"id":3367989,"uuid":"47781740","full_name":"imba/imba.io","owner":"imba","description":"📄The official website of Imba","archived":false,"fork":false,"pushed_at":"2025-04-17T12:23:17.000Z","size":17819,"stargazers_count":81,"open_issues_count":47,"forks_count":36,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-21T19:11:57.815Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://imba.io","language":"JavaScript","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/imba.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/contributing.md","funding":null,"license":"LICENSE","code_of_conduct":".github/code_of_conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2015-12-10T19:05:05.000Z","updated_at":"2025-04-17T12:23:21.000Z","dependencies_parsed_at":"2023-02-14T00:46:04.985Z","dependency_job_id":null,"html_url":"https://github.com/imba/imba.io","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/imba%2Fimba.io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imba%2Fimba.io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imba%2Fimba.io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/imba%2Fimba.io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/imba","download_url":"https://codeload.github.com/imba/imba.io/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250532186,"owners_count":21446133,"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-10T10:14:33.049Z","updated_at":"2025-04-23T23:31:56.494Z","avatar_url":"https://github.com/imba.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Imba.io](https://imba.io/)\nImba's official website and documentation.\n\n# Contributing\n\nContributions are highly appreciated. The easiest way to\ncontribute to the documentation is by editing\n[/content/docs/undocumented.md](/content/docs/undocumented.md).\n\nThis includes:\n\n- Polishing any of the undocumented examples or creating your own\n\texamples.\n\n- Moving examples from undocumented to a relevant location on the\n\tdocumentation.\n\n- Coming up with proper names for undocumented features with\n\tambiguous names.\n\nFor big changes it's best to ask first. You can reach out to us\non [Discord](https://discord.gg/mkcbkRw) or create an issue here\non Github. We don't bite!\n\n## Installation\n\nFork the repository, then:\n\n```bash\ngit clone https://github.com/your-fork/imba.io\ncd imba.io\nnpm i\nnpm run dev\n```\n\n## Contributing Guide\n\n### Adding Documentation\nYou can find the main documentation in [`/content/docs/`](/content/docs/).\n\nSee our proprietary markdown syntax guide [below](#markdown-syntax).\n\n### Adding API Reference Examples\nTo add your own example, add it to [`/content/examples/api/`](/content/examples/api/).\n\nThe API docs are unique in that they are automatically included\nas examples for any of the language constructs they use.\n\nSo, if you add an example that contains `@intersect.in`,\nyou don't have to do anything special, the build scripts\nwill automatically include your example on the `@intersect.in`\nAPI reference page, and on the pages of any other constructs\nyour example uses.\n\n### Editing The Navbar\nThe navbar is parsed from the markdown in [`/content/nav.md`](/content/nav.md).\nJust copy the formatting used for other documents.\nYour markdown page must start with an h1 such as `# Hello`.\n\n### Markdown Syntax\nWe've added some proprietary markdown syntax,\nespecially to help with code snippets.\nThe code that parses snippets and related options can be found\nin [`src/components/app-code.imba`](src/components/app-code.imba)\n\n#### Options\nYou can specify options by placing a comment\non the first line of an imba snippet.\nMultiple options can be specified.\n\n````\n```imba\n# [preview=md] [windowed] [titlebar] [title=Test]\nconsole.log \"code goes here\"\n```\n````\n\nAvailable options are:\n\n- App previews\n\n\t```\n\t# [preview=md]\n\t```\n\tThis will show a preview of the app under your snippet.\n\tAvailable preview sizes are `sm`, `md`, `lg`, and `xl`.\n\n- Console previews\n\t```\n\t# [preview=console]\n\t```\n\tThis will show a preview of any values logged by the snippet.\n\n- Style previews\n\t```\n\t# [preview=styles]\n\t```\n\tThis will show a preview like the one at the top of the\n\t[color page](https://imba.io/docs/css/values/color).\n\n- Windowed previews\n\t```\n\t# [preview=md] [windowed]\n\t```\n\tThis will show your code in a floating window rather than\n\tdirectly under your snippet.\n\n- Hiding parts of a snippet\n\n\tYou can hide the beginning and end of a snippet with `# ---`:\n\t````\n\t```imba\n\tglobal css body bg:blue2 # This code will be hidden\n\t# ---\n\ttag app\n\t\t\u003cself\u003e\n\t\t\t\"lol\"\n\t# ---\n\timba.mount \u003capp\u003e # This code will be hidden\n\t```\n\t````\n\n\tThe hidden code will still affect any preview,\n\tand will still be included in the code when users click `open` on a snippet.\n\n- Tabs \u0026 Multiple Files\n\n\tYou can assign a filename to snippets by writing it after\n\tthe start of a snippet:\n\t````\n\t```imba main.imba\n\tconsole.log \"lol\"\n\t```\n\t````\n\n\tIf you create two named snippets in succession,\n\tit will create a snippet with tabs where the files can\n\timport from and export to eachother and whatnot.\n\n\tIf you name a snippet `main.imba`\n\tit automatically shows a medium preview window.\n\n- Snippet From Folder With `[demo]`\n\n\tYou can also create a folder and refer to it with:\n\t```\n\t[demo](/path/to/folder)\n\t```\n\n\tYou can supply options in the URL:\n\t```\n\t[demo](/examples/simple-clock?\u0026windowed=1\u0026title=Clocks\u0026ar=1)\n\t```\n\n- Tip boxes\n\t```\n\t\u003e [tip box yellow]\n\t```\n\tThis will show a yellow tip box, useful for \"experimental\" warnings\n\tand whatnot.\n\n- Misc\n\n\tIf you have questions about any of these, reach out to us.\n\t```\n\t[title=sync( data, xname = 'x', yname = 'y' )]\n\t[example=ImbaTouch.@moved-x]\n\t[titlebar]\n\t[route=/home]\n\t[dir]\n\t[footer]\n\t[url=https://example.com]\n\t```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimba%2Fimba.io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fimba%2Fimba.io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fimba%2Fimba.io/lists"}