Web Artifacts Builder File Naming

Sub-skill of web-artifacts-builder: File Naming (+2).

vamseeachanta Updated

File contents

File Naming (+2)

File Naming

project-name_v1.0.html
dashboard_2024-01-15.html
calculator-tool.html

Embedding Data

// Embed JSON data directly
const DATA = {
    items: [...],
    config: {...}
};

// Or base64 encode binary data
const imageData = 'data:image/png;base64,iVBORw0KGgo...';

Export Functionality

function downloadData() {
    const data = JSON.stringify(state, null, 2);
    const blob = new Blob([data], { type: 'application/json' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    a.href = url;
    a.download = 'export.json';
    a.click();
    URL.revokeObjectURL(url);
}

vamseeachanta/workspace-hub/tree/main/.agents/skills/_internal/builders/web-artifacts-builder/file-naming commit 1bbdd7c64c

Frequently asked questions

npx skillmds@latest add vamseeachanta/web-artifacts-builder-file-naming