{"id":18913225,"url":"https://github.com/xieyuheng/mimor","last_synced_at":"2025-04-15T07:31:35.788Z","repository":{"id":259754472,"uuid":"879352541","full_name":"xieyuheng/mimor","owner":"xieyuheng","description":"A web component for creating flashcard by simple \u003cquestion\u003e \u0026 \u003canswer\u003e markup.","archived":false,"fork":false,"pushed_at":"2024-12-25T04:19:51.000Z","size":7815,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-28T18:50:38.440Z","etag":null,"topics":["anki","anki-like","flashcard","question-and-answer","web-component","xml"],"latest_commit_sha":null,"homepage":"https://mimor.xieyuheng.com","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xieyuheng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":"AUTHORS","dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-27T17:21:29.000Z","updated_at":"2024-12-25T04:19:55.000Z","dependencies_parsed_at":"2024-10-28T11:32:06.232Z","dependency_job_id":"9e935f63-0efc-4a8e-a6e7-d247fc44aed4","html_url":"https://github.com/xieyuheng/mimor","commit_stats":null,"previous_names":["xieyuheng/x-mimor","xieyuheng/mimor"],"tags_count":10,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xieyuheng%2Fmimor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xieyuheng%2Fmimor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xieyuheng%2Fmimor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xieyuheng%2Fmimor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xieyuheng","download_url":"https://codeload.github.com/xieyuheng/mimor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249026818,"owners_count":21200509,"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":["anki","anki-like","flashcard","question-and-answer","web-component","xml"],"created_at":"2024-11-08T10:06:13.430Z","updated_at":"2025-04-15T07:31:34.697Z","avatar_url":"https://github.com/xieyuheng.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Mimor Web Component\n\n[ [Playground](https://mimor.xieyuheng.com/playground) ]\n\nA web component for creating flashcard by simple `\u003cquestion\u003e` \u0026 `\u003canswer\u003e` markup.\n\n## Usage\n\n### Install\n\n#### Using CDN\n\n```html\n\u003cscript src=\"https://unpkg.com/mimor\"\u003e\u003c/script\u003e\n```\n\n#### Using npm\n\n```shell\nnpm install mimor\n```\n\n```js\nimport 'mimor'\n```\n\n### `\u003cx-mimor\u003e` Web Component\n\nA web component call \"x-mimor\" will be defined:\n\n```html\n\u003cx-mimor\n  style=\"height: 36rem; width: 36rem\"\n  src=\"https://mimor.xieyuheng.com/contents/example.mimor\"\n  theme-name=\"light\"\n\u003e\u003c/x-mimor\u003e\n```\n\nUse the following `Props` to config the component:\n\n```typescript\ntype Props = {\n  src: string\n  text?: string\n  langTag?: 'en' | 'zh'\n  themeName?: 'dark' | 'light'\n}\n```\n\nIt is ok to use lisp-case naming convention in html:\n\n```html\n\u003cx-mimor\n  src=\"https://...\"\n  text=\"...\"\n  lang-tag=\"en\"\n  theme-name=\"light\"\n\u003e\u003c/x-mimor\u003e\n```\n\n### Example `.mimor` file\n\n[ [Goto The Playground](https://mimor.xieyuheng.com/playground/PG1ldGFkYXRhIHRoZW1lLWNvbG9yPSJibHVlIiAvPgoKPHF1ZXN0aW9uPgogIFdoYXQgaXQgbWVhbnMgdG8gcmVtZW1iZXIgc29tZXRoaW5nPwoKICA8YW5zd2VyPgogICAgVG8gcmVtZW1iZXIgc29tZXRoaW5nIGlzIHRvIGJlIGFibGUgdG8gcmVjYWxsIGl0IGZyb20gbWVtb3J5IHdoZW4gbmVlZGVkLgogIDwvYW5zd2VyPgo8L3F1ZXN0aW9uPgoKPHF1ZXN0aW9uPgogIEhvdyB0byByZW1lbWJlciBzb21ldGhpbmc_CgogIDxhbnN3ZXI-CiAgICBPbmUgd2F5IHRvIHJlbWVtYmVyIHNvbWV0aGluZyBpcyB0byByZWNhbGwgaXQgb2Z0ZW4uCiAgPC9hbnN3ZXI-CjwvcXVlc3Rpb24-Cgo8cXVlc3Rpb24-CiAgSG93IGRvIHlvdSB1c2UgbWltb3IgdG8gbWFrZSBtZW1vcnkgYSBjaG9pY2U_CgogIDxhbnN3ZXI-CiAgICBCeSBtYWtpbmcgbm90ZXMgaW4gZm9ybSBvZiAmbHQ7cXVlc3Rpb24mZ3Q7IGFuZCAmbHQ7YW5zd2VyJmd0OywKICAgIGFuZCB0byByZWNhbGwgdGhlbSB3aGVuZXZlciB3aXNoZWQsCiAgICB0byBoZWxwIG1lIHJlbWVtYmVyIHRoZW0uCiAgPC9hbnN3ZXI-CjwvcXVlc3Rpb24-Cg) ]\n\n```mimor\n\u003cmetadata theme-color=\"blue\" /\u003e\n\n\u003cquestion\u003e\n  What it means to remember something?\n\n  \u003canswer\u003e\n    To remember something is to be able to recall it from memory when needed.\n  \u003c/answer\u003e\n\u003c/question\u003e\n\n\u003cquestion\u003e\n  How to remember something?\n\n  \u003canswer\u003e\n    One way to remember something is to recall it often.\n  \u003c/answer\u003e\n\u003c/question\u003e\n\n\u003cquestion\u003e\n  How do you use mimor to make memory a choice?\n\n  \u003canswer\u003e\n    By making notes in form of \u0026lt;question\u0026gt; and \u0026lt;answer\u0026gt;,\n    and to recall them whenever wished,\n    to help me remember them.\n  \u003c/answer\u003e\n\u003c/question\u003e\n```\n\n[![](assets/screenshots/example-mimor-1.png)](https://mimor.xieyuheng.com/playground/PG1ldGFkYXRhIHRoZW1lLWNvbG9yPSJibHVlIiAvPgoKPHF1ZXN0aW9uPgogIFdoYXQgaXQgbWVhbnMgdG8gcmVtZW1iZXIgc29tZXRoaW5nPwoKICA8YW5zd2VyPgogICAgVG8gcmVtZW1iZXIgc29tZXRoaW5nIGlzIHRvIGJlIGFibGUgdG8gcmVjYWxsIGl0IGZyb20gbWVtb3J5IHdoZW4gbmVlZGVkLgogIDwvYW5zd2VyPgo8L3F1ZXN0aW9uPgoKPHF1ZXN0aW9uPgogIEhvdyB0byByZW1lbWJlciBzb21ldGhpbmc_CgogIDxhbnN3ZXI-CiAgICBPbmUgd2F5IHRvIHJlbWVtYmVyIHNvbWV0aGluZyBpcyB0byByZWNhbGwgaXQgb2Z0ZW4uCiAgPC9hbnN3ZXI-CjwvcXVlc3Rpb24-Cgo8cXVlc3Rpb24-CiAgSG93IGRvIHlvdSB1c2UgbWltb3IgdG8gbWFrZSBtZW1vcnkgYSBjaG9pY2U_CgogIDxhbnN3ZXI-CiAgICBCeSBtYWtpbmcgbm90ZXMgaW4gZm9ybSBvZiAmbHQ7cXVlc3Rpb24mZ3Q7IGFuZCAmbHQ7YW5zd2VyJmd0OywKICAgIGFuZCB0byByZWNhbGwgdGhlbSB3aGVuZXZlciB3aXNoZWQsCiAgICB0byBoZWxwIG1lIHJlbWVtYmVyIHRoZW0uCiAgPC9hbnN3ZXI-CjwvcXVlc3Rpb24-Cg)\n\n### In browser editor\n\nYou can also use this [in browser editor](https://editor.xieyuheng.com),\nto edit mimors and preview mimors locally.\n\nCurrently we support Chromium-based browsers (such as Chrome and Edge).\n\n[![](assets/screenshots/editor-1-dark.png)](https://editor.xieyuheng.com)\n\n## Development\n\n```sh\nnpm install     # Install dependencies\nnpm run dev     # Start the dev server\nnpm run check   # Type check\nnpm run build   # Build the lib/ and dist/\nnpm run format  # Format the code\n```\n\n## Contributions\n\nTo make a contribution, fork this project and create a pull request.\n\nPlease read the [STYLE-GUIDE.md](STYLE-GUIDE.md) before you change the code.\n\nRemember to add yourself to [AUTHORS](AUTHORS).\nYour line belongs to you, you can write a little\nintroduction to yourself but not too long.\n\n## License\n\n[GPLv3](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxieyuheng%2Fmimor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxieyuheng%2Fmimor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxieyuheng%2Fmimor/lists"}