
Reprodução autorizada de pesquisa de segurança do CVE-2026-27701 / GHSA-xh9w-5859-x97j (live-codes/livecodes @ 8017e01): título de PR não confiável interpolado no bloco github-script de atualização de i18n.
Artefacto de pesquisa automatizado — não é o projeto original.
Este repositório é um laboratório descartável construído por um harness automatizado para uma tese de mestrado na Université Laval sobre a reprodução de vulnerabilidades publicadas em workflows do GitHub Actions. É um instantâneo verbatim de
live-codes/livecodesno commit8017e0146fc020b8e9ec4115afc6f7b228354e46(2026-02-21), redistribuído sob a licença desse próprio projeto, cujo ficheiro está incluído inalterado neste instantâneo.O projeto original não está envolvido, nunca é alvo, e a vulnerabilidade aqui estudada já é pública. Todos os segredos e variáveis neste repositório são valores fictícios gerados aleatoriamente — nenhuma credencial real está presente. As referências de ações e imagens de runner estão fixadas ao que resolveram em 2026-02-21; consulte
pinning.mdna saída do harness para todas as alterações feitas ao instantâneo.Perguntas ou objeções: [email protected]
Um Playground de Código Que Simplesmente Funciona!
Um playground de código repleto de funcionalidades, open-source, do lado do cliente para React, Vue, Svelte, Solid, Typescript, Python, Go, Ruby, PHP e 90+ linguagens/frameworks.

* A conta GitHub é necessária apenas para funcionalidades que usam Integração GitHub.
... e desfrute de todas as funcionalidades!
Adicione este código à sua página:
<div id="container"></div>
<script type="module">
import { createPlayground } from 'https://cdn.jsdelivr.net/npm/livecodes';
createPlayground('#container', {
params: {
markdown: '# Hello LiveCodes!',
css: 'h1 {color: dodgerblue;}',
js: 'console.log("Hello, from JS!");',
console: 'open',
},
});
</script>
Consulte as documentações para Playgrounds Incorporados.
... e simplesmente funciona!
Para detalhes, consulte a lista completa de funcionalidades.
O Software Development Kit (SDK) fornece uma interface fácil, mas poderosa, para incorporar e comunicar com playgrounds do LiveCodes.
O SDK é fornecido como um pacote npm leve (menos de 5kb gzipped), sem dependências, também disponível a partir de CDNs. Pode ser usado para criar playgrounds com uma ampla variedade de configurações e opções de incorporação. Além disso, os métodos do SDK permitem comunicação e controlo programáticos dos playgrounds durante o tempo de execução.
npm i livecodes
Exemplo: (abrir no LiveCodes)
import { createPlayground } from 'livecodes';
createPlayground('#container', {
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
view: 'result',
});
O SDK JavaScript é agnóstico em relação a frameworks/bibliotecas. No entanto, também são fornecidos componentes wrapper para bibliotecas populares (atualmente React e Vue). O SDK pode ser usado em Svelte e Solid diretamente, sem wrappers. O suporte TypeScript fornece segurança de tipos e uma excelente experiência de programação.
Exemplo do SDK React: (abrir no LiveCodes)
import LiveCodes from 'livecodes/react';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
const Playground = () => <LiveCodes config={config} view="result" />;
export default Playground;
Exemplo do SDK Vue: (abrir no LiveCodes)
<script setup>
import LiveCodes from 'livecodes/vue';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
</script>
<template>
<LiveCodes :config="config" view="result" />
</template>
Além disso, o SDK permite criar links para playgrounds:
import { getPlaygroundUrl } from 'livecodes';
const url = getPlaygroundUrl({
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
});
console.log(url);
Consulte a documentação do SDK para mais detalhes.
Documentações abrangentes para funcionalidades, introdução, configuração e SDK estão disponíveis em:
As documentações incluem demonstrações, exemplos de código, capturas de ecrã, Storybook e tipos TypeScript.
Acompanhe as últimas alterações:
Aceitamos feedback com prazer!
Para relatórios de segurança, consulte SECURITY.md.
Também pode contactar-nos através do formulário de contacto.
Contribuições são bem-vindas e muito apreciadas.
Um enorme agradecimento aos nossos maravilhosos contribuidores! O vosso trabalho árduo faz toda a diferença!
Consulte o guia de contribuição.
O LiveCodes usa serviços que são generosamente fornecidos por:
Os pacotes usados pelo LiveCodes e as suas licenças estão listados aqui.
Licença MIT © Hatem Hosny
O LiveCodes é gratuito e open-source. A aplicação não contém anúncios nem requer subscrição. Permite utilização ilimitada sem quaisquer restrições.
Ao patrocinar o LiveCodes, estará a apoiar o desenvolvimento e a manutenção contínuos do projeto, bem como a ajudar a garantir que permanece um recurso valioso para a comunidade de programadores.
Por favor, considere tornar-se um patrocinador.