pvharmo2/gha-lab-25b7988758Riproduzione autorizzata per ricerca sulla sicurezza di CVE-2026-27701 / GHSA-xh9w-5859-x97j (live-codes/livecodes @ 8017e01): titolo di PR non attendibile interpolato nel blocco github-script di i18n-update-pull.
Artefatto di ricerca automatizzato — non è il progetto upstream.
Questo repository è un laboratorio usa e getta costruito da un sistema automatizzato per una tesi magistrale presso l'Université Laval sulla riproduzione di vulnerabilità pubblicate nei workflow di GitHub Actions. È uno snapshot verbatim di
live-codes/livecodesal commit8017e0146fc020b8e9ec4115afc6f7b228354e46(2026-02-21), ridistribuito sotto la licenza del progetto stesso, il cui file è incluso invariato in questo snapshot.Il progetto upstream non è coinvolto, non è mai preso di mira, e la vulnerabilità studiata qui è già pubblica. Ogni segreto e variabile in questo repository è un valore fittizio generato casualmente — nessuna credenziale reale è presente. I riferimenti alle action e le immagini dei runner sono bloccati a ciò a cui risolvevano il 2026-02-21; vedi
pinning.mdnell'output dell'harness per ogni modifica apportata allo snapshot.Domande o obiezioni: [email protected]
Un Code Playground che funziona e basta!
Un code playground ricco di funzionalità, open-source, lato client per React, Vue, Svelte, Solid, Typescript, Python, Go, Ruby, PHP e 90+ linguaggi/framework.
* L'account GitHub è richiesto solo per le funzionalità che usano l'Integrazione GitHub.
... e goditi tutte le funzionalità!
Aggiungi questo codice alla tua pagina:
<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>
Consulta le documentazioni per i Playground Integrati.
... e funziona e basta!
Per i dettagli consulta l'elenco completo delle funzionalità.
L'Software Development Kit (SDK) fornisce un'interfaccia semplice ma potente per integrare e comunicare con i playground di LiveCodes.
L'SDK è fornito come pacchetto npm leggero (meno di 5kb gzip), senza dipendenze, disponibile anche da CDN. Può essere usato per creare playground con un'ampia varietà di configurazioni e opzioni di integrazione. Inoltre, i metodi SDK consentono la comunicazione e il controllo programmatico dei playground durante l'esecuzione.
npm i livecodes
Esempio: (apri in LiveCodes)
import { createPlayground } from 'livecodes';
createPlayground('#container', {
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
view: 'result',
});
Lo SDK JavaScript è agnostico rispetto a framework/librerie. Tuttavia, sono forniti anche componenti wrapper per librerie popolari (attualmente React e Vue). L'SDK può essere usato in Svelte e Solid direttamente senza wrapper. Il supporto TypeScript fornisce type-safety e un'ottima esperienza per gli sviluppatori.
Esempio di SDK React: (apri in LiveCodes)
import LiveCodes from 'livecodes/react';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
const Playground = () => <LiveCodes config={config} view="result" />;
export default Playground;
Esempio di SDK Vue: (apri in LiveCodes)
<script setup>
import LiveCodes from 'livecodes/vue';
const config = {
markup: {
language: 'markdown',
content: '# Hello World!',
},
};
</script>
<template>
<LiveCodes :config="config" view="result" />
</template>
Inoltre, l'SDK consente di creare link ai playground:
import { getPlaygroundUrl } from 'livecodes';
const url = getPlaygroundUrl({
config: {
markup: {
language: 'markdown',
content: '# Hello World!',
},
},
});
console.log(url);
Consulta la documentazione SDK per maggiori dettagli.
Documentazioni complete per funzionalità, per iniziare, configurazione e SDK sono disponibili su:
Le documentazioni includono demo, esempi di codice, screenshot, Storybook e tipi TypeScript.
Resta al passo con le ultime novità:
Accogliamo con piacere il tuo feedback!
Apri una nuova issue o discussione.
Per le segnalazioni di sicurezza, fai riferimento a SECURITY.md.
Puoi anche contattarci tramite il modulo di contatto.
I contributi sono benvenuti e molto apprezzati.
Un enorme ringraziamento ai nostri meravigliosi contributori! Il vostro duro lavoro fa tutta la differenza!
Fai riferimento alla guida ai contributi.
LiveCodes utilizza servizi forniti generosamente da:
I pacchetti usati da LiveCodes e le loro licenze sono elencati qui.
MIT Licenza © Hatem Hosny
LiveCodes è gratuito e open-source. L'app non contiene pubblicità né richiede abbonamenti. Consente un utilizzo illimitato senza alcuna restrizione.
Sponsorizzando LiveCodes, supporterai lo sviluppo e la manutenzione continui del progetto, oltre ad aiutare a garantire che rimanga una risorsa preziosa per la community di sviluppatori.
Considera di diventare uno sponsor.