ReTabNews

O que eu quis dizer foi o fechamento desses caracteres mesmo sem a seleção de texto, por exemplo você abre um parêntese e ele fecha sozinho e seu mouse vai para entre os parênteses. Acho que o que eu disse anteriormente ficou meio confuso mesmo. Eu dei uma olhada rápida aqui, então posso estar errado, mas será que essa "instabilidade" tem alguma coisa a ver com o whatsapp não usar uma `

` e o texto estar dentro de um `<div>` (editável) > `<p>` > `<span>`?</div></div><section class="mt-4 flex ml-1 md:ml-2"><div class="mx-2 w-0.5 bg-zinc-200 dark:bg-zinc-700 md:mx-4"></div><div><div class="mb-6 flex flex-col gap-1"><div class="flex items-center gap-2"><a class="rounded-md bg-blue-100/70 px-1.5 py-[2px] font-mono text-sm text-blue-600 dark:bg-zinc-700 dark:text-zinc-400" href="/user/crrds">crrds</a><a class="text-xs text-zinc-500" title="quinta-feira, 16 de novembro de 2023 às 18:35" href="/user/crrds/40b7a21d-bf0f-4508-a44e-30074b980201">ano passado</a></div><div class="markdown-body">Faz bastante sentido a primeira ideia mesmo, quanto ao segundo ponto, sim, seria esse o BO roidei um pouco envolta mas não fiquei muito tempo tentando resolver.</div></div></div></section></div></section></div></section></div></section></div></main><script>(STORAGE_KEY => {
    if (!window.history.state || !window.history.state.key) {
      let key = Math.random().toString(32).slice(2);
      window.history.replaceState({
        key
      }, "");
    }
    try {
      let positions = JSON.parse(sessionStorage.getItem(STORAGE_KEY) || "{}");
      let storedY = positions[window.history.state.key];
      if (typeof storedY === "number") {
        window.scrollTo(0, storedY);
      }
    } catch (error) {
      console.error(error);
      sessionStorage.removeItem(STORAGE_KEY);
    }
  })("positions")</script><link rel="modulepreload" href="/build/manifest-2A6E1605.js"/><link rel="modulepreload" href="/build/entry.client-U7562KCZ.js"/><link rel="modulepreload" href="/build/_shared/chunk-T2MCWCUQ.js"/><link rel="modulepreload" href="/build/_shared/chunk-7QLVLIBI.js"/><link rel="modulepreload" href="/build/root-3RY3UU5E.js"/><link rel="modulepreload" href="/build/_shared/chunk-TNI2W7ZV.js"/><link rel="modulepreload" href="/build/_shared/chunk-NQTP5BYG.js"/><link rel="modulepreload" href="/build/routes/user/$username.$slug-KQDG72DO.js"/><script>window.__remixContext = {"appState":{"trackBoundaries":true,"trackCatchBoundaries":true,"catchBoundaryRouteId":null,"renderBoundaryRouteId":null,"loaderBoundaryRouteId":null},"matches":[{"params":{"username":"crrds","slug":"extensao-devbehavior"},"pathname":"/","route":{"id":"root","path":"","module":"/build/root-3RY3UU5E.js","imports":["/build/_shared/chunk-7QLVLIBI.js"],"hasAction":true,"hasLoader":true,"hasCatchBoundary":false,"hasErrorBoundary":false}},{"params":{"username":"crrds","slug":"extensao-devbehavior"},"pathname":"/user/crrds/extensao-devbehavior","route":{"id":"routes/user/$username.$slug","parentId":"root","path":"user/:username/:slug","module":"/build/routes/user/$username.$slug-KQDG72DO.js","imports":["/build/_shared/chunk-TNI2W7ZV.js","/build/_shared/chunk-NQTP5BYG.js"],"hasAction":false,"hasLoader":true,"hasCatchBoundary":false,"hasErrorBoundary":false}}],"routeData":{"root":{"theme":"dark"},"routes/user/$username.$slug":{"post":{"id":"beec2023-a9e5-4ffc-8bce-a801c8468ff7","owner_id":"8d6e3843-3d6c-4bd4-a8b7-dd8d387b9c40","parent_id":null,"slug":"extensao-devbehavior","title":"Pitch: Extensão DevBehavior","body":"\u003ch2\u003eO que é?\u003c/h2\u003e\n\u003ch4\u003eResumidamente, é uma extensão que criei para aprender um pouco sobre como fazer isso e, claro, tentar facilitar minha vida no computador.\u003c/h4\u003e\n\u003ch2\u003eO que faz?\u003c/h2\u003e\n\u003ch4\u003eEla tenta imitar o comportamento das IDEs quando selecionamos um texto e pressionamos \"{\", \"(\", e outros, ela \"engloba\" a seleção neles.\u003c/h4\u003e\n\u003ch2\u003eEsta lindo e maravilhoso?\u003c/h2\u003e\n\u003ch4\u003eNão... Mal está funcionando; tenho problemas em alguns lugares, mas funciona muito bem no TabNews. Como disse, aproveitei a oportunidade para aprender como fazer isso, então ficou como ficou sem muitas complicações. Se eu tiver tempo e vontade, talvez eu a evolua.\u003c/h4\u003e\n\u003ch2\u003eGostou e quer melhorar-la?\u003c/h2\u003e\n\u003ch4\u003eBe my guest! Nunca trabalhei com extensões, então fiquei parado em algumas situações, e qualquer insight seria bem-vindo.\u003c/h4\u003e\n\u003cp\u003e\u003ca href=\"https://github.com/cauerrds/DevBehavior/settings\"\u003ehttps://github.com/cauerrds/DevBehavior/settings\u003c/a\u003e\u003c/p\u003e\n\u003ch2\u003eO que mais tenho a dizer\u003c/h2\u003e\n\u003ch4\u003eEste é o meu LinkedIn (\u003ca href=\"https://www.linkedin.com/in/cauerrds/\"\u003ehttps://www.linkedin.com/in/cauerrds/\u003c/a\u003e) se quiser aumentar sua network, pode me adicionar e me chamar para bater um papo.\u003c/h4\u003e\n\u003cp\u003e\u003ca href=\"https://drive.google.com/file/d/1Vq73_2P05UIfyUrliM0pI5YzMWs1_GJG/view?usp=sharing\"\u003eEXEMPLO\u003c/a\u003e\u003c/p\u003e","status":"published","type":"content","source_url":null,"created_at":"2023-11-16T00:06:09.618Z","updated_at":"2023-11-16T10:14:50.783Z","published_at":"2023-11-16T00:06:09.628Z","deleted_at":null,"owner_username":"crrds","tabcoins":3,"tabcoins_credit":2,"tabcoins_debit":0,"children_deep_count":4},"posts":[{"id":"e1028b9c-1e5f-4f62-9295-911abb27ddf3","parent_id":"beec2023-a9e5-4ffc-8bce-a801c8468ff7","owner_id":"b4cb7a84-d887-4d29-81ae-c0d56aefd9b8","slug":"8abef5cc-f65b-48ea-9aee-b4ef457fff4e","title":null,"body":"\u003cp\u003eAchei interessante a sua ideia, principalmente quando você quer inserir alguma linha de código em um site. Outra coisa que poderia ser adicionada é o fechamento automático de \"(\", \"{\" e \"[\", mas reconheço como isso poderia ser um problema em certos casos, porém o que poderia ser feito é a detecção de blocos de código como no markdown.\u003c/p\u003e","status":"published","source_url":null,"published_at":"2023-11-16T14:52:41.166Z","created_at":"2023-11-16T14:52:41.071Z","updated_at":"2023-11-16T14:56:39.233Z","deleted_at":null,"type":"content","owner_username":"edrf","tabcoins":1,"tabcoins_credit":0,"tabcoins_debit":0,"children":[{"id":"2d3d6f90-3028-4906-a311-de765fb46384","parent_id":"e1028b9c-1e5f-4f62-9295-911abb27ddf3","owner_id":"8d6e3843-3d6c-4bd4-a8b7-dd8d387b9c40","slug":"7d6d541b-56dd-4b1b-83e3-c73eddaf8740","title":null,"body":"Até o momento o fechamento automatico esta funcional, mas meu problema agora está que não estavel, não funciona em todos os sites, chat do linkedin e WhatsApp são exemplos.","status":"published","source_url":null,"published_at":"2023-11-16T16:03:55.858Z","created_at":"2023-11-16T16:03:55.771Z","updated_at":"2023-11-16T16:03:55.771Z","deleted_at":null,"type":"content","owner_username":"crrds","tabcoins":1,"tabcoins_credit":0,"tabcoins_debit":0,"children":[{"id":"aabc0847-4edd-4ad1-94f1-56e462730128","parent_id":"2d3d6f90-3028-4906-a311-de765fb46384","owner_id":"b4cb7a84-d887-4d29-81ae-c0d56aefd9b8","slug":"df47f1a1-b9ae-48c5-8e2d-d9a3ce144d9f","title":null,"body":"O que eu quis dizer foi o fechamento desses caracteres mesmo sem a seleção de texto, por exemplo você abre um parêntese e ele fecha sozinho e seu mouse vai para entre os parênteses. Acho que o que eu disse anteriormente ficou meio confuso mesmo.\n\nEu dei uma olhada rápida aqui, então posso estar errado, mas será que essa \"instabilidade\" tem alguma coisa a ver com o whatsapp não usar uma `\u003ctextarea\u003e` e o texto estar dentro de um `\u003cdiv\u003e` (editável) \u003e `\u003cp\u003e` \u003e `\u003cspan\u003e`?","status":"published","source_url":null,"published_at":"2023-11-16T17:18:37.531Z","created_at":"2023-11-16T17:18:37.473Z","updated_at":"2023-11-16T17:30:24.241Z","deleted_at":null,"type":"content","owner_username":"edrf","tabcoins":2,"tabcoins_credit":1,"tabcoins_debit":0,"children":[{"id":"a55b9adb-8f57-4261-854e-d8e1f076ebde","parent_id":"aabc0847-4edd-4ad1-94f1-56e462730128","owner_id":"8d6e3843-3d6c-4bd4-a8b7-dd8d387b9c40","slug":"40b7a21d-bf0f-4508-a44e-30074b980201","title":null,"body":"Faz bastante sentido a primeira ideia mesmo, quanto ao segundo ponto, sim, seria esse o BO roidei um pouco envolta mas não fiquei muito tempo tentando resolver.","status":"published","source_url":null,"published_at":"2023-11-16T18:35:14.869Z","created_at":"2023-11-16T18:35:14.804Z","updated_at":"2023-11-16T18:35:14.804Z","deleted_at":null,"type":"content","owner_username":"crrds","tabcoins":1,"tabcoins_credit":0,"tabcoins_debit":0,"children":[],"children_deep_count":0}],"children_deep_count":1}],"children_deep_count":2}],"children_deep_count":3}]}},"future":{"v2_meta":false}};</script><script type="module" async="">import "/build/manifest-2A6E1605.js";
import * as route0 from "/build/root-3RY3UU5E.js";
import "/build/manifest-2A6E1605.js";
import * as route1 from "/build/routes/user/$username.$slug-KQDG72DO.js";
window.__remixRouteModules = {"root":route0,"routes/user/$username.$slug":route1};

import("/build/entry.client-U7562KCZ.js");</script></body></html>

Pitch: Extensão DevBehavior

O que é?

Resumidamente, é uma extensão que criei para aprender um pouco sobre como fazer isso e, claro, tentar facilitar minha vida no computador.

O que faz?

Ela tenta imitar o comportamento das IDEs quando selecionamos um texto e pressionamos "{", "(", e outros, ela "engloba" a seleção neles.

Esta lindo e maravilhoso?

Não... Mal está funcionando; tenho problemas em alguns lugares, mas funciona muito bem no TabNews. Como disse, aproveitei a oportunidade para aprender como fazer isso, então ficou como ficou sem muitas complicações. Se eu tiver tempo e vontade, talvez eu a evolua.

Gostou e quer melhorar-la?

Be my guest! Nunca trabalhei com extensões, então fiquei parado em algumas situações, e qualquer insight seria bem-vindo.

O que mais tenho a dizer

Este é o meu LinkedIn (https://www.linkedin.com/in/cauerrds/) se quiser aumentar sua network, pode me adicionar e me chamar para bater um papo.