Skip to content
Browse files

The JavaScript new operator is now optional when creating instances o…

…f Uize subclasses, and you can make the new operator optional for your own object constructors using the newly added Uize.noNew static method.
  • Loading branch information...
1 parent d626e85 commit aeb0b7dec104e5c2a573ef241caba54785c888f2 @UIZE committed Dec 23, 2011
Showing with 2,472 additions and 2,373 deletions.
  1. +1 −1 HELLO-WORLD.html
  2. +1 −1 _build-env.json
  3. +1 −1 appendixes/credits.html
  4. +1 −1 appendixes/glossary.html
  5. +1 −1 appendixes/html-style-guide.html
  6. +1 −1 appendixes/javascript-code-conventions.html
  7. +1 −1 appendixes/javascript-fun.html
  8. +1 −1 appendixes/javascript-interview-questions.html
  9. +1 −1 appendixes/javascript-optimization.html
  10. +1 −1 appendixes/press-center.html
  11. +1 −1 appendixes/showcase.html
  12. +30 −30 appendixes/sotu.html
  13. +1 −1 appendixes/sotu.html.jst
  14. +4 −4 appendixes/to-do-documentation.html
  15. +3 −3 appendixes/to-do-documentation.simple
  16. +3 −3 appendixes/to-do-general.html
  17. +1 −1 appendixes/to-do-general.simple
  18. +1,751 −1,696 appendixes/to-do-modules.html
  19. +138 −94 appendixes/to-do-modules.simple
  20. +1 −1 appendixes/to-do-news-announcements.html
  21. +1 −1 directory.html
  22. +1 −1 directory.html.jst
  23. +1 −1 download.html
  24. +1 −1 endorsements.html
  25. +1 −1 examples/3d-rotation-viewer.html
  26. +1 −1 examples/animate-position-in-javascript.html
  27. +1 −1 examples/animate-size-in-javascript.html
  28. +1 −1 examples/animated-buttons-with-box-shadow.html
  29. +1 −1 examples/auto-tooltip-generic.html
  30. +1 −1 examples/auto-tooltip-photo-info.html
  31. +2 −2 examples/bars.html
  32. +1 −1 examples/bevel-on-multiple-images.html
  33. +1 −1 examples/bevel.html
  34. +1 −1 examples/button-toggle.html
  35. +1 −1 examples/button-types.html
  36. +1 −1 examples/button.html
  37. +1 −1 examples/calendar-controls-wikipedia.html
  38. +1 −1 examples/calendar.html
  39. +1 −1 examples/collection-dynamic.html
  40. +2 −2 examples/collection-item-coupled-zooming.html
  41. +1 −1 examples/collection-item-zooming-with-image-switching.html
  42. +1 −1 examples/collection-item-zooming.html
  43. +1 −1 examples/color-cube-with-pickers.html
  44. +1 −1 examples/color-cube.html
  45. +3 −3 examples/color-format-converter.html
  46. +1 −1 examples/color-gradient-tool.html
  47. +1 −1 examples/color-picker.html
  48. +1 −1 examples/color-pickers-with-gradient.html
  49. +2 −2 examples/color-sort-by-rgb-proximity.html
  50. +3 −3 examples/curve-explorer.html
  51. +1 −1 examples/date-picker.html
  52. +1 −1 examples/decorated-confirm.html
  53. +1 −1 examples/dialog-resizable.html
  54. +1 −1 examples/dialog.html
  55. +1 −1 examples/digital-clock.html
  56. +1 −1 examples/domain-list-editor.html
  57. +1 −1 examples/drag-to-move.html
  58. +1 −1 examples/edge-virtual-dom-events.html
  59. +1 −1 examples/enabled-busy-in-widget-tree.html
  60. +2 −2 examples/fade-as-a-color-chart.html
  61. +2 −2 examples/fade-as-a-graph.html
  62. +1 −1 examples/fade-css-style-across-nodes.html
  63. +2 −2 examples/fade-quantization-chart.html
  64. +2 −2 examples/fading-an-object.html
  65. +1 −1 examples/fading-links.html
  66. +1 −1 examples/get-tree-from-list.html
  67. +1 −1 examples/get-tree-from-page.html
  68. +1 −1 examples/hierarchical-selector.html
  69. +1 −1 examples/hover-fader-color-effects.html
  70. +1 −1 examples/hover-fader-for-thumbnails.html
  71. +1 −1 examples/hover-fader-stretching-menu.html
  72. +1 −1 examples/hover-fader-text-shadow-animation.html
  73. +1 −1 examples/image-port-drag.html
  74. +1 −1 examples/image-port-with-marquee.html
  75. +2 −2 examples/image-port-zoom-and-pan-tiled.html
  76. +1 −1 examples/image-port-zoom-and-pan.html
  77. +1 −1 examples/image-port.html
  78. +1 −1 examples/image-wipe.html
  79. +1 −1 examples/javascript-calculator-widget.html
  80. +1 −1 examples/javascript-scruncher.html
  81. +1 −1 examples/javascript-template-tester.html
  82. +1 −1 examples/json-prettifier.html
  83. +1 −1 examples/mag-view.html
  84. +1 −1 examples/marquee-and-image-port.html
  85. +1 −1 examples/marquee-modes.html
  86. +1 −1 examples/marquee-with-rest-update.html
  87. +1 −1 examples/marquee.html
  88. +1 −1 examples/mask.html
  89. +1 −1 examples/options-dynamic.html
  90. +1 −1 examples/options.html
  91. +1 −1 examples/populating-photo-details.html
  92. +1 −1 examples/population-structured-record.html
  93. +1 −1 examples/progress-bar.html
  94. +1 −1 examples/scrolly-carousel.html
  95. +1 −1 examples/scrolly.html
  96. +2 −2 examples/sequenced-show-using-swap.html
  97. +3 −3 examples/sequenced-show.html
  98. +1 −1 examples/set-node-value-multi-select.html
  99. +1 −1 examples/set-node-value.html
  100. +1 −1 examples/seven-segment-display.html
  101. +1 −1 examples/shared-ui.html
  102. +1 −1 examples/simple-data-tester.html
  103. +1 −1 examples/simple-doc-tester.html
  104. +1 −1 examples/slider-built-in-skin.html
  105. +1 −1 examples/slider-chars-used.html
  106. +1 −1 examples/slider-plus.html
  107. +1 −1 examples/slider.html
  108. +1 −1 examples/sliders-as-rgb-selectors.html
  109. +1 −1 examples/sliders-from-template.html
  110. +1 −1 examples/sliders-in-color-blender.html
  111. +1 −1 examples/slideshow-mantle.html
  112. +1 −1 examples/slideshow-of-data.html
  113. +1 −1 examples/slideshow-with-dissolve.html
  114. +1 −1 examples/slideshow-with-wipes.html
  115. +1 −1 examples/slideshow.html
  116. +2 −2 examples/sortable-color-table.html
  117. +2 −2 examples/source-code/3d-rotation-viewer.html
  118. +2 −2 examples/source-code/animate-position-in-javascript.html
  119. +2 −2 examples/source-code/animate-size-in-javascript.html
  120. +2 −2 examples/source-code/animated-buttons-with-box-shadow.html
  121. +2 −2 examples/source-code/auto-tooltip-generic.html
  122. +2 −2 examples/source-code/auto-tooltip-photo-info.html
  123. +3 −3 examples/source-code/bars.html
  124. +2 −2 examples/source-code/bevel-on-multiple-images.html
  125. +2 −2 examples/source-code/bevel.html
  126. +2 −2 examples/source-code/button-toggle.html
  127. +2 −2 examples/source-code/button-types.html
  128. +2 −2 examples/source-code/button.html
  129. +2 −2 examples/source-code/calendar-controls-wikipedia.html
  130. +2 −2 examples/source-code/calendar.html
  131. +2 −2 examples/source-code/collection-dynamic.html
  132. +3 −3 examples/source-code/collection-item-coupled-zooming.html
  133. +2 −2 examples/source-code/collection-item-zooming-with-image-switching.html
  134. +2 −2 examples/source-code/collection-item-zooming.html
  135. +2 −2 examples/source-code/color-cube-with-pickers.html
  136. +2 −2 examples/source-code/color-cube.html
  137. +4 −4 examples/source-code/color-format-converter.html
  138. +2 −2 examples/source-code/color-gradient-tool.html
  139. +2 −2 examples/source-code/color-picker.html
  140. +2 −2 examples/source-code/color-pickers-with-gradient.html
  141. +3 −3 examples/source-code/color-sort-by-rgb-proximity.html
  142. +4 −4 examples/source-code/curve-explorer.html
  143. +2 −2 examples/source-code/date-picker.html
  144. +2 −2 examples/source-code/decorated-confirm.html
  145. +2 −2 examples/source-code/dialog-resizable.html
  146. +2 −2 examples/source-code/dialog.html
  147. +2 −2 examples/source-code/digital-clock.html
  148. +2 −2 examples/source-code/domain-list-editor.html
  149. +2 −2 examples/source-code/drag-to-move.html
  150. +2 −2 examples/source-code/edge-virtual-dom-events.html
  151. +2 −2 examples/source-code/enabled-busy-in-widget-tree.html
  152. +3 −3 examples/source-code/fade-as-a-color-chart.html
  153. +3 −3 examples/source-code/fade-as-a-graph.html
  154. +2 −2 examples/source-code/fade-css-style-across-nodes.html
  155. +3 −3 examples/source-code/fade-quantization-chart.html
  156. +3 −3 examples/source-code/fading-an-object.html
  157. +2 −2 examples/source-code/fading-links.html
  158. +2 −2 examples/source-code/get-tree-from-list.html
  159. +2 −2 examples/source-code/get-tree-from-page.html
  160. +2 −2 examples/source-code/hierarchical-selector.html
  161. +2 −2 examples/source-code/hover-fader-color-effects.html
  162. +2 −2 examples/source-code/hover-fader-for-thumbnails.html
  163. +2 −2 examples/source-code/hover-fader-stretching-menu.html
  164. +2 −2 examples/source-code/hover-fader-text-shadow-animation.html
  165. +2 −2 examples/source-code/image-port-drag.html
  166. +2 −2 examples/source-code/image-port-with-marquee.html
  167. +3 −3 examples/source-code/image-port-zoom-and-pan-tiled.html
  168. +2 −2 examples/source-code/image-port-zoom-and-pan.html
  169. +2 −2 examples/source-code/image-port.html
  170. +2 −2 examples/source-code/image-wipe.html
  171. +2 −2 examples/source-code/javascript-calculator-widget.html
  172. +2 −2 examples/source-code/javascript-scruncher.html
  173. +2 −2 examples/source-code/javascript-template-tester.html
  174. +2 −2 examples/source-code/json-prettifier.html
  175. +2 −2 examples/source-code/mag-view.html
  176. +2 −2 examples/source-code/marquee-and-image-port.html
  177. +2 −2 examples/source-code/marquee-modes.html
  178. +2 −2 examples/source-code/marquee-with-rest-update.html
  179. +2 −2 examples/source-code/marquee.html
  180. +2 −2 examples/source-code/mask.html
  181. +2 −2 examples/source-code/options-dynamic.html
  182. +2 −2 examples/source-code/options.html
  183. +2 −2 examples/source-code/populating-photo-details.html
  184. +2 −2 examples/source-code/population-structured-record.html
  185. +2 −2 examples/source-code/progress-bar.html
  186. +2 −2 examples/source-code/scrolly-carousel.html
  187. +2 −2 examples/source-code/scrolly.html
  188. +3 −3 examples/source-code/sequenced-show-using-swap.html
  189. +4 −4 examples/source-code/sequenced-show.html
  190. +2 −2 examples/source-code/set-node-value-multi-select.html
  191. +2 −2 examples/source-code/set-node-value.html
  192. +2 −2 examples/source-code/seven-segment-display.html
  193. +2 −2 examples/source-code/shared-ui.html
  194. +2 −2 examples/source-code/simple-data-tester.html
  195. +2 −2 examples/source-code/simple-doc-tester.html
  196. +2 −2 examples/source-code/slider-built-in-skin.html
  197. +2 −2 examples/source-code/slider-chars-used.html
  198. +2 −2 examples/source-code/slider-plus.html
  199. +2 −2 examples/source-code/slider.html
  200. +2 −2 examples/source-code/sliders-as-rgb-selectors.html
  201. +2 −2 examples/source-code/sliders-from-template.html
  202. +2 −2 examples/source-code/sliders-in-color-blender.html
  203. +2 −2 examples/source-code/slideshow-mantle.html
  204. +2 −2 examples/source-code/slideshow-of-data.html
  205. +2 −2 examples/source-code/slideshow-with-dissolve.html
  206. +2 −2 examples/source-code/slideshow-with-wipes.html
  207. +2 −2 examples/source-code/slideshow.html
  208. +3 −3 examples/source-code/sortable-color-table.html
  209. +2 −2 examples/source-code/swap-deck.html
  210. +2 −2 examples/source-code/swap-html.html
  211. +2 −2 examples/source-code/swap-image-cycle.html
  212. +2 −2 examples/source-code/swap-image-png.html
  213. +2 −2 examples/source-code/swap-image.html
  214. +2 −2 examples/source-code/tabbed-interface-with-fade.html
  215. +2 −2 examples/source-code/tabbed-interface.html
  216. +2 −2 examples/source-code/table-sort-basic.html
  217. +2 −2 examples/source-code/table-sort-complex.html
  218. +2 −2 examples/source-code/templates-list.html
  219. +2 −2 examples/source-code/thumbzoom.html
  220. +3 −3 examples/source-code/transferring-state.html
  221. +2 −2 examples/source-code/tree-list.html
  222. +2 −2 examples/source-code/tree-menu.html
  223. +2 −2 examples/source-code/two-hierarchical-selectors.html
  224. +2 −2 examples/source-code/uize-unit-tests.html
  225. +2 −2 examples/source-code/virtual-dom-events.html
  226. +1 −1 examples/source-code/~SOURCE-CODE-TEMPLATE.html
  227. +1 −1 examples/swap-deck.html
  228. +1 −1 examples/swap-html.html
  229. +1 −1 examples/swap-image-cycle.html
  230. +1 −1 examples/swap-image-png.html
  231. +1 −1 examples/swap-image.html
  232. +1 −1 examples/tabbed-interface-with-fade.html
  233. +1 −1 examples/tabbed-interface.html
  234. +1 −1 examples/table-sort-basic.html
  235. +1 −1 examples/table-sort-complex.html
  236. +1 −1 examples/templates-list.html
  237. +1 −1 examples/thumbzoom.html
  238. +2 −2 examples/transferring-state.html
  239. +1 −1 examples/tree-list.html
  240. +1 −1 examples/tree-menu.html
  241. +1 −1 examples/two-hierarchical-selectors.html
  242. +1 −1 examples/uize-unit-tests.html
  243. +1 −1 examples/virtual-dom-events.html
  244. +1 −1 examples/~EXPERIMENTAL-accordion-interface.html
  245. +1 −1 examples/~EXPERIMENTAL-beam.html
  246. +2 −2 examples/~EXPERIMENTAL-color-theme-transformation.html
  247. +1 −1 examples/~EXPERIMENTAL-csv-json-converter.html
  248. +1 −1 examples/~EXPERIMENTAL-drag-move-with-release-travel.html
  249. +1 −1 examples/~EXPERIMENTAL-event-wiring-unwiring-test.html
  250. +1 −1 examples/~EXPERIMENTAL-fade-marquee.html
  251. +1 −1 examples/~EXPERIMENTAL-fade-slider.html
  252. +1 −1 examples/~EXPERIMENTAL-fade-style.html
  253. +1 −1 examples/~EXPERIMENTAL-fading-window-coordinates.html
  254. +1 −1 examples/~EXPERIMENTAL-hover-fader-sketch-pad.html
  255. +1 −1 examples/~EXPERIMENTAL-image-port-auto-pan.html
  256. +2 −2 examples/~EXPERIMENTAL-image-port-zoom-and-pan-tiled.html
  257. +1 −1 examples/~EXPERIMENTAL-make-color-combinations.html
  258. +2 −2 examples/~EXPERIMENTAL-pixelated-fade-into-focus.html
  259. +1 −1 examples/~EXPERIMENTAL-seven-segment-display-using-css-template.html
  260. +1 −1 examples/~EXPERIMENTAL-test-new-widget-adoption.html
  261. +1 −1 examples/~EXPERIMENTAL-tree-select.html
  262. +1 −1 examples/~EXPERIMENTAL-web-browser.html
  263. +1 −1 examples/~example-template.html
  264. +1 −1 explainers/all-about-scrunching.html
  265. +2 −2 explainers/building-uize-powered-pages.html
  266. +1 −1 explainers/building-uize-powered-pages.simple
  267. +1 −1 explainers/creating-a-new-uize-example-page.html
  268. +1 −1 explainers/creating-a-new-uize-module.html
  269. +1 −1 explainers/general-constructs.html
  270. +2 −2 explainers/general-constructs.simple
  271. +3 −3 explainers/getting-started.html
  272. +6 −6 explainers/getting-started.simple
  273. +1 −1 explainers/introduction-to-uize.html
  274. +7 −7 explainers/javascript-animation-and-effects.html
  275. +8 −8 explainers/javascript-animation-and-effects.simple
  276. +1 −1 explainers/javascript-bookmarklets.html
  277. +1 −1 explainers/javascript-build-scripts.html
  278. +5 −5 explainers/javascript-documentation-system.html
  279. +4 −4 explainers/javascript-documentation-system.simple
  280. +2 −2 explainers/javascript-dom-events.html
  281. +1 −1 explainers/javascript-dom-events.simple
  282. +4 −4 explainers/javascript-event-system.html
  283. +3 −3 explainers/javascript-event-system.simple
  284. +1 −1 explainers/javascript-inheritance.html
  285. +8 −8 explainers/javascript-libraries.html
  286. +15 −15 explainers/javascript-libraries.simple
  287. +1 −1 explainers/javascript-localization.html
  288. +1 −1 explainers/javascript-modules.html
  289. +1 −1 explainers/javascript-templates.html
  290. +1 −1 explainers/javascript-testing-framework.html
  291. +2 −2 explainers/javascript-troubleshooting.html
  292. +1 −1 explainers/javascript-troubleshooting.simple
  293. +20 −20 explainers/javascript-widgets.html
  294. +21 −21 explainers/javascript-widgets.simple
  295. +5 −5 explainers/overview-of-features.html
  296. +4 −4 explainers/overview-of-features.simple
  297. +1 −1 explainers/philosophy-of-uize.html
  298. +1 −1 explainers/set-get-properties.html
  299. +1 −1 explainers/using-the-delve-tool.html
  300. +1 −1 explainers/using-the-documentation.html
Sorry, we could not display the entire diff because too many files (1,593) changed.
View
2 HELLO-WORLD.html
@@ -68,7 +68,7 @@
],
builder:function () {
/*** create the hover fader child widget ***/
- var hoverFader = new Uize.Widget.HoverFader ({
+ var hoverFader = Uize.Widget.HoverFader ({
nodes:{root:'helloWorld',tagName:'div'},
defaultStyle:{color:'#3',fontSize:50,textIndent:0},
hoverStyle:{color:'#ffa200',fontSize:100,textIndent:-15},
View
2 _build-env.json
@@ -1,5 +1,5 @@
{
- alwaysBuild:false,
+ alwaysBuild:true,
buildFolderPath:'',
buildSequence:[
/* IMPORTANT:
View
2 appendixes/credits.html
@@ -86,7 +86,7 @@ <h1 class="document-title">
Uize.module ({
required:'UizeDotCom.Page.library',
- builder:function () {(window.page = new UizeDotCom.Page).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page ()).wireUi ()}
});
</script>
View
2 appendixes/glossary.html
@@ -190,7 +190,7 @@ <h2 class="heading2" title="2. Terms -&gt; 2.11. Thinterface"><span class="headi
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/html-style-guide.html
@@ -226,7 +226,7 @@ <h2 class="heading2" title="4. General Practices -&gt; 4.2. Keep Commented Out C
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/javascript-code-conventions.html
@@ -635,7 +635,7 @@ <h2 class="heading2" title="6. Interfaces -&gt; 6.4. Don&apos;t Access Globals F
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/javascript-fun.html
@@ -262,7 +262,7 @@ <h1 class="heading1" title="3. UIZE Trivia"><span class="headingNumber"><a href=
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/javascript-interview-questions.html
@@ -942,7 +942,7 @@ <h3 class="heading3" title="3. Answers -&gt; 3.10. ANSWER: Split List String, Us
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/javascript-optimization.html
@@ -878,7 +878,7 @@ <h2 class="heading2" title="5. General Code Performance Optimization -&gt; 5.1.
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/press-center.html
@@ -313,7 +313,7 @@ <h2 class="heading2" title="4. Coverage -&gt; 4.12. 2006-06-05 - UIZE (web2weblo
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/showcase.html
@@ -99,7 +99,7 @@ <h1 class="document-title">
Uize.module ({
required:'UizeDotCom.Page.library',
- builder:function () {(window.page = new UizeDotCom.Page).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page ()).wireUi ()}
});
</script>
View
60 appendixes/sotu.html
@@ -139,7 +139,7 @@ <h1 class="document-title">
<div class="bar highNumbersGood"><div class="barFull" style="width:100%;"></div></div>100.0%
</td>
<td class="numericalValue">
- <div class="bar highNumbersGood"><div class="barFull" style="width:95%;"></div></div>95.0%
+ <div class="bar highNumbersGood"><div class="barFull" style="width:100%;"></div></div>100.0%
</td>
<td class="numericalValue">
<div class="bar highNumbersGood"><div class="barFull" style="width:38%;"></div></div>38.0%
@@ -148,8 +148,8 @@ <h1 class="document-title">
<div class="bar highNumbersGood"><div class="barFull" style="width:17%;"></div></div>1
</td>
<td class="numericalValue">
- <div class="bar "><div class="barFull" style="width:85%;"></div></div>
- 12869
+ <div class="bar "><div class="barFull" style="width:86%;"></div></div>
+ 12991
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:43%;"></div></div>
@@ -365,7 +365,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:33%;"></div></div>
- 5063
+ 5075
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:7%;"></div></div>
@@ -509,7 +509,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:17%;"></div></div>
- 2772
+ 2768
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -1517,7 +1517,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:100%;"></div></div>
- 15109
+ 15107
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:11%;"></div></div>
@@ -1877,7 +1877,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:7%;"></div></div>
- 1258
+ 1270
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -2525,7 +2525,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:8%;"></div></div>
- 1423
+ 1419
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -2921,7 +2921,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:13%;"></div></div>
- 2148
+ 2144
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3245,7 +3245,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:10%;"></div></div>
- 1764
+ 1751
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3461,7 +3461,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:9%;"></div></div>
- 1576
+ 1572
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3677,7 +3677,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:32%;"></div></div>
- 4989
+ 4987
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3749,7 +3749,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:12%;"></div></div>
- 2047
+ 2039
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3821,7 +3821,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:15%;"></div></div>
- 2443
+ 2437
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -3929,7 +3929,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:36%;"></div></div>
- 5590
+ 5586
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:9%;"></div></div>
@@ -4145,7 +4145,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:5%;"></div></div>
- 989
+ 985
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:2%;"></div></div>
@@ -4181,7 +4181,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:4%;"></div></div>
- 832
+ 828
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -4469,7 +4469,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:9%;"></div></div>
- 1549
+ 1545
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -4505,7 +4505,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:7%;"></div></div>
- 1238
+ 1234
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -4901,7 +4901,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:35%;"></div></div>
- 5447
+ 5445
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:2%;"></div></div>
@@ -4973,7 +4973,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:11%;"></div></div>
- 1846
+ 1842
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:2%;"></div></div>
@@ -5009,7 +5009,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:4%;"></div></div>
- 822
+ 818
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -5153,7 +5153,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:30%;"></div></div>
- 4655
+ 4651
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -5441,7 +5441,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:7%;"></div></div>
- 1240
+ 1236
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -5765,7 +5765,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:22%;"></div></div>
- 3454
+ 3450
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -5873,7 +5873,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:16%;"></div></div>
- 2657
+ 2653
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -6089,7 +6089,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:8%;"></div></div>
- 1472
+ 1468
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -6125,7 +6125,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:17%;"></div></div>
- 2813
+ 2809
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:7%;"></div></div>
@@ -6413,7 +6413,7 @@ <h1 class="document-title">
</td>
<td class="numericalValue">
<div class="bar "><div class="barFull" style="width:21%;"></div></div>
- 3347
+ 3335
</td>
<td class="numericalValue">
<div class="bar highNumbersImportance"><div class="barFull" style="width:0%;"></div></div>
@@ -6918,7 +6918,7 @@ <h1 class="document-title">
'Uize.Tooltip'
],
builder:function () {
- var page = window.page = new UizeDotCom.Page;
+ var page = window.page = UizeDotCom.Page ();
page.wireUi ();
View
2 appendixes/sotu.html.jst
@@ -220,7 +220,7 @@ Uize.module ({
'Uize.Tooltip'
],
builder:function () {
- var page = window.page = new UizeDotCom.Page;
+ var page = window.page = UizeDotCom.Page ();
page.wireUi ();
View
8 appendixes/to-do-documentation.html
@@ -817,9 +817,9 @@ <h1 class="heading1" title="13. Code to Factor Out"><span class="headingNumber">
<p>Code to factor out of widget classes into non-Web specific modules...</p>
<table class="list">
- <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.ImagePort.html">Uize.Widget.ImagePort</a></code> - pure rectangle scaling math should be factored out into a new Uize.Math.RectScaler module</td></tr>
- <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.Population.html">Uize.Widget.Population</a></code> - pure population string functionality should be migrated into a new Uize.String.Population module (or Uize.Template.Population?)</td></tr>
- <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.Tree.html">Uize.Widget.Tree</a></code> - model stuff for the data structure that represents a tree (Uize.Data.Tree?)</td></tr>
+ <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.ImagePort.html">Uize.Widget.ImagePort</a></code> - pure rectangle scaling math should be factored out into a new <code>Uize.Math.RectScaler</code> module</td></tr>
+ <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.Population.html">Uize.Widget.Population</a></code> - pure population string functionality should be migrated into a new <code>Uize.String.Population</code> module (or <code>Uize.Template.Population</code>?)</td></tr>
+ <tr valign="top"><td><span style="white-space:nowrap;"><span class="bullet"></span> </span></td><td><code><a href="../reference/Uize.Widget.Tree.html">Uize.Widget.Tree</a></code> - model stuff for the data structure that represents a tree (<code>Uize.Data.Tree</code>?)</td></tr>
</table>
</div>
@@ -2030,7 +2030,7 @@ <h3 class="heading3" title="37. Things to Add to Documentation -&gt; 37.1. - mor
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
6 appendixes/to-do-documentation.simple
@@ -193,9 +193,9 @@ Possible New Namespaces
Code to Factor Out
Code to factor out of widget classes into non-Web specific modules...
- - =Uize.Widget.ImagePort= - pure rectangle scaling math should be factored out into a new Uize.Math.RectScaler module
- - =Uize.Widget.Population= - pure population string functionality should be migrated into a new Uize.String.Population module (or Uize.Template.Population?)
- - =Uize.Widget.Tree= - model stuff for the data structure that represents a tree (Uize.Data.Tree?)
+ - =Uize.Widget.ImagePort= - pure rectangle scaling math should be factored out into a new =Uize.Math.RectScaler= module
+ - =Uize.Widget.Population= - pure population string functionality should be migrated into a new =Uize.String.Population= module (or =Uize.Template.Population=?)
+ - =Uize.Widget.Tree= - model stuff for the data structure that represents a tree (=Uize.Data.Tree=?)
Upcoming Releases
- loop optimization approaches
View
6 appendixes/to-do-general.html
@@ -197,7 +197,7 @@ <h1 class="document-title">
<li><a href="#23_2" title="Uize.caller = function (_context,_method,_params,_delay) {&#10; function _callMethod () {&#10; var _function typeof _method = &apos;string&apos; ? _context [_method] : _method;&#10; _function.callerThis = this;&#10; _function.callerArguments = arguments;&#10; var _result = _params ? _function.apply (_context,_params) : _function.call (_context);&#10; delete _function.callerThis;&#10; delete _function.callerArguments;&#10; retur...">23.2. Another Possible Implementation</a></li>
<li><a href="#23_3">23.3. Sample Usage</a>
<ul>
- <li><a href="#23_3_1" title="_this._delayedAction = new Uize.Delayed ({delay:1000});&#10;_this.wireNode (&#10; node,&#10; {&#10; mouseover:function () {_this._delayed.perform (function () {_this.doSomething ()})},&#10; mouseout:function () {_this._delayed.cancel ()}&#10; }&#10;);&#10;">23.3.1. Approach 1</a></li>
+ <li><a href="#23_3_1" title="_this._delayedAction = Uize.Delayed ({delay:1000});&#10;_this.wireNode (&#10; node,&#10; {&#10; mouseover:function () {_this._delayed.perform (function () {_this.doSomething ()})},&#10; mouseout:function () {_this._delayed.cancel ()}&#10; }&#10;);&#10;">23.3.1. Approach 1</a></li>
<li><a href="#23_3_2" title="var _delayedCaller = Uize.caller (_this,&apos;doSomething&apos;,null,1000);&#10;_this.wireNode (&#10; node,&#10; {&#10; mouseover:_delayedCaller,&#10; mouseout:function () {_delayedCaller.cancel ()}&#10; }&#10;);&#10;">23.3.2. Approach 2</a></li>
</ul>
</li>
@@ -1543,7 +1543,7 @@ <h2 class="heading2" title="23. - Uize.Delayed -&gt; 23.3. Sample Usage"><span c
<h3 class="heading3" title="23. - Uize.Delayed -&gt; 23.3. Sample Usage -&gt; 23.3.1. Approach 1"><span class="headingNumber"><a href="#23" title="23. - Uize.Delayed">23</a>.<a href="#23_3" title="23. - Uize.Delayed -&gt; 23.3. Sample Usage">3</a>.<a href="#23_3_1" title="23. - Uize.Delayed -&gt; 23.3. Sample Usage -&gt; 23.3.1. Approach 1">1</a>. </span>Approach 1</h3>
<div class="contents3">
-<pre class="sample-code">_this._delayedAction = new Uize.Delayed ({delay:1000});
+<pre class="sample-code">_this._delayedAction = Uize.Delayed ({delay:1000});
_this.wireNode (
node,
{
@@ -1849,7 +1849,7 @@ <h2 class="heading2" title="26. BUGS -&gt; 26.4. IE (in order of priority)"><spa
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 appendixes/to-do-general.simple
@@ -927,7 +927,7 @@ Key Aspects of a Framework
Sample Usage
Approach 1
.........................................................
- _this._delayedAction = new Uize.Delayed ({delay:1000});
+ _this._delayedAction = Uize.Delayed ({delay:1000});
_this.wireNode (
node,
{
View
3,447 appendixes/to-do-modules.html
1,751 additions, 1,696 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
232 appendixes/to-do-modules.simple
@@ -1,25 +1,43 @@
This document lists to do tasks related to specific JavaScript modules of the UIZE JavaScript Framework.
-## TO FILE
- Uize.safe = function (_function) {
- return function () {try {_function.apply (this,arguments)} catch (_error) {}};
- };
+Uize
+ Uize.safe
+ Wraps a function in order to protect it from possible JavaScript errors during its execution.
- Uize.cycleCalls = function () {
- var
- _functionNo = 0,
- _arguments = arguments,
- _totalFunctions = arguments.length
- ;
- return function () {
- _arguments [_functionNo].apply (this,arguments);
- _functionNo = (_functionNo + 1) % _totalFunctions;
+ IMPLEMENTATION
+ ......................................................................
+ Uize.safe = function (_function,_returnValueIfError) {
+ var _hasReturnValueIfError = arguments.length > 1;
+ return function () {
+ try {
+ return _function.apply (this,arguments);
+ } catch (_error) {
+ return _hasReturnValueIfError ? _returnValueIfError : _error;
+ }
+ };
};
- }
+ ......................................................................
-Uize
- - Uize.map
- - support string for _source?
+ This method catches errors that occur in the function that is being wrapped, returning the error if no value is explicitly specified that should be returned when an errors occur.
+
+ Uize.cycleCalls
+ IMPLEMENTATION
+ ........................................................
+ Uize.cycleCalls = function () {
+ var
+ _functionNo = 0,
+ _arguments = arguments,
+ _totalFunctions = arguments.length
+ ;
+ return function () {
+ _arguments [_functionNo].apply (this,arguments);
+ _functionNo = (_functionNo + 1) % _totalFunctions;
+ };
+ }
+ ........................................................
+
+ Uize.map
+ Add support for _source being a string?
Uize.TreeWalker
An object built into the =Uize= base module that allows you to control walking through an object tree in a safe and performant way.
@@ -29,43 +47,48 @@ Uize
Quick Win Additions (in order of priority / usefulness)
DONE
- - Uize.map
+ Uize.map
- promoted from Uize.Data.map, but with modified signature to make array first
STILL TO DO
- - Uize.indexOf, Uize.lastIndexOf
+ Uize.indexOf, Uize.lastIndexOf
- essentially derived from indexIn, but adapted to also operate on strings and to use built-in indexOf when possible and supported by JavaScript built-in objects (ie. newer versions of JavaScript)
- - Uize.indexIn
+
+ Uize.indexIn
- adapt to add support for object (ie. which key has specified value)
- adapt to fall back to using built-in indexOf or lastIndexOf Array method, when they are present and when comparison is strict
- adapt to add support for source being a string
- - Uize.require
+ Uize.require
- alias to anonymous module with required (to make the simple case of requiring a module deeper in code more convenient & intuitive)
LATER
- - Uize.extend
+ Uize.extend
- alias of copyInto, for those who are more comfortable with the extend semantic
- - Uize.isArrayLike
+
+ Uize.isArrayLike
- different name, like isListy or isIterable?
- checks to see if value is object and has length property, to ensure object can have any Array method called or applied on it (most native implementations only require a basic / minimal Array like interface to work)
- - Uize.ensureArray
+
+ Uize.ensureArray
- ensures that the value is an array
- if the value is already an array, then it is simply returned
- if the value is an arguments object, then an array is created from it
- if the value is any other type, then a new array is returned with the value as its single element
- this is useful for methods that want to be versatile and support simple value types in addition to arrays, but want to normalize to array of one element for purpose of implementation code
- - Uize.ensureIn
+ Uize.ensureIn
- checks to see if an element is present, and adds it if not
- supports adding at beginning or adding at end, with optional where parameter
- - Uize.isStringy
+ Uize.isStringy
- returns true if the value is either a string primitive or an instance of a String object or "subclass"
- - Uize.isTruthy
+
+ Uize.isTruthy
- returns true if the value is truthy
- useful for methods that accept value matchers
- - Uize.isFalsy
+
+ Uize.isFalsy
- returns true is the value is falsy
- useful for methods that accept value matchers
@@ -197,9 +220,9 @@ Uize
This would provide a more concise and lightweight way of binding properties than using an instance of the =Uize.Util.PropertyAdapter= class.
INSTEAD OF...
- ....................................................................................
- new Uize.Util.PropertyAdapter ({propertyA:[this,'prop'],propertyB:[slider,'prop']});
- ....................................................................................
+ ................................................................................
+ Uize.Util.PropertyAdapter ({propertyA:[this,'prop'],propertyB:[slider,'prop']});
+ ................................................................................
USE...
............................................
@@ -376,11 +399,8 @@ Uize
Unbounded
Support either or both of the min and max boundaries being =null= or =undefined=.
- - Uize.lookup & Uize.reverseLookup
- - for =Uize.lookup=, support mode with no parameters that returns an empty safe lookup
-
- - Uize.reverseLookup
- - support values for source being arrays
+ Uize.reverseLookup
+ Support values for source being arrays.
EXAMPLE
.................................
@@ -400,7 +420,7 @@ Uize
}
......................
- - support multiple values for source being the same
+ Support multiple values for source being the same
EXAMPLE
......................
@@ -420,7 +440,7 @@ Uize
}
.................................
- - support merging in to target
+ Support Merging in to Target
- when entries are added to an existing reverse lookup object, use the following rules...
- if the desired key to add already exists, then...
- if the key's value is not an array, make it an array with the current value as the first element and the desired value to add as the second
@@ -462,18 +482,18 @@ Uize
For example, if =Uize.Color= were to become a subclass of =Uize=...
EXAMPLE
- ................................................
- new Uize.Color ({value:'#ffffff'}); // old form
- new Uize.Color ('#ffffff'); // new form
- ................................................
+ ............................................
+ Uize.Color ({value:'#ffffff'}); // old form
+ Uize.Color ('#ffffff'); // new form
+ ............................................
Or, in the case of an existing widget class that supports the value interface...
EXAMPLE
- .....................................................
- new Uize.Widget.Bar.Slider ({value:50}); // old form
- new Uize.Widget.Bar.Slider (50); // old form
- .....................................................
+ .................................................
+ Uize.Widget.Bar.Slider ({value:50}); // old form
+ Uize.Widget.Bar.Slider (50); // old form
+ .................................................
Uize.clone
Optimize Array Cloning
@@ -527,7 +547,10 @@ Uize
- idea: a way to track whether a user originated an event. Sufficient to check on the presence of domEvent property? domEvent property should be propagated all the way up.
- - new and more concise semantics for calling methods on superclass
+ Improve Calling of Superclass Methods
+ Come up with a new and more concise semantics for calling methods on superclass.
+
+ POSSIBILITIES
................................................................................
_this.doIn (_superclass,'wireUi');
@@ -604,6 +627,17 @@ Uize.Array
- support for optional sort value comparison function
This allows more sophisticated sorts. For example, with an alphanumerical (as opposed to ASCIIbetical) sort, the sort value generator function may do the work of parsing each element value into a set of number and non-number segments, and then the value comparison function can deal with comparing two sort values that may have different structure. In other words, the sort values generated cannot be compared by a simple a < b logical comparison.
+ Uize.Array.Sort.indexBy
+ Returns the index of a value in an array that is sorted by the specified sort value generator.
+
+ SYNTAX
+ ..................................................................................................
+ indexINT = Uize.Array.Sort.indexBy (valueANYTYPE,targetARRAY,sortValueGeneratorFUNC,directionINT);
+ indexINT = Uize.Array.Sort.indexBy (valueANYTYPE,targetARRAY,sortValueGeneratorSTR,directionINT);
+ indexINT = Uize.Array.Sort.indexBy (valueANYTYPE,targetARRAY,sortColumnINT,directionINT);
+ ..................................................................................................
+
+
Uize.Array.Sort.insertBy
Inserts the specified value, using the specified sort value generator to determine at which spot to insert it.
@@ -828,15 +862,15 @@ Uize.Css
Uize.Css.Border
Uize.Curve.Mod
- - Uize.Curve.Mod.tame
+ Uize.Curve.Mod.tame
- a curve function modifier that...
- constrains a curve function so that its values are in the range of =0= to =1=
- guarantees that the value =0= is returned for the input value of =0=, and that the value =1= is returned for the input value of =1=
- - Uize.Curve.Mod.Sample
+ Uize.Curve.Mod.Sample
- generates a curve function that is a sample, with a specifiable degree of precision, of the specified curve function. This could be useful for curve functions that are performance intensive and where a finite precision might be acceptable. Can be lazy in generation, so values are only generated when needed - perhaps this is a parameter. Also possibly a parameter for interpolation between sample points when using curve function.
- - Uize.Curve.Mod.noise
+ Uize.Curve.Mod.noise
- possible implementation...
................................................................................
_package.noise = function (_curveFunction,_noiseLevel) {
@@ -889,7 +923,7 @@ Uize.Curve.Plot
- if curve property is not present, use interpolationCurveFUNC
Uize.Data
- - Uize.Data.safeLookup
+ Uize.Data.safeLookup
- performs a lookup in a lookup object that may not be a safe lookup, so it handles the problems keys
- perhaps there should also be a similar Uize.Data.keyIn (or Uize.Data.keyExists) method
- possible implementation
@@ -1001,10 +1035,10 @@ Uize.Data
_target = _sourceAndTarget._target;
................................................................................
- - Uize.Data.structuresMatch
+ Uize.Data.structuresMatch
returns true if two objects have the same set of properties and structure
- - Uize.Data.filter
+ Uize.Data.filter
- support for new filter types
- regular expression type filter
- when regular expression is specified for filter, properties are filtered that match the regular expression
@@ -1018,22 +1052,23 @@ Uize.Data
- already supported, but need to change implementation? Change implementation for performance, or code size?
- support for target property
- - Uize.Data.identical
+ Uize.Data.identical
- handle recursion (safeguard against infinite loops). Do this by marking objects / arrays as encountered?
- how to support comparison of Uize subclass instances? Is there a meaningful way to do this?
- can two instances of classes that support the value interface simply be compared by their respective values?
- can two instances of any Uize subclass simply be compared by the values of all their set-get properties?
- - Uize.Data.conjoined
+ Uize.Data.conjoined
- improve implementation to use object tagging technique employed in Uize.Array.Dupes
- - Uize.Data.hasCircularity
+ Uize.Data.hasCircularity
- tests to see if the object contains circular references / reference loops
- for implementation, use object tagging
- - Uize.Data.mapKeys
+ Uize.Data.mapKeys
- lets you rename keys in an object
- - Uise.Data.mapKeyValues
+
+ Uize.Data.mapKeyValues
- lets you rename keys and transform values in an object
Uize.Data.Csv
@@ -1048,14 +1083,17 @@ Uize.Date
- possibly turn package into an Object
- stitch in instance methods from Date object, as is done with the Uize.String.Builder object
- make majority of static methods available as instance methods
- - Uize.Date.resolve
+
+ Uize.Date.resolve
- consider expanding dateSTRorOBJ value type to dateSTRorINTorOBJ, in order to support dates specified as POSIX milliseconds
+
- refactor tomkidding.com to no longer use Tk.Date
- localization
- possible new methods...
- Uize.Date.is - determines if specified value is a valid date (could be used by Uize.Widget.TableSort in checking for valid date columns)
- - Uize.Date.getRange
+
+ Uize.Date.getRange
- support more range types
- range, neatly bound
- start to end
@@ -1076,14 +1114,17 @@ Uize.Date
- 0: starting at
- .5: range with date in middle
- 1: ending at
- - Uize.Date.isRecent
+
+ Uize.Date.isRecent
- ability to specify time unit for recency window (default to days)
- right now, always checks if specified date is recent, relative to now - could also allow reference point date to be specified
- right now, you can check if date is within a time window before or after now -- what about date being "around" now (ie. in a window some time leading up to and some time past now)
- - Uize.Date.constrain
+
+ Uize.Date.constrain
- constrain a date to a specified Date range
- - Uize.Date.inRange
- - could be refactored to make use of new Uize.Date.constrain method
+
+ Uize.Date.inRange
+ - could be refactored to make use of new =Uize.Date.constrain= method
return +(_date = _resolve (_date)) == +_package.constrain (_date,_range)
- benefit would be smaller implementation, and Uize.Date.constrain would support ranges where minValue is after maxValue, because it would use Uize.constrain in its implementation
@@ -1242,7 +1283,7 @@ Uize.Fx
- for all style properties that can be animated by this module, it would be useful if parsing and serializing of the style properties was available outside of the context of just fading for FX purposes
- perhaps a Uize.Css module (see Uize.Css)?
- - Uize.Fx.fadeStyle
+ Uize.Fx.fadeStyle
- ability to take over fading of certain style properties from active fades
- look into support for HSL color fades
- with true support, not just initial conversion to RGB
@@ -1318,7 +1359,7 @@ Uize.Generator
- a generator should be able to register its inputs
- a generator should not assume the context of its usage, so it should be able to operate on the server side or in a non HTML document context
- - Uize.Generator implements simply...
+ Uize.Generator implements simply...
- set-get properties
- asynchronous
- params
@@ -1340,43 +1381,43 @@ Uize.Generator
- a generator should be able to leverage other generators in the process of generating their output
- generators should be able to register their input interface
- - Uize.Generator (base class)
+ Uize.Generator (base class)
- params
- - Uize.Generator.Basic (utilizing basic substitution)
+ Uize.Generator.Basic (utilizing basic substitution)
- params
- templateStr
EXAMPLE
................................................................................
- new Uize.Generator.Basic ({
+ Uize.Generator.Basic ({
params:['property1','property2'],
templateStr:'This template supports [#property1] and [#property2]'
});
................................................................................
- - Uize.Generator.Tokenized
+ Uize.Generator.Tokenized
- params
- templateStr
- tokenNaming
EXAMPLE
................................................................................
- new Uize.Generator.Tokenized ({
+ Uize.Generator.Tokenized ({
params:['property1','property2'],
templateStr:'This template supports {property1} and {property2}',
tokenNaming:'{KEY}'
})
................................................................................
- - Uize.Generator.Population
+ Uize.Generator.Population
- params
- templateStr
- templateItem
EXAMPLE
................................................................................
- new Uize.Generator.Population ({
+ Uize.Generator.Population ({
params:['property1','property2'],
templateStr:'This template supports property1Value and property2Value',
templateItem:{
@@ -1386,12 +1427,12 @@ Uize.Generator
})
................................................................................
- - Uize.Generator.Function
+ Uize.Generator.Function
- generator
EXAMPLE
................................................................................
- new Uize.Generator.Function ({
+ Uize.Generator.Function ({
params:['property1','property2'],
generator:
function (_params) {
@@ -1400,12 +1441,12 @@ Uize.Generator
});
................................................................................
- - Uize.Generator.Ajax
+ Uize.Generator.Ajax
- serviceUrl
EXAMPLE
................................................................................
- new Uize.Generator.Ajax ({
+ Uize.Generator.Ajax ({
params:['property1','property2'],
url:'service/getcomponent?'
});
@@ -1417,7 +1458,7 @@ Uize.Generator
- no, because it should be able to use whatever the protocol is that's in use?
- should defer to page's environment for URLs and comm
- - Uize.Generator.Async
+ Uize.Generator.Async
requires a...
- comm object
- environment for URLs
@@ -1427,7 +1468,7 @@ Uize.Generator
- to provide the maximum flexibility, the only thing that an async generator needs is a loader
- - Uize.Generator.Http
+ Uize.Generator.Http
Uize.Is
................................................................................
@@ -1526,7 +1567,7 @@ Uize.Node
Proposed Shortenings
- Uize.Node.getById -> Uize.Node.byId or Uize.Node.id or just Uize.Node
- - Uize.Node.setValue & Uize.Node.getValue
+ Uize.Node.setValue & Uize.Node.getValue
- respect disabled property?
- what about disabled select options, radios?
- browsers are not supposed to send values for disabled form elements to the form processor, so should getValue have special handling to mimic this behavior?
@@ -1543,7 +1584,7 @@ Uize.Node
- make sure no events are being wired in a way that they wouldn't get unwired
- look at moving more child widget creation into constructor rather than wireUi
- - Uize.Node.display
+ Uize.Node.display
- IDEA: respecting initial non-none display value
................................................................................
var currentDisplay = Uize.Node.getStyle (node,'display');
@@ -1557,10 +1598,10 @@ Uize.Node
}
................................................................................
- - Uize.Node.getProperty
+ Uize.Node.getProperty
- should support string for property name, or object for properties
- - Uize.Node.find
+ Uize.Node.find
- provide a way to search through a specified set of nodes (so that one can chain searches)
- think about supporting node blob for root, or test object for root (ie. invoke find)
- think about testing...
@@ -1575,13 +1616,13 @@ Uize.Node
- methods that should coerce use of valueOf interface
- Uize.Node.setProperties
- - Uize.Node.setStyle
+ Uize.Node.setStyle
- when setting opacity, if opacity is 1, set opacity properties to '' (empty string). Some browsers seem to still be processing opacity when set to 1, which is slowing down render time.
- - Uize.Node.getStyle
+ Uize.Node.getStyle
- it would be useful to have a way to parse out a number from style attribute values that are denominated in px (eg. 128px -> 128, empty string -> 0)
- - Uize.Node.injectHtml
+ Uize.Node.injectHtml
- support a node reference, or document fragment for html parameter
- for Uize.Node.getCoords, consider deprecating some of the properties of the return object (eg. right, bottom) to simplify the interface (first investigate extent of usage)
@@ -1719,13 +1760,14 @@ Uize.Scruncher
- error is in scrunched module that is discretely loaded
Uize.String
- - Uize.String.lengthize (sourceSTR,lengthINT,alignFLOAT,padBOOL,truncateBOOL,tildeBOOLorSTR)
+ Uize.String.lengthize (sourceSTR,lengthINT,alignFLOAT,padBOOL,truncateBOOL,tildeBOOLorSTR)
- how does this relate to Uize.String.limitLength? (is limitLength a special case of lengthize?)
- should the defaults for the extended parameters result in it effectively being a pad? If so, should there be a pad method that is just an alias to lengthize?
- - Uize.String.fromCamel
+ Uize.String.fromCamel
+ yeah?
- - Uize.String.toDelimited & Uize.String.fromDelimited
+ Uize.String.toDelimited & Uize.String.fromDelimited
Uize.String.[someMethodName]
- how are word starts denoted
- delimiter character eg. '_', '-', ':'
@@ -1773,9 +1815,10 @@ Uize.String.Lines
................................................................................
Uize.String.Lines.pad
+ document...
Rearranging Lines
- - Uize.String.Lines.sort
+ Uize.String.Lines.sort
................................................................................
function sortMultilineStr (sourceStr) {
return (
@@ -1788,7 +1831,8 @@ Uize.String.Lines
}
................................................................................
- - Uize.String.Lines.reverse
+ Uize.String.Lines.reverse
+ document...
Uize.Template
Look Into Supporting Subclassing
@@ -1926,8 +1970,8 @@ Uize.Util.Cycle
Uize.Util.ValueDeriver
EXAMPLE
- .............................
- new Uize.Util.ValueDeriver ({
+ ...........................
+ Uize.Util.ValueDeriver ({
inputs:{
a:foo,
b:bar
@@ -1938,7 +1982,7 @@ Uize.Util.ValueDeriver
output:{
}
});
- .............................
+ ...........................
Uize.Web.ImageLoader
- a class that manages loading state for one or more images
View
2 appendixes/to-do-news-announcements.html
@@ -118,7 +118,7 @@ <h1 class="heading1" title="10. BROWSER BUG: Text Area Borked After Hiding and G
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 directory.html
@@ -939,7 +939,7 @@ <h1 class="document-title">
Uize.module ({
required:'UizeDotCom.Page.Doc.library',
builder:function () {
- (window.page = new UizeDotCom.Page.Doc).wireUi ();
+ (window.page = UizeDotCom.Page.Doc ()).wireUi ();
page.children.contents.collapseAllBut (['Site Map','Examples']);
}
View
2 directory.html.jst
@@ -36,7 +36,7 @@
Uize.module ({
required:'UizeDotCom.Page.Doc.library',
builder:function () {
- (window.page = new UizeDotCom.Page.Doc).wireUi ();
+ (window.page = UizeDotCom.Page.Doc ()).wireUi ();
page.children.contents.collapseAllBut (['Site Map','Examples']);
}
View
2 download.html
@@ -66,7 +66,7 @@ <h1 class="document-title">
'UizeDotCom.Page.Doc.library',
'UizeDotCom.Page.Doc'
],
- builder:function () {(window.page = new UizeDotCom.Page.Doc).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page.Doc ()).wireUi ()}
});
</script>
View
2 endorsements.html
@@ -79,7 +79,7 @@ <h1 class="document-title">
Uize.module ({
required:'UizeDotCom.Page.library',
- builder:function () {(window.page = new UizeDotCom.Page).wireUi ()}
+ builder:function () {(window.page = UizeDotCom.Page ()).wireUi ()}
});
</script>
View
2 examples/3d-rotation-viewer.html
@@ -73,7 +73,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example ({evaluator:function (code) {eval (code)}});
+ var page = window.page = UizeDotCom.Page.Example ({evaluator:function (code) {eval (code)}});
/*** configuration variables ***/
var
View
2 examples/animate-position-in-javascript.html
@@ -505,7 +505,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
/*** code for positioning ghost ***/
function positionGhost (centerCoords) {
View
2 examples/animate-size-in-javascript.html
@@ -527,7 +527,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
var minDimEachAxis = 40;
View
2 examples/animated-buttons-with-box-shadow.html
@@ -112,7 +112,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
/*** create the hover fader instance ***/
page.addChild (
View
2 examples/auto-tooltip-generic.html
@@ -89,7 +89,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
var linkNodes = Uize.Node.find ({root:page.getNode ('sampleCopy'),tagName:'A',className:'externalSiteLink'});
View
2 examples/auto-tooltip-photo-info.html
@@ -169,7 +169,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
var thumbNodes = Uize.Node.find ({tagName:'IMG',src:/max_dim=105/});
View
4 examples/bars.html
@@ -99,7 +99,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
/*** set the default UI HTML and other properties for all bar widgets ***/
Uize.Widget.Bar.set ({
@@ -146,7 +146,7 @@ <h1 class="document-title">
/*** code to handle updating the bars when a property is selected ***/
var
propertyName,
- fade = new Uize.Fade ({duration:700,curve:Uize.Curve.easeInOutPow (4)})
+ fade = Uize.Fade ({duration:700,curve:Uize.Curve.easeInOutPow (4)})
;
fade.wire ({
Start:
View
2 examples/bevel-on-multiple-images.html
@@ -108,7 +108,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
/*** spawn a batch of Uize.Widget.Bevel instances ***/
var bevels = Uize.Widget.Bevel.spawn ({idPrefix:{tagName:'DIV',className:'bevelThumb'}},page);
View
2 examples/bevel.html
@@ -71,7 +71,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example;
+ var page = window.page = UizeDotCom.Page.Example ();
/*** add the Uize.Widget.Bevel child widget ***/
page.addChild (
View
2 examples/button-toggle.html
@@ -106,7 +106,7 @@ <h1 class="document-title">
],
builder:function () {
/*** create the example page widget ***/
- var page = window.page = new UizeDotCom.Page.Example ({evaluator:function (code) {eval (code)}});
+ var page = window.page = UizeDotCom.Page.Example ({evaluator:function (code) {eval (code)}});
/*** create and wire up the Uize.Widget.Button instance for the frames type button ***/