Update Build Configuration

README.md

@@ -45,5 +45,15 @@ Data Interchange Web is the Web implementation of Data Interchange
 ```shell
 git clone
 
-dart compile
+dart run build_runner build
+
+dart run build_runner serve
+
+dart run build_runner test
+
+dart run build_runner watch
+
+webdev build
+
+webdev serve
 ```

build.yaml

@@ -0,0 +1,30 @@
+targets:
+  $default:
+    builders:
+      build_web_compilers:entrypoint:
+        generate_for:
+        - test/**.dart
+        - lib/**.dart
+        options:
+          compilers:
+            dartdevc:
+              args:
+
+            dart2js:
+              args:
+
+            dart2wasm:
+              args:
+
+        dev_options:
+          compilers:
+            dartdevc:
+              args:
+
+        release_options:
+          compilers:
+            dart2js:
+              args:
+
+            dart2wasm:
+              args:

lib/elements.dart

@@ -0,0 +1,227 @@
+import 'package:web/web.dart';
+
+// Hypertext Markup Language Elements
+
+Element anchor = document.querySelector('a')!;
+
+Element abbreviation = document.querySelector('abbr')!;
+
+Element contactAddress = document.querySelector('address')!;
+
+Element imageMapArea = document.querySelector('area')!;
+
+Element article = document.querySelector('article')!;
+
+Element aside = document.querySelector('aside')!;
+
+Element audio = document.querySelector('audio')!;
+
+Element bringAttentionTo = document.querySelector('b')!;
+
+Element baseUniformResourceLocator = document.querySelector('base')!;
+
+Element bidirectionalIsolate = document.querySelector('bdi')!;
+
+Element bidirectionalTextOverride = document.querySelector('bdo')!;
+
+Element blockQuotation = document.querySelector('blockquote')!;
+
+Element body = document.querySelector('body')!;
+
+Element lineBreak = document.querySelector('br')!;
+
+Element button = document.querySelector('button')!;
+
+Element graphicscanvas = document.querySelector('canvas')!;
+
+Element caption = document.querySelector('caption')!;
+
+Element citation = document.querySelector('cite')!;
+
+Element inlineCode = document.querySelector('code')!;
+
+Element column = document.querySelector('col')!;
+
+Element columnGroup = document.querySelector('colgroup')!;
+
+Element data = document.querySelector('data')!;
+
+Element dataList = document.querySelector('datalist')!;
+
+Element descriptionDetails = document.querySelector('dd')!;
+
+Element deletedText = document.querySelector('del')!;
+
+Element detailsDisclosure = document.querySelector('details')!;
+
+Element definition = document.querySelector('dfn')!;
+
+Element dialog = document.querySelector('dialog')!;
+
+Element division = document.querySelector('div')!;
+
+Element descriptionList = document.querySelector('dl')!;
+
+Element descriptionTerm = document.querySelector('dt')!;
+
+Element emphasis = document.querySelector('em')!;
+
+Element embedded = document.querySelector('embed')!;
+
+Element fieldSet = document.querySelector('fieldset')!;
+
+Element figureCaption = document.querySelector('figcaption')!;
+
+Element figure = document.querySelector('figure')!;
+
+Element footer = document.querySelector('footer')!;
+
+Element form = document.querySelector('form')!;
+
+Element sectionHeadingOne = document.querySelector('h1')!;
+
+Element sectionHeadingTwo = document.querySelector('h2')!;
+
+Element sectionHeadingThree = document.querySelector('h3')!;
+
+Element sectionHeadingFour = document.querySelector('h4')!;
+
+Element sectionHeadingFive = document.querySelector('h5')!;
+
+Element sectionHeadingSix = document.querySelector('h6')!;
+
+Element heading = document.querySelector('head')!;
+
+Element header = document.querySelector('header')!;
+
+Element headingGroup = document.querySelector('hgroup')!;
+
+Element thematicBreakHorizontalRule = document.querySelector('hr')!;
+
+Element documentRoot = document.querySelector('html')!;
+
+Element idiomaticText = document.querySelector('i')!;
+
+Element inlineFrame = document.querySelector('iframe')!;
+
+Element image = document.querySelector('img')!;
+
+Element input = document.querySelector('input')!;
+
+Element insertedText = document.querySelector('ins')!;
+
+Element keyboardInput = document.querySelector('kbd')!;
+
+Element label = document.querySelector('label')!;
+
+Element fieldSetlegend = document.querySelector('legend')!;
+
+Element listItem = document.querySelector('li')!;
+
+Element hyperLink = document.querySelector('link')!;
+
+Element mainElement = document.querySelector('main')!;
+
+Element imageMap = document.querySelector('map')!;
+
+Element markedText = document.querySelector('mark')!;
+
+Element menu = document.querySelector('menu')!;
+
+Element metaData = document.querySelector('meta')!;
+
+Element meter = document.querySelector('meter')!;
+
+Element navigationSection = document.querySelector('nav')!;
+
+Element noScript = document.querySelector('noscript')!;
+
+Element object = document.querySelector('object')!;
+
+Element orderedList = document.querySelector('ol')!;
+
+Element optionGroup = document.querySelector('optgroup')!;
+
+Element option = document.querySelector('option')!;
+
+Element output = document.querySelector('output')!;
+
+Element paragraph = document.querySelector('p')!;
+
+Element picture = document.querySelector('picture')!;
+
+Element preformattedText = document.querySelector('pre')!;
+
+Element progressIndicator = document.querySelector('progress')!;
+
+Element inlineQuotation = document.querySelector('q')!;
+
+Element rubyFallbackParenthesis = document.querySelector('rp')!;
+
+Element rubyText = document.querySelector('rt')!;
+
+Element rubyAnnotation = document.querySelector('ruby')!;
+
+Element strikethrough = document.querySelector('s')!;
+
+Element sampleOutput = document.querySelector('samp')!;
+
+Element script = document.querySelector('script')!;
+
+Element search = document.querySelector('search')!;
+
+Element genericSection = document.querySelector('section')!;
+
+Element select = document.querySelector('select')!;
+
+Element webComponentSlot = document.querySelector('slot')!;
+
+Element sideComment = document.querySelector('small')!;
+
+Element mediaSource = document.querySelector('source')!;
+
+Element span = document.querySelector('span')!;
+
+Element strongImportance = document.querySelector('strong')!;
+
+Element style = document.querySelector('style')!;
+
+Element subscript = document.querySelector('sub')!;
+
+Element disclosureSummary = document.querySelector('summary')!;
+
+Element superscript = document.querySelector('sup')!;
+
+Element table = document.querySelector('table')!;
+
+Element tableBody = document.querySelector('tbody')!;
+
+Element tableDataCell = document.querySelector('td')!;
+
+Element template = document.querySelector('template')!;
+
+Element textArea = document.querySelector('textarea')!;
+
+Element tableFoot = document.querySelector('tfoot')!;
+
+Element tableHeader = document.querySelector('th')!;
+
+Element tableHeading = document.querySelector('thead')!;
+
+Element dateTime = document.querySelector('time')!;
+
+Element title = document.querySelector('title')!;
+
+Element tableRow = document.querySelector('tr')!;
+
+Element embeddedTextTrack = document.querySelector('track')!;
+
+Element unarticulatedAnnotationUnderline = document.querySelector('u')!;
+
+Element unorderedList = document.querySelector('ul')!;
+
+Element variable = document.querySelector('var')!;
+
+Element video = document.querySelector('video')!;
+
+Element lineBreakOpportunity = document.querySelector('wbr')!;

lib/main.dart

@@ -1,7 +1,6 @@
 import 'package:web/web.dart';
-
-Element div = document.querySelector('div')!;
+import 'package:data_interchange/elements.dart';
 
 void main() async {
-  div.text = 'Data Interchange';
+  division.text = 'Data Interchange';
 }