# jsonforms-esm **Repository Path**: mirrors_esnet/jsonforms-esm ## Basic Information - **Project Name**: jsonforms-esm - **Description**: The JSONForms library (https://jsonforms.io) wrapped in a Vue Webcomponent and bundled as an ECMAScript Module (ESM) - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-03-05 - **Last Updated**: 2026-03-15 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # JSONForms Vue WebComponent ESM ## Background and Wrapper Notes This Repo contains a Vue wrapper for the JSONForms library. The Vue3 wrapper builds a WebComponent. The standard Vue3 build tools cannot yield a webcomponent. But! Using Vite as a build tool allows us to build the WebComponent and bundle it into into an ECMAScript module. ECMAScript modules can be `import`ed directly into a browser, or included as a ` ``` ## Live demo https://unpkg.com/jsonforms-esm@3.5.1/dist/index.html ## What if I want to version pin or serve a copy? (Flat-file lifecycle management) - Use your favorite download tool (web browser, curl, fetch, etc) to retrieve a copy of the ESM file: https://unpkg.com/jsonforms-esm@v3.5.1/dist/jsonforms.esm.js - Use your favorite download tool (web browser, curl, fetch, etc) to retrieve a copy of the CSS file: https://unpkg.com/jsonforms-esm@v3.5.1/dist/jsonforms.css - You now have the whole library - put these in your project in folder called `/lib`, with a version suffix, like: ``` cp /path/to/downloaded/jsonforms.esm.js /path/to/project/lib/jsonforms.3.5.1.esm.js cp /path/to/downloaded/jsonforms.css /path/to/project/lib/jsonforms.3.5.1.css ``` - now, create symlinks, so you can manage the versions in the future. (Use the link in your HTML, the link's target is an ephemeral copy) ``` ln -s jsonforms.3.5.1.esm.js jsonforms.esm.js ln -s jsonforms.3.5.1.css jsonforms.css ``` - commit the whole `/lib` directory - now, in your project you can use a link and script tag like this: ``` ``` ## If you don't understand why you'd need this form element, you should probably just use jsonforms from the canonical upstream repo with real documentation: `https://jsonforms.io/`