You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: CHANGELOG.md
+16-6Lines changed: 16 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -23,14 +23,20 @@ Overall the core Framework files and API are expected to remain stable however t
23
23
* Many updates have been made for overall improvement of DataFormsJS Web Components
24
24
* The updates are significant and make using the Web Components much easier for complex apps and sites; and provide for wider browser support.
25
25
* The new features make for an easier to use API for customizing content on page after data is displayed. Previously the places demo required a lot of custom JavaScript on the page in order to display flag icons, format table data, and additional items.
26
-
* Added ability to polyfill Web Components for older browsers using the standard Framework that gets loaded from a single file.
27
-
* Examples:
26
+
* Added ability to polyfill Web Components for older browsers using the standard Framework that gets loaded from a single file and then that file `polyfill.js` loads additional framework files as needed.
* Added new easier to use API for `<url-router>` and `<json-data>` Web Components
35
41
* Added ability to define custom `<template>` for table `<tr>` in `<data-table>`
36
42
* Improvements for `<json-data>`
@@ -46,22 +52,23 @@ Overall the core Framework files and API are expected to remain stable however t
46
52
* A similar update has been made for the main DataFormsJS Framework `app.buildUrl()`.
47
53
* Added new attribute `[transform-data]` that allows for a JavaScript function to be specified and used to transform the downloaded data before it is passed to other elements.
48
54
* Added new Web Component `<nav is="spa-links">`. Previously SPA Nav Links were handled from custom JavaScript code on the page. Now this functionality is much easier for a site to include as only HTML is needed.
49
-
*`<url-router>` and `<url-hash-router>` are now combined into one component `<url-router>` and `<url-hash-router>` has been removed
55
+
*`<url-router>` and `<url-hash-router>` are now combined into one component `<url-router>` and `<url-hash-router>` has been removed.
50
56
*`<url-router>` now has the ability to lazy load scripts (CSS and JavaScript) per route in a similar manner to the main framework using the new `window.lazyLoad` option and related HTML Attributes.
51
57
* New Class `WebComponentService` which can be used to define "service" Web Components
52
58
* The term "service" is used here because the intended use is that components created with this class do not render content but rather provide a service that updates other elements on the page based on HTML attributes element class names, etc. and that the service needs to run when content on the page changes from SPA routes or JSON Services.
53
59
* This is a similar concept to the DataFormsJS Framework Plugins feature allowing for custom functionality to be defined easily and with little API code outside of standard DOM and JavaScript.
54
-
* This will be used by all DataFormsJS Web Components that end with "service" in the component name.
60
+
* This will be used by all DataFormsJS Web Components that end with "service" in the component name.
55
61
* Added new Web Component `<data-view>` and related Framework JavaScript Control for viewing data from `<json-data>` or other web components.
56
62
* Added new Web Component `<keydown-action-service>`. Based on Framework Plugin `js/plugins/keydownAction.js`
57
63
* Added new Web Component `<html-import-service>`. Based on standard framework features for `[data-template-url]` and `[data-template-id]`.
58
64
* Added new Web Component `<show-errors-service>`. Based on standard framework features for `<html data-show-errors>`.
59
65
* Added new Web Component `<prism-service>`. Based on Framework Plugin `js/plugins/prism.js`
60
66
* Added ability to style errors using CSS from `utils.js` when calling `showError(element, message)` or `showErrorAlert(message)`.
61
67
* New functions in `utils.js`: `loadCss(id, css)`, `isAttachedToDom(element)`
62
-
* Added `[X]` Close Button for `js/web-components/old-browser-warning.js` so that users can close the alert. With the new close button using `js/web-components/safari-nomodule.js` is no longer needed, however the file is stil being kept for reference and sites that want to customize and use it.
68
+
* Added `[X]` Close Button for `js/web-components/old-browser-warning.js` so that users can close the alert. With the new close button using `js/web-components/safari-nomodule.js` is no longer needed, however the file is still being kept for reference and sites that want to customize and use it.
63
69
*`js\web-components\data-list.js`
64
70
* Added HTML attribute `root-attr` which allows for any attribute to be set on the root element. Previously only the `class` could be set from `root-class`. The attribute `root-class` is still supported.
71
+
* For `<url-router>` and DataFormsJS Framework when using HTMl5 History Mode (pushState, popstate) the Mac `Command` Key is now supported so users can open SPA links in a separate tab. Previously the only the `{Control}` key worked which is used on Windows for new tags and on Mac for a context menu (right-click menu).
65
72
* Added Node Support for `jsxLoader`
66
73
* Previously `jsxLoader` only worked in a browser.
67
74
* Now several API's are available for node `{ jsxLoader, transform(jsx, options) }`
@@ -94,6 +101,7 @@ Overall the core Framework files and API are expected to remain stable however t
* Bug fix for`js/pages/entryForm.js` where the `saveUrl` did not allow for variables from the model if the URLof the page did not include any URL parameters.
96
103
* All Leaflet code has been updated to download map images using `https` instead of`http`; originally when DataFormsJS was published `https` was not available as a free option for leaflet.
104
+
* Additionally error messages have been improved for Leaflet.
97
105
* Files updates:
98
106
*`<leaflet-map>` Web Component
99
107
*`LeafletMap` React Component and main `DataFormsJS.js` React file
@@ -108,7 +116,9 @@ The Web Components have the most complex breaking changes related to API usage h
108
116
* Removed `<url-hash-router>`
109
117
* This can now be replaced with`<url-router>`
110
118
*`<url-router>` previously only worked withHTML5History Routes `pushState/popstate`. To use history routes now use `<url-router mode="history">`
111
-
*`js/web-components/utils.js`- Removed `showOldBrowserWarning()`. The feature has been replaced with the new`js/web-components/polyfill.js` and a function `usingWebComponentsPolyfill()`
119
+
*`js/web-components/utils.js`
120
+
* Removed `showOldBrowserWarning()`. The feature has been replaced with the new`js/web-components/polyfill.js` and also the file `js/web-components/old-browser-warning.js` now includes a [X] close button so it it runs on Safari 10.1 or an old Chromium browser that doesn't support [nomodule] the user can simply close the alert.
121
+
* Removed `componentsAreSetup()`. This function is no longer needed and the logic related to it's usage prevented Web Components from working with React and was not fully valid based on Custom Element specs because elements were writing HTML attributes on their `constructor()`.
112
122
* Web Components APIfor`<json-data>`, `<url-router>` have been changed significantly. Previously the API required `async/await` from module JavaScript and was complex to use. It has now been simplified so that events bubble up to the document can be handled easily from the root documentevent listener and so standard JavaScript functions can be called from HTML attributes.
0 commit comments