{"id":24568741,"url":"https://github.com/lwhiteley/remarkable-codegroup","last_synced_at":"2025-07-17T03:08:08.595Z","repository":{"id":57353057,"uuid":"104094977","full_name":"lwhiteley/remarkable-codegroup","owner":"lwhiteley","description":"remarkable plugin to put code blocks into groups","archived":false,"fork":false,"pushed_at":"2018-03-21T18:00:24.000Z","size":11,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-02T14:55:35.430Z","etag":null,"topics":["codegroup","markdown","markdown-to-html","remarkable","remarkable-plugin"],"latest_commit_sha":null,"homepage":null,"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/lwhiteley.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":"2017-09-19T15:45:39.000Z","updated_at":"2019-01-29T09:44:12.000Z","dependencies_parsed_at":"2022-09-05T13:11:01.303Z","dependency_job_id":null,"html_url":"https://github.com/lwhiteley/remarkable-codegroup","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lwhiteley/remarkable-codegroup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lwhiteley%2Fremarkable-codegroup","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lwhiteley%2Fremarkable-codegroup/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lwhiteley%2Fremarkable-codegroup/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lwhiteley%2Fremarkable-codegroup/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lwhiteley","download_url":"https://codeload.github.com/lwhiteley/remarkable-codegroup/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lwhiteley%2Fremarkable-codegroup/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265562257,"owners_count":23788492,"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":["codegroup","markdown","markdown-to-html","remarkable","remarkable-plugin"],"created_at":"2025-01-23T14:55:15.393Z","updated_at":"2025-07-17T03:08:08.576Z","avatar_url":"https://github.com/lwhiteley.png","language":"JavaScript","readme":"# remarkable-codegroup\n\n[![npm version](https://badge.fury.io/js/remarkable-codegroup.svg)](https://badge.fury.io/js/remarkable-codegroup)\n\nremarkable plugin to put code blocks into groups\n\n## Getting Started\n\n```shell\nnpm i --save remarkable-codegroup\n```\n\n```js\nconst Remarkable = require('remarkable');\nconst markdown = new Remarkable(opts)\nconst codeGroup = require('remarkable-codegroup');\nmarkdown.use(codeGroup);\n```\n\n## Description\n\nThis plugin creates a codegroup in the html syntax for the following: \n- [Bootstrap 3 Tabs](https://getbootstrap.com/docs/3.3/javascript/#tabs) \n    - `requires`: jQuery, Boostrap 3 (js, css)\n\n\n### Syntax \n\nThe syntax below denotes how the markdown should look in order to group code blocks\n\n\u003cpre\u003e\n[codegroup]    \n```js\nconst docFolder = 'source/docs'\nconst docPath = `./${docFolder}`;\nconst fileGlob = '**/*.md'\nconst publicFolder = 'public';\nconst htmlTemplate = fs.readFileSync('source/doc.template.html', 'utf8')\n```\n    \n```js::sdk\nconst docFolder = 'source/docs'\nconst docPath = `./${docFolder}`;\nconst fileGlob = '**/*.md'\nconst publicFolder = 'public';\n```\n    \n```swift\nfunc application(_ application: UIApplication) -\u003e Bool {\n    sampleApp = SampleApplication()\n    return true\n}\n```\n[/codegroup]\n\u003c/pre\u003e\n\n### Preview\n\n![codegroup](https://i.imgur.com/YJAwalP.png)\n\n**Please Note:** The dark theme in this example is a custom style. Styles can be customized however you see fit.\n\n### Custom Named Tabs\n\nAs seen in the example above, tabs can have custom names for situations where you may need to group the same language and need to differentiate them.\n\nThe example above shows a code block `js::sdk`, where `js` is the language syntax to be used and `sdk` denotes the name to be seen in the tab; we use `::` to separate both terms.\n\n\nSimilar Projects\n\n- [gitbook-plugin-codegroup](https://github.com/lwhiteley/gitbook-plugin-codegroup)\n\n\nNotes:\n- Pull requests are welcome\n\n\n\n\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flwhiteley%2Fremarkable-codegroup","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flwhiteley%2Fremarkable-codegroup","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flwhiteley%2Fremarkable-codegroup/lists"}