-
-
Whats new?
-
-
2.7.1
-
- - Framer.js support - You can now load the latest framer.js library from framer builds page and start coding framer prototypes.
- - Bugfix: Edit on CodePen is back in action.
- - Bugfix: Autocompletion menu doesn't show on cut and paste now.
- - Bugfix: Updated & fixed urls of some common external libraries to latest versions. UIKit3 & Bootstrap 4α are now in the list.
- - Preprocessor selector are now more accessible.
-
- - 🚀 Announcement: Web Maker has a chat lobby on Gitter now - incase you need any help or just want to say Hi!
- - Suggest features or report bugs.
- - Thank you for being a part of this community of thousands of awesome developers. If you find Web Maker helpful, Please rate Web Maker Share it Support the developer
-
-
-
-
-
2.7.0
-
- - Fork any creation!: Now you can fork any existing creation of yours to start a new work based on it. One big use case of this feature is "Templates"! Read more about it.
- - Fonts 😍 : Super-awesome 4 fonts (mostly with ligature support) now available to choose from. Fira Code is the default font now.
- - Updated most used external libraries to latest versions.
- - Bugfix: Add missing Bootstrap JS file to most used external libraries list.
- - Several other minor bugfixes and improvements to make Web Maker awesome!
-
- - Great news to share with you - Web Maker has been featured on the Chrome Webstore homepage! Thanks for all the love :)
-
-
-
-
-
2.6.1
-
- - Bugfix: Emojis vanishing while exporting to Codepen has been fixed.
- - Bugfix:
console.clear() now doesn't error and clears the inbuilt console.
- - Bugfix: External libraries added to the creation are exported as well to Codepen.
-
-
-
-
-
2.6.0
-
- - The "Console": The most awaited feature is here! There is now an inbuilt console to see your logs, errors and for quickly evaluating JavaScript code inside your preview. Enjoy! I also a blog post about it.
- - Number slider which popped on clicking any number in the code has been removed due to poor user experience.
- - Minor usability improvements.
-
-
-
-
-
2.5.0
-
- - Atomic CSS: Use can now use Atomic CSS(ACSS) in your work! Read more about it here.
- - Search your saved creations: Easily search through all your saved creations by title.
- - Configurable Auto-preview - You can turn off the auto preview in settings if you don't want the preview to update as you type.
- - Configurable refresh on resize - You can configure whether you want the preview to refresh when you resize the preview panel.
- - Bugfix - Fix indentation issue with custom indentation size.
-
-
-
-
-
2.4.2
-
- - Improved infinite loop protection: Infinite loop protection is now faster and more reliable. And works without the need of Escodegen. Thanks to Ariya Hidayat!
- - Bugfix - Default parameters not working in JavaScript is fixed.
-
-
-
-
-
2.4.0
-
- - Import/Export: Your creations are most important. Now export all your creations into a single file as a backup that can be imported anytime & anywhere.
- - Editor themes: You have been heard. Now you can choose from a huge list of wonderful editor themes!
- - Identation settings: Not a spaces fan? Switch to tabs and set your indentation size.
- - Vim key bindings: Rejoice Vim lovers!
- - Code blast: Why don't you try coding with this switched on from the settings? Go on...
- - Important: Due to security policy changes from Chrome 57 onwards, Web Maker now allows loading external JavaScript libraries only from certain whitelisted domains (localhost, https://ajax.googleapis.com, https://code.jquery.com, https://cdnjs.cloudflare.com, https://unpkg.com, https://maxcdn.com, https://cdn77.com, https://maxcdn.bootstrapcdn.com, https://cdn.jsdelivr.net/)
- - Save button now highlights when you have unsaved changes.
- - Jade is now called Pug. Just a name change.
-
-
-
-
-
2.3.2
-
- - Update Babel to support latest and coolest ES6 features.
- - Improve onboarding experience at first install.
-
-
-
-
2.3.1
-
- - Bugfix - Splitting of code and preview panes is remembered by the editor.
- - Title of the creation is used for the file name when saving as HTML.
-
-
-
-
2.3.0
-
- - Add Library Autocompletion - Just start typing the name of library and you'll be shown matching libraries from cdnjs.
- - Preview Screenshot Capture - Want to grab a nice screenshot of your creation. You have it! Click and capture.
- - Auto Indent Code - Select your code and hit Shift-Tab to auto-indent it!
- - Keyboard Navigation in Saved List - Now select your creation using arrow keys and hit ENTER to open it.
- - Highlight active line in code panes.
- - Bugfix - Fix in generated title of new creation.
- - Bugfix - HTML autocompletion is manual triggered now with Ctrl+Space.
-
-
-
-
-
2.2.0
-
- - Code Autocompletion - See code suggestions while you type!
- - Full Screen Preview - Checkout your creation in a full-screen layout.
- - SASS - SASS support added for CSS.
- - Faster CSS update - Preview updates instantly without refresh when just CSS is changed.
- - Bugfix - Indentation fixed while going on new line.
- - Bugfix - Works even in Chrome Canary now. Though libraries can be added only through CDNs.
-
-
-
-
-
2.1.0
-
- - TypeScript - Now you can code in TypeScript too!
- - Stylus Preprocessor - Stylus supported adding for CSS.
- - Code Folding - Collapse large code blocks for easy editing.
- - Bugfix - Support JSX in JavaScript.
- - Better onboarding for first time users.
-
-
-
-
2.0.0
-
- - Save and Load - Long pending and super-useful, now you can save your creations and resume them anytime later.
- - Insert JS & CSS - Load popular JavaScript & CSS libraries in your work without writing any code.
- - Collapsed Panes - Collapse/uncollapse code panes with a single click. Your pane configuration is even saved with every creation!
- - Quick color & number change - Click on any color or number and experiment with quick values using a slider.
- - Linting - See your code errors right where you are coding.
- - No more browser hang due to infinite loops!
-
-
-
-
-
1.7.0
-
- - Preprocessors! - Enjoy a whole list of preprocessors for HTML(Jade & markdown), CSS(SCSS & LESS) and JavaScript(CoffeeScript & Babel).
- - More awesome font for code.
-
-
-
-
1.6.0
-
- - You can now configure Web-Maker to not replace new tab page from the settings. It is always accessible from the icon in the top-right.
- - Download current code as HTML file with Ctrl/⌘ + S keyboard shortcut.
- - New notifications panel added so you are always aware of the new changes in Web-Maker.
-
-
+
diff --git a/src/script.js b/src/script.js
index 8dcf2e3..e6ffa4d 100644
--- a/src/script.js
+++ b/src/script.js
@@ -1407,6 +1407,23 @@ runBtn, searchInput, consoleEl, consoleLogEl, logCountEl, fontStyleTag, fontStyl
attachListenerForEvent('change');
attachListenerForEvent('input');
attachListenerForEvent('keyup');
+
+ // Compile d-html directive
+ const dHtmlNodes = $all(`[d-html]`);
+ dHtmlNodes.forEach(function (el) {
+ console.log(Date.now())
+ fetch(el.getAttribute('d-html')).then((response) => {
+ // Stop further compilation because of future recursion by removing attribute.
+ el.removeAttribute('d-html');
+ response.text().then((html) => {
+ console.log(Date.now())
+ requestIdleCallback(() => {
+ console.log(Date.now())
+ el.innerHTML = html;
+ })
+ })
+ })
+ });
}
function init () {