{"action":"created","issue":{"url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/8","repository_url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3","labels_url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/8/labels{/name}","comments_url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/8/comments","events_url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/8/events","html_url":"https://github.com/Kodcentrum/Scratchuppgifter-v3/pull/8","id":394017615,"node_id":"MDExOlB1bGxSZXF1ZXN0MjQwODcxODQ3","number":8,"title":"[POC] Scratchblocks","user":{"login":"mattiasjahnke","id":2101850,"node_id":"MDQ6VXNlcjIxMDE4NTA=","avatar_url":"https://avatars2.githubusercontent.com/u/2101850?v=4","gravatar_id":"","url":"https://api.github.com/users/mattiasjahnke","html_url":"https://github.com/mattiasjahnke","followers_url":"https://api.github.com/users/mattiasjahnke/followers","following_url":"https://api.github.com/users/mattiasjahnke/following{/other_user}","gists_url":"https://api.github.com/users/mattiasjahnke/gists{/gist_id}","starred_url":"https://api.github.com/users/mattiasjahnke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattiasjahnke/subscriptions","organizations_url":"https://api.github.com/users/mattiasjahnke/orgs","repos_url":"https://api.github.com/users/mattiasjahnke/repos","events_url":"https://api.github.com/users/mattiasjahnke/events{/privacy}","received_events_url":"https://api.github.com/users/mattiasjahnke/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-12-25T12:54:07Z","updated_at":"2019-01-04T08:58:07Z","closed_at":null,"author_association":"NONE","pull_request":{"url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/pulls/8","html_url":"https://github.com/Kodcentrum/Scratchuppgifter-v3/pull/8","diff_url":"https://github.com/Kodcentrum/Scratchuppgifter-v3/pull/8.diff","patch_url":"https://github.com/Kodcentrum/Scratchuppgifter-v3/pull/8.patch"},"body":"# [POC] Scratchblocks\r\n\r\n## Summering\r\n\r\nDetta är ett proof of concept för hur scratchblocks (https://scratchblocks.github.io/) skulle kunna användas i kodboken för att uppnå någon form av syntax highlight för scratch. Libbet byter ut html-element med en viss css-klass till en svg.\r\n\r\n**Varför**: Skillnaden på beskrivande text och faktiskt syntax ibland kan vara svårt att göra skillnad på när uppgifterna läses. \r\n\r\n## Vad har ändrats\r\n\r\nI mitt exempel renderas \"när flaggan klickas på\"-blocket i uppgiften `bugrace intro`:\r\n`<span class=\"code\">when flag clicked</span>`\r\n\r\ngulp-scriptet är modifierat för att importera två externa js-libbar:\r\n`https://scratchblocks.github.io/js/scratchblocks-v3.1-min.js`\r\n`https://scratchblocks.github.io/js/translations-all-v3.1-min.js`\r\n\r\ngulp-scriptet är modifierat för att sidorna ska exekvera en funktion som renderar scratchblocks:\r\n```\r\nscratchblocks.renderMatching(\\'.code\\', { inline:true, render: (doc, cb) => { doc.translate(scratchblocks.allLanguages[\\'sv\\']); doc.render(cb) } });\r\n```\r\n\r\n## För att testa\r\n\r\n* Checka ut branchen `scratchblocks`\r\n* Kör gulp-scriptet\r\n* Öppna `README.html` i `block1_bugrace_intro`\r\n* I avsnitt 3 för du se det genererade blocket:\r\n\r\n![image](https://user-images.githubusercontent.com/2101850/50422659-40d8d680-084c-11e9-8676-6798d023c4dc.png)\r\n\r\n## Nästa steg\r\n\r\nDetta är som sagt bara ett experiment. För att driftsätta detta föreslår jag följande förändringar:\r\n\r\n* Själva hosta js-libbet för att säkra tillgängligheten\r\n* Implementera en fallback till orginaltexten om js ej kunde exekveras (kanske redan funkar?)\r\n* Lösa svenska/engelska-blandingen jag just nu har (skriver engelska instruktioner och låter scratchblocks-libbet översätta). Vi kan definiera vår egen svenska översättning och på så sätt få mer kontroll. Då kan vi passa på att ta bort översättnings-proceduren helt och ha svenska som default istället för engelska. Extra viktigt för att få en smidig fallback.\r\n* Definiera riktlinjer för hur de ska användas\r\n\r\nOm någon är flinkare än mig på web/js så bör detta inte vara några problem att få till."},"comment":{"url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/comments/451388076","html_url":"https://github.com/Kodcentrum/Scratchuppgifter-v3/pull/8#issuecomment-451388076","issue_url":"https://api.github.com/repos/Kodcentrum/Scratchuppgifter-v3/issues/8","id":451388076,"node_id":"MDEyOklzc3VlQ29tbWVudDQ1MTM4ODA3Ng==","user":{"login":"mattiasjahnke","id":2101850,"node_id":"MDQ6VXNlcjIxMDE4NTA=","avatar_url":"https://avatars2.githubusercontent.com/u/2101850?v=4","gravatar_id":"","url":"https://api.github.com/users/mattiasjahnke","html_url":"https://github.com/mattiasjahnke","followers_url":"https://api.github.com/users/mattiasjahnke/followers","following_url":"https://api.github.com/users/mattiasjahnke/following{/other_user}","gists_url":"https://api.github.com/users/mattiasjahnke/gists{/gist_id}","starred_url":"https://api.github.com/users/mattiasjahnke/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mattiasjahnke/subscriptions","organizations_url":"https://api.github.com/users/mattiasjahnke/orgs","repos_url":"https://api.github.com/users/mattiasjahnke/repos","events_url":"https://api.github.com/users/mattiasjahnke/events{/privacy}","received_events_url":"https://api.github.com/users/mattiasjahnke/received_events","type":"User","site_admin":false},"created_at":"2019-01-04T08:58:07Z","updated_at":"2019-01-04T08:58:07Z","author_association":"NONE","body":"Okej, ja om scriptet körs ändå så är det ju ett non-issue.\r\n\r\nDå kanske det bara är rimligt att lägga till `README.html` i `.gitignore` då de kan vara smidiga att ha lokalt"}}
{"actor":{"display_login":"mattiasjahnke"}}