🌟 DataFormsJS 🌟 A minimal JavaScript Framework, standalone React and Web Components, and JSX Compiler for rapid development of high quality websites and single page applications.
MIT License
Bot releases are hidden (Show)
Published by ConradSollitt over 3 years ago
<data-list>
Web Component to clear innerHTML
when an empty list is passed to the value
property.
<data-list>
Controlformat.date()
, format.dateTime()
, format.time()
to handle null or empty strings
js/web-components/utils-format.js
js/react/es6/Format.js
js/extensions/format.js
<data-table>
or other templating code called <td>${format.date(startDate)}</td>
and startDate
was null then the value 12/31/1969
would be displayed because it's the starting Unix time.<td>${startDate === null ? '' : format.date(startDate)}</td>
Published by ConradSollitt over 3 years ago
@babel/standalone
from 7.12.9
to 7.12.12
. At the time of release Babel is update to version 7.13.12
however builds starting at 7.12.13
have a broken regex for IE<hr/>
. With previous releases <hr/>
caused a compiler error while including the space <hr />
worked.app
css-vars-ponyfill
from 2.4.2
to 2.4.3
and added support for CSS Ponyfill/Polyfill on inline <style>
elements that include the attribute data-css-vars-ponyfill
CssVars
for React
[data-css-vars-ponyfill]
attribute simply needs to be included on the style sheet, example:<link rel="stylesheet" href="css/site.css" data-css-vars-ponyfill>
CssVars.ponyfill()
from JavaScriptcss-vars-ponyfill
one time when the page is first loaded.Published by ConradSollitt over 3 years ago
filter.js
Plugin to handle sort.js
classes data-sort-class-odd
and data-sort-class-even
when using table column filters (typically for a click to filter event). Previously the classes were handled for general table filters.Published by ConradSollitt over 3 years ago
<data-table>
Web Component and Framework Control
data-footer
with either <template data-footer>
or <script type="text/x-template" data-footer>
<tfoot>
element will be rendered and it allows for summary functions to report off of table details:
count()
sum('field')
min('field')
max('field')
avg('field')
http://127.0.0.1:8080/web-components-data-table
and view source https://github.com/dataformsjs/dataformsjs/blob/master/examples/web-components-data-table.htm
format.round(number, decimalPlaces)
, function added for Web Components, Framework, and React Class:
<JsonData>
Component
childProps
which can be used to pass props from a higher level component to the child components in the isLoaded
property. This can be used to pass hook functions and data needed by the child component that doesn't come from the Web Service.app.jsTemplate.compile()
to support an array for the first parameter.
<data-table>
Published by ConradSollitt almost 4 years ago
polyfill.js
for basic Web Pages when not SPA<export-to-csv-service>
based on js/plugins/exportToCsv.js
<highlighter-service>
based on js/plugins/highlighter.js
<filter-service>
based on js/plugins/filter.js
. This service Web Component would be used instead of <input is="input-filter">
for apps that use clickable elements to filter and other advanced functionality not included in the smaller input-filter
Component.http://127.0.0.1:8080/log-table-web-services#/10
<nav is="spa-links">
to include new option [data-nav-match="start"]
setElementText()
from file js/web-components/utils.js
input, select, textarea
were having the innerText
set rather than the value
property to to a string compare error<json-data>
for [data-bind]
and <url-router>
for [url-param]
[data-css-vars-ponyfill]
attribute simply needs to be included on the style sheet, example:<link rel="stylesheet" href="css/site.css" data-css-vars-ponyfill>
css-vars-ponyfill
one time when the page is first loaded.app.cssVarsPonyfill()
and a new property app.settings.cssPonyfillUrl
js/plugins/exportToCsv.js
- Added support to export using [data-value]
attributes if they exist. data-value
is used for Sorting and if used contains the expected number or date format needed for exporting.js/plugins/navLinks.js
to include new option [data-nav-match="start"]
enumerable: true
for the version
property. Affects two files:
DataFormsJS.js
filejsxLoader.js
filePublished by ConradSollitt almost 4 years ago
<json-data>
url
and urlParams
. Previously only getters were defined and this resulted in the Component not working with Preact.version
property for two files:
DataFormsJS.js
filejsxLoader.js
filescripts/build.js
using the value from package.json
when the version changes. Version is included in the full source DataFormsJS.js, jsxLoader.js
and in the *.min.js
files.// Framework
DataFormsJS.version === '5.5.0'
app.version === '5.5.0'
// JSX Loader
jsxLoader.version === '5.5.0'
DOMContentLoaded
event runs.credentials
.// New default options
jsxLoader.fetchOptions = {
mode: 'cors',
cache: 'no-store',
credentials: 'same-origin',
};
// Previously `null` was used for `fetch(url, null)` so the following
// can be used if needed or `fetchOptions` can be customized for apps
// that need to use security to fetch JSX Templates:
jsxLoader.fetchOptions = null;
window
object.Published by ConradSollitt almost 4 years ago
<markdown-content>
url, show-source, loading-selector
attributes together.show-source
while content from url
was still being downloaded.<markdown-content
url="https://raw.githubusercontent.com/dataformsjs/dataformsjs/master/README.md"
show-source
loading-selector="#loading-screen">
</markdown-content>
Published by ConradSollitt almost 4 years ago
data-type="module"
on scripts. This feature was added on Babel Standalone 7.10.0
7.12.6
to the latest version 7.12.9
.Published by ConradSollitt almost 4 years ago
<input is="input-filter">
could previously run too soon for long running web services when the content was waiting on data downloaded from <json-data>
. The result was 0 Records Found
message depending on the app. This has now been fixed.window.usingWebComponentsPolyfill = true
as soon as the file will be used. This allows for apps to handle logic much quicker when DOMContentLoaded
is handled.<markdown-content>
has an added value
property to match the API of the related Web Component.Published by ConradSollitt almost 4 years ago
There have been a total of 56 versions of DataFormsJS
published on npm
since it was first published a little over a year ago:
https://www.npmjs.com/package/dataformsjs
However starting today with release 5.3.0
each version will also be published with a Github release.
Details of all past releases are documented in the CHANGELOG:
https://github.com/dataformsjs/dataformsjs/blob/master/CHANGELOG.md