microsoft / microsoft/vscode-custom-data

dynamic html custom data example

Open
#89 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
240
Forks
95
PR merge metrics
No merged PRs in 30d

Description

Some definitions of HTML tags can be defined inline in same html file source. Either as from inline script tag with custom element class or from HTML markup as Declarative Custom Element.

In both cases the custom tag is

  • defined inline in source, hence can not be hardcoded into global custom data file. The tag does not make a sence outside.
  • need to be updated on fly, during the edit. As it is done in TS version of Custom Element and immediately available in html literal( Lit ) or JSX ( React ).

Inline DCE sample, there are about a dozen of other implementations, each need the plugin example to follow.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked Inline DCE sample and read the repository documentation and examples to understand the existing custom-data integration. Determine how inline custom elements can be discovered and updated during editing, then verify that the definitions are available in the surrounding HTML without requiring global custom data.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, javascript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.