{"id":21364343,"url":"https://github.com/birhoff/tanker-devtools","last_synced_at":"2025-03-16T07:22:25.506Z","repository":{"id":71314798,"uuid":"229103170","full_name":"birhoff/tanker-devtools","owner":"birhoff","description":"tds","archived":false,"fork":false,"pushed_at":"2019-12-19T17:13:27.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-22T19:46:42.541Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/birhoff.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2019-12-19T17:12:12.000Z","updated_at":"2019-12-19T17:13:29.000Z","dependencies_parsed_at":"2023-05-29T10:45:53.418Z","dependency_job_id":null,"html_url":"https://github.com/birhoff/tanker-devtools","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/birhoff%2Ftanker-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/birhoff%2Ftanker-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/birhoff%2Ftanker-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/birhoff%2Ftanker-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/birhoff","download_url":"https://codeload.github.com/birhoff/tanker-devtools/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243837207,"owners_count":20355846,"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-22T06:26:33.499Z","updated_at":"2025-03-16T07:22:25.482Z","avatar_url":"https://github.com/birhoff.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tanker-inspector\n\n## Установка\n\n1. Перейти на browser://extensions/ для Яндекс.Браузера или chrome://extensions для Хрома.\n2. В правом верхнем углу включить Режим разработчика.\n3. Перетащить папку с расширением на страницу, убедиться, что оно включено.\n\n## Принцип работы\n\n1. Пакет `i18n` должен вместо строки с переводом вернуть строку в формате `TANKERBEGIN${translation}:${keyset}:${key}TANKEREND`.\n\nПатч, который обеспечивает такое поведение в `web4`:\n\n```diff\ndiff --git a/blocks-common/i-bem/__i18n/i-bem__i18n.priv.js b/blocks-common/i-bem/__i18n/i-bem__i18n.priv.js\nnew file mode 100644\nindex 00000000000..f2d7e16e187\n--- /dev/null\n+++ b/blocks-common/i-bem/__i18n/i-bem__i18n.priv.js\n@@ -0,0 +1,11 @@\n+if (BEM.I18N) {\n+    var initialI18n = BEM.I18N;\n+\n+    BEM.I18N = function(keyset, key, params) {\n+        return `TANKERBEGIN${initialI18n(keyset, key, params)}:${keyset}:${key}TANKEREND`;\n+    };\n+\n+    Object.keys(initialI18n).forEach(function(key) {\n+        BEM.I18N[key] = initialI18n[key];\n+    });\n+}\n```\n\n2. Расширение перебирает все строковые DOM-узлы, находит среди них те, что соответствуют формату и заменяют на перевод, а данные пробрасывают в панель в виде ссылок на соответствующие ключи в Танкере.\n\n3. При наведении на ссылки страница подскролливается к соответствующему элементу, а элемент подсвечивается.\n\n## Внутренне устройство\n\nВзаимодействие с DOM возможно только из `content.js`.\nДоступ к содержимому панели расширения в `panel.js`.\nИх прямо взаимодействие невозможно по соображениям безопасности, поэтому обмен данными происходит с помощью сообщений через `background.js`, который работает в фоне.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbirhoff%2Ftanker-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbirhoff%2Ftanker-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbirhoff%2Ftanker-devtools/lists"}