User:Max34/VDCEditor: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
m (I started making the extension from scratch, so there is a.. slight regression)
Line 6: Line 6:
<span style=color:green>☑</span> Make the first edit using the new editor
<span style=color:green>☑</span> Make the first edit using the new editor


<span style=color:green>☑</span> Figure out how to work with js
<span style=color:green>☑</span> Change the style of the entire editor to the dark version


☐ Figure out how to implement the correct automatic loading of the script. Right now you have to click on a button to run the script, because loading it automatically will cause it to load before the page is fully loaded, which cuts off access to a lot of things that need to be changed
☐ Figure out how to implement the correct automatic loading of the script. Right now you have to click on a button to run the script, because loading it automatically will cause it to load before the page is fully loaded, which cuts off access to a lot of things that need to be changed
<span style=color:green>☑</span> Change the style of the code block to a dark version
☐ Change the style of the rest of the editor elements (buttons, a field with a description of the changes) to dark mode


☐ Add line numbering
☐ Add line numbering


<span style=color:green>☑</span> Make editor settings persist
Make editor settings persist


☐ Add code font size setting
☐ Add code font size setting


<span style=color:green>☑</span> Add Word Wrap checkbox setting
Add Word Wrap checkbox setting


☐ Make a status bar
☐ Make a status bar


<span style=color:green>☑</span> Make editor height saveable
Make editor height saveable
 
<span style=color:green>☑</span> Add an indicator of the number of characters in the code


<span style=color:green>☑</span> Add a carriage location indicator
Add an indicator of the number of characters in the code


Make custom tooltips like in Visual Studio (functionality). It will be displayed when Ctrl is pressed
Add a carriage location indicator


<span style=color:green>☑</span> Add highlighting of magic words
<span style=color:green>☑</span> Add highlighting of magic words


☐ Add highlighting to {{Code|&amp;#AAA;}} elements
☐ Add highlighting to {{Code|&amp;#999;}} elements


<span style=color:green>☑</span> add highlighting for mnemonics (Not all mnemonics have been added. We need a complete list of mnemonics working on this site)
<span style=color:green>☑</span> Add highlighting for mnemonics (not all mnemonics have been added. Need a complete list of mnemonics working on this site)


<span style=color:green>☑</span> Add highlighting to HTML elements
<span style=color:green>☑</span> Add highlighting to HTML elements


☐ Add highlighting to CSS elements
☐ Add highlighting to inline CSS


☐ Add highlighting to MediaWiki elements (hardest one)
☐ Add highlighting to MediaWiki elements (hardest one)


Somehow implement the loading of translations directly from the VDC so that users can translate the extension directly from the site
Implement the loading of translations directly from the VDC so that users can translate the extension directly from the site


☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed
☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed


<span style=color:green>☑</span> Implement a color square next to each HEX color (as in F12)
Implement a color square next to each HEX color (as in F12)


☐ Implement a color square next to each rgba() and other colors
☐ Implement a color square next to each rgba() and other colors


☐ Make color squares interactive with the ability to open the color palette and select a color
☐ Make color squares interactive with the ability to open the color palette and select a color{{}}
 
<span style=color:green>☑</span> It may be worth reconsidering exactly how the formatting of the code for syntax highlighting should take place. At the moment, this works through the js {{Code|replace}} function along with {{Code|regexp}}. This option constantly resets the carriage, which means it has to be returned after each input, and also completely breaks the undo/redo system (in general, it can be recreated, but is it a good idea)
 
<span style=color:green>☑</span> Prevent Google Translate from translating editor code (translate="no")
 
<span style=color:green>☑</span> Disable automatic capitalization (autocapitalize="off")


<span style=color:green>☑</span> Add attributes to disable unwanted actions with the editor (translate="no", spellcheck="false", autocorrect="off", autocapitalize="off")


<span style=color:green>☑</span> Add scrolling below content until only the last line is shown




(For copying: ☐ <span style=color:green>☑</span> <span style=color:red>☒</span>)
(For copying: ☐ <span style=color:green>☑</span> <span style=color:red>☒</span>)

Revision as of 11:17, 30 May 2024

VDCEditor is an upcoming chromium extension that will change the edit field from a regular flat textarea into a full-fledged code editor with syntax highlighting, line numbering and much more.

Note.pngNote:You can suggest your ideas for expansion on the talk page.

Development progress

Make the first edit using the new editor

Change the style of the entire editor to the dark version

☐ Figure out how to implement the correct automatic loading of the script. Right now you have to click on a button to run the script, because loading it automatically will cause it to load before the page is fully loaded, which cuts off access to a lot of things that need to be changed

☐ Add line numbering

☐ Make editor settings persist

☐ Add code font size setting

☐ Add Word Wrap checkbox setting

☐ Make a status bar

☐ Make editor height saveable

☐ Add an indicator of the number of characters in the code

☐ Add a carriage location indicator

Add highlighting of magic words

☐ Add highlighting to &#999; elements

Add highlighting for mnemonics (not all mnemonics have been added. Need a complete list of mnemonics working on this site)

Add highlighting to HTML elements

☐ Add highlighting to inline CSS

☐ Add highlighting to MediaWiki elements (hardest one)

☐ Implement the loading of translations directly from the VDC so that users can translate the extension directly from the site

☐ Implement the loading of brief documentation of templates when hovering over them with the mouse with Ctrl pressed

☐ Implement a color square next to each HEX color (as in F12)

☐ Implement a color square next to each rgba() and other colors

☐ Make color squares interactive with the ability to open the color palette and select a color{{}}

Add attributes to disable unwanted actions with the editor (translate="no", spellcheck="false", autocorrect="off", autocapitalize="off")

Add scrolling below content until only the last line is shown


(For copying: ☐ )