DOMite.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
  1. define("domite/DOMite", ["amber/boot", "amber_core/Kernel-Objects"], function($boot){
  2. var $core=$boot.api,nil=$boot.nil,$recv=$boot.asReceiver,$globals=$boot.globals;
  3. $core.addPackage('DOMite');
  4. $core.packages["DOMite"].innerEval = function (expr) { return eval(expr); };
  5. $core.packages["DOMite"].transport = {"type":"amd","amdNamespace":"domite"};
  6. $core.addClass('Domite', $globals.Object, ['element', 'reference'], 'DOMite');
  7. //>>excludeStart("ide", pragmas.excludeIdeData);
  8. $globals.Domite.comment="I am (hopefully thin) wrapper around the notion of \x22cursor in a page\x22.\x0aI represent a DOM node _and_ a point where\x0ato insert new content into it.\x0a\x0aSo I play both the role of a container that inserts\x0aas well as the role of an element being inserted.\x0a\x0aCreation API:\x0a\x0a - `Domite new` creates an insertion point at the bottom of `<body>`.\x0a - `Domite open` is unique way to create pieces of content. It creates an instance \x22floating in thin air\x22 (wrapper around DOM DocumentFragment) that can be filled with any contents and then inserted in a page.\x0a - `Domite fromElement: aDomElement` wraps an element and set the cursor to its end.\x0a\x0aManipulation API:\x0a\x0a - `aDomite insertDomite:` and `aDomite insertString:` insert either a Domite or a text content at the insertion point.\x0a - `aDomite clearHere` deletes contents of the wrapped element.\x0a\x0aCursor moving API:\x0a\x0aTake this sample HTML, where `[n]` are just markers, not real content:\x0a\x0a```\x0a<body>\x0a <h1>header</h1>\x0a [4]<p>[2]Hello[1]world[3]</p>[5]\x0a <small>footer</small>\x0a</body>\x0a```\x0a\x0aIf `d` is a `Domite` representing `[1]`, then:\x0a\x0a - `d seekHereStart` would move `d` to be at `[2]`,\x0a - `d seekHereEnd` would move `d` to be at `[3]`,\x0a - `d seekBeforeHere` would move `d` to be at `[4]`, and\x0a - `d seekAfterHere` would move `d` to be at `[5]`.\x0a\x0aIt is not presumed one would use `seekXxx`\x0ato actually move around in a single instance.\x0aIt is envisioned this API will be used mostly\x0ain combination with `copy`, like\x0a`afterMe := self copy seekAfterHere`.";
  9. //>>excludeEnd("ide");
  10. $core.addMethod(
  11. $core.method({
  12. selector: "canSeekOutOfHere",
  13. protocol: 'testing',
  14. fn: function (){
  15. var self=this;
  16. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  17. return $core.withContext(function($ctx1) {
  18. //>>excludeEnd("ctx");
  19. var $1;
  20. $1=$recv($recv(self._element())._parentNode())._notNil();
  21. return $1;
  22. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  23. }, function($ctx1) {$ctx1.fill(self,"canSeekOutOfHere",{},$globals.Domite)});
  24. //>>excludeEnd("ctx");
  25. },
  26. //>>excludeStart("ide", pragmas.excludeIdeData);
  27. args: [],
  28. source: "canSeekOutOfHere\x0a\x09^ self element parentNode notNil",
  29. referencedClasses: [],
  30. //>>excludeEnd("ide");
  31. messageSends: ["notNil", "parentNode", "element"]
  32. }),
  33. $globals.Domite);
  34. $core.addMethod(
  35. $core.method({
  36. selector: "clearHere",
  37. protocol: 'deletion',
  38. fn: function (){
  39. var self=this;
  40. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  41. return $core.withContext(function($ctx1) {
  42. //>>excludeEnd("ctx");
  43. var element = self['@element'], child;
  44. while (child = element.firstChild) element.removeChild(child);
  45. self['@reference'] = null;;
  46. return self;
  47. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  48. }, function($ctx1) {$ctx1.fill(self,"clearHere",{},$globals.Domite)});
  49. //>>excludeEnd("ctx");
  50. },
  51. //>>excludeStart("ide", pragmas.excludeIdeData);
  52. args: [],
  53. source: "clearHere\x0a<\x0a\x09var element = self['@element'], child;\x0a\x09while (child = element.firstChild) element.removeChild(child);\x0a\x09self['@reference'] = null;\x0a>",
  54. referencedClasses: [],
  55. //>>excludeEnd("ide");
  56. messageSends: []
  57. }),
  58. $globals.Domite);
  59. $core.addMethod(
  60. $core.method({
  61. selector: "element",
  62. protocol: 'accessing',
  63. fn: function (){
  64. var self=this;
  65. var $1;
  66. $1=self["@element"];
  67. return $1;
  68. },
  69. //>>excludeStart("ide", pragmas.excludeIdeData);
  70. args: [],
  71. source: "element\x0a\x09^ element",
  72. referencedClasses: [],
  73. //>>excludeEnd("ide");
  74. messageSends: []
  75. }),
  76. $globals.Domite);
  77. $core.addMethod(
  78. $core.method({
  79. selector: "element:",
  80. protocol: 'accessing',
  81. fn: function (anObject){
  82. var self=this;
  83. self["@element"]=anObject;
  84. return self;
  85. },
  86. //>>excludeStart("ide", pragmas.excludeIdeData);
  87. args: ["anObject"],
  88. source: "element: anObject\x0a\x09element := anObject",
  89. referencedClasses: [],
  90. //>>excludeEnd("ide");
  91. messageSends: []
  92. }),
  93. $globals.Domite);
  94. $core.addMethod(
  95. $core.method({
  96. selector: "initialize",
  97. protocol: 'initialization',
  98. fn: function (){
  99. var self=this;
  100. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  101. return $core.withContext(function($ctx1) {
  102. //>>excludeEnd("ctx");
  103. (
  104. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  105. $ctx1.supercall = true,
  106. //>>excludeEnd("ctx");
  107. $globals.Domite.superclass.fn.prototype._initialize.apply($recv(self), []));
  108. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  109. $ctx1.supercall = false;
  110. //>>excludeEnd("ctx");;
  111. self["@element"]=$recv(document)._body();
  112. self["@reference"]=nil._asJSON();
  113. return self;
  114. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  115. }, function($ctx1) {$ctx1.fill(self,"initialize",{},$globals.Domite)});
  116. //>>excludeEnd("ctx");
  117. },
  118. //>>excludeStart("ide", pragmas.excludeIdeData);
  119. args: [],
  120. source: "initialize\x0a\x09super initialize.\x0a\x09element := document body.\x0a\x09reference := nil asJSON",
  121. referencedClasses: [],
  122. //>>excludeEnd("ide");
  123. messageSends: ["initialize", "body", "asJSON"]
  124. }),
  125. $globals.Domite);
  126. $core.addMethod(
  127. $core.method({
  128. selector: "insertDomite:",
  129. protocol: 'insertion',
  130. fn: function (aDomite){
  131. var self=this;
  132. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  133. return $core.withContext(function($ctx1) {
  134. //>>excludeEnd("ctx");
  135. self._insertElement_($recv(aDomite)._element());
  136. return self;
  137. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  138. }, function($ctx1) {$ctx1.fill(self,"insertDomite:",{aDomite:aDomite},$globals.Domite)});
  139. //>>excludeEnd("ctx");
  140. },
  141. //>>excludeStart("ide", pragmas.excludeIdeData);
  142. args: ["aDomite"],
  143. source: "insertDomite: aDomite\x0a\x09self insertElement: aDomite element",
  144. referencedClasses: [],
  145. //>>excludeEnd("ide");
  146. messageSends: ["insertElement:", "element"]
  147. }),
  148. $globals.Domite);
  149. $core.addMethod(
  150. $core.method({
  151. selector: "insertElement:",
  152. protocol: 'insertion',
  153. fn: function (aDomElement){
  154. var self=this;
  155. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  156. return $core.withContext(function($ctx1) {
  157. //>>excludeEnd("ctx");
  158. $recv(self._element())._insertBefore_reference_(aDomElement,self._reference());
  159. return self;
  160. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  161. }, function($ctx1) {$ctx1.fill(self,"insertElement:",{aDomElement:aDomElement},$globals.Domite)});
  162. //>>excludeEnd("ctx");
  163. },
  164. //>>excludeStart("ide", pragmas.excludeIdeData);
  165. args: ["aDomElement"],
  166. source: "insertElement: aDomElement\x0a\x09self element\x0a\x09\x09insertBefore: aDomElement\x0a\x09\x09reference: self reference",
  167. referencedClasses: [],
  168. //>>excludeEnd("ide");
  169. messageSends: ["insertBefore:reference:", "element", "reference"]
  170. }),
  171. $globals.Domite);
  172. $core.addMethod(
  173. $core.method({
  174. selector: "insertString:",
  175. protocol: 'insertion',
  176. fn: function (aString){
  177. var self=this;
  178. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  179. return $core.withContext(function($ctx1) {
  180. //>>excludeEnd("ctx");
  181. self._insertElement_($recv(document)._createTextNode_($recv(aString)._asString()));
  182. return self;
  183. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  184. }, function($ctx1) {$ctx1.fill(self,"insertString:",{aString:aString},$globals.Domite)});
  185. //>>excludeEnd("ctx");
  186. },
  187. //>>excludeStart("ide", pragmas.excludeIdeData);
  188. args: ["aString"],
  189. source: "insertString: aString\x0a\x09self insertElement: (\x0a\x09\x09document createTextNode: aString asString )",
  190. referencedClasses: [],
  191. //>>excludeEnd("ide");
  192. messageSends: ["insertElement:", "createTextNode:", "asString"]
  193. }),
  194. $globals.Domite);
  195. $core.addMethod(
  196. $core.method({
  197. selector: "reference",
  198. protocol: 'accessing',
  199. fn: function (){
  200. var self=this;
  201. var $1;
  202. $1=self["@reference"];
  203. return $1;
  204. },
  205. //>>excludeStart("ide", pragmas.excludeIdeData);
  206. args: [],
  207. source: "reference\x0a\x09^ reference",
  208. referencedClasses: [],
  209. //>>excludeEnd("ide");
  210. messageSends: []
  211. }),
  212. $globals.Domite);
  213. $core.addMethod(
  214. $core.method({
  215. selector: "reference:",
  216. protocol: 'accessing',
  217. fn: function (anObject){
  218. var self=this;
  219. self["@reference"]=anObject;
  220. return self;
  221. },
  222. //>>excludeStart("ide", pragmas.excludeIdeData);
  223. args: ["anObject"],
  224. source: "reference: anObject\x0a\x09reference := anObject",
  225. referencedClasses: [],
  226. //>>excludeEnd("ide");
  227. messageSends: []
  228. }),
  229. $globals.Domite);
  230. $core.addMethod(
  231. $core.method({
  232. selector: "seekAfterHere",
  233. protocol: 'navigation',
  234. fn: function (){
  235. var self=this;
  236. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  237. return $core.withContext(function($ctx1) {
  238. //>>excludeEnd("ctx");
  239. var $2,$1,$3;
  240. $2=self._element();
  241. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  242. $ctx1.sendIdx["element"]=1;
  243. //>>excludeEnd("ctx");
  244. $1=$recv($2)._nextSibling();
  245. self._reference_($1);
  246. $3=self._element_($recv(self._element())._parentNode());
  247. return self;
  248. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  249. }, function($ctx1) {$ctx1.fill(self,"seekAfterHere",{},$globals.Domite)});
  250. //>>excludeEnd("ctx");
  251. },
  252. //>>excludeStart("ide", pragmas.excludeIdeData);
  253. args: [],
  254. source: "seekAfterHere\x0a\x09self\x0a\x09\x09reference: self element nextSibling;\x0a\x09\x09element: self element parentNode",
  255. referencedClasses: [],
  256. //>>excludeEnd("ide");
  257. messageSends: ["reference:", "nextSibling", "element", "element:", "parentNode"]
  258. }),
  259. $globals.Domite);
  260. $core.addMethod(
  261. $core.method({
  262. selector: "seekBeforeHere",
  263. protocol: 'navigation',
  264. fn: function (){
  265. var self=this;
  266. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  267. return $core.withContext(function($ctx1) {
  268. //>>excludeEnd("ctx");
  269. var $1,$2;
  270. $1=self._element();
  271. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  272. $ctx1.sendIdx["element"]=1;
  273. //>>excludeEnd("ctx");
  274. self._reference_($1);
  275. $2=self._element_($recv(self._element())._parentNode());
  276. return self;
  277. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  278. }, function($ctx1) {$ctx1.fill(self,"seekBeforeHere",{},$globals.Domite)});
  279. //>>excludeEnd("ctx");
  280. },
  281. //>>excludeStart("ide", pragmas.excludeIdeData);
  282. args: [],
  283. source: "seekBeforeHere\x0a\x09self\x0a\x09\x09reference: self element;\x0a\x09\x09element: self element parentNode",
  284. referencedClasses: [],
  285. //>>excludeEnd("ide");
  286. messageSends: ["reference:", "element", "element:", "parentNode"]
  287. }),
  288. $globals.Domite);
  289. $core.addMethod(
  290. $core.method({
  291. selector: "seekHereEnd",
  292. protocol: 'navigation',
  293. fn: function (){
  294. var self=this;
  295. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  296. return $core.withContext(function($ctx1) {
  297. //>>excludeEnd("ctx");
  298. self._reference_(nil._asJSON());
  299. return self;
  300. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  301. }, function($ctx1) {$ctx1.fill(self,"seekHereEnd",{},$globals.Domite)});
  302. //>>excludeEnd("ctx");
  303. },
  304. //>>excludeStart("ide", pragmas.excludeIdeData);
  305. args: [],
  306. source: "seekHereEnd\x0a\x09self reference: nil asJSON \x22null\x22",
  307. referencedClasses: [],
  308. //>>excludeEnd("ide");
  309. messageSends: ["reference:", "asJSON"]
  310. }),
  311. $globals.Domite);
  312. $core.addMethod(
  313. $core.method({
  314. selector: "seekHereStart",
  315. protocol: 'navigation',
  316. fn: function (){
  317. var self=this;
  318. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  319. return $core.withContext(function($ctx1) {
  320. //>>excludeEnd("ctx");
  321. self._reference_($recv(self._element())._firstChild());
  322. return self;
  323. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  324. }, function($ctx1) {$ctx1.fill(self,"seekHereStart",{},$globals.Domite)});
  325. //>>excludeEnd("ctx");
  326. },
  327. //>>excludeStart("ide", pragmas.excludeIdeData);
  328. args: [],
  329. source: "seekHereStart\x0a\x09self reference: self element firstChild",
  330. referencedClasses: [],
  331. //>>excludeEnd("ide");
  332. messageSends: ["reference:", "firstChild", "element"]
  333. }),
  334. $globals.Domite);
  335. $core.addMethod(
  336. $core.method({
  337. selector: "fromElement:",
  338. protocol: 'instance creation',
  339. fn: function (aDomElement){
  340. var self=this;
  341. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  342. return $core.withContext(function($ctx1) {
  343. //>>excludeEnd("ctx");
  344. var $2,$3,$1;
  345. $2=self._new();
  346. $recv($2)._element_(aDomElement);
  347. $3=$recv($2)._yourself();
  348. $1=$3;
  349. return $1;
  350. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  351. }, function($ctx1) {$ctx1.fill(self,"fromElement:",{aDomElement:aDomElement},$globals.Domite.klass)});
  352. //>>excludeEnd("ctx");
  353. },
  354. //>>excludeStart("ide", pragmas.excludeIdeData);
  355. args: ["aDomElement"],
  356. source: "fromElement: aDomElement\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09yourself",
  357. referencedClasses: [],
  358. //>>excludeEnd("ide");
  359. messageSends: ["element:", "new", "yourself"]
  360. }),
  361. $globals.Domite.klass);
  362. $core.addMethod(
  363. $core.method({
  364. selector: "fromElement:cursorBefore:",
  365. protocol: 'instance creation',
  366. fn: function (aDomElement,anotherDomElement){
  367. var self=this;
  368. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  369. return $core.withContext(function($ctx1) {
  370. //>>excludeEnd("ctx");
  371. var $2,$3,$1;
  372. $2=self._new();
  373. $recv($2)._element_(aDomElement);
  374. $recv($2)._referenceElement_(anotherDomElement);
  375. $3=$recv($2)._yourself();
  376. $1=$3;
  377. return $1;
  378. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  379. }, function($ctx1) {$ctx1.fill(self,"fromElement:cursorBefore:",{aDomElement:aDomElement,anotherDomElement:anotherDomElement},$globals.Domite.klass)});
  380. //>>excludeEnd("ctx");
  381. },
  382. //>>excludeStart("ide", pragmas.excludeIdeData);
  383. args: ["aDomElement", "anotherDomElement"],
  384. source: "fromElement: aDomElement cursorBefore: anotherDomElement\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09referenceElement: anotherDomElement;\x0a\x09\x09yourself",
  385. referencedClasses: [],
  386. //>>excludeEnd("ide");
  387. messageSends: ["element:", "new", "referenceElement:", "yourself"]
  388. }),
  389. $globals.Domite.klass);
  390. $core.addMethod(
  391. $core.method({
  392. selector: "newElement:",
  393. protocol: 'instance creation',
  394. fn: function (aString){
  395. var self=this;
  396. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  397. return $core.withContext(function($ctx1) {
  398. //>>excludeEnd("ctx");
  399. var $1;
  400. $1=self._fromElement_($recv(document)._createElement_(aString));
  401. return $1;
  402. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  403. }, function($ctx1) {$ctx1.fill(self,"newElement:",{aString:aString},$globals.Domite.klass)});
  404. //>>excludeEnd("ctx");
  405. },
  406. //>>excludeStart("ide", pragmas.excludeIdeData);
  407. args: ["aString"],
  408. source: "newElement: aString\x0a\x09^ self fromElement: (document createElement: aString)",
  409. referencedClasses: [],
  410. //>>excludeEnd("ide");
  411. messageSends: ["fromElement:", "createElement:"]
  412. }),
  413. $globals.Domite.klass);
  414. $core.addMethod(
  415. $core.method({
  416. selector: "open",
  417. protocol: 'instance creation',
  418. fn: function (){
  419. var self=this;
  420. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  421. return $core.withContext(function($ctx1) {
  422. //>>excludeEnd("ctx");
  423. var $1;
  424. $1=self._fromElement_($recv(document)._createDocumentFragment());
  425. return $1;
  426. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  427. }, function($ctx1) {$ctx1.fill(self,"open",{},$globals.Domite.klass)});
  428. //>>excludeEnd("ctx");
  429. },
  430. //>>excludeStart("ide", pragmas.excludeIdeData);
  431. args: [],
  432. source: "open\x0a\x09^ self fromElement: document createDocumentFragment",
  433. referencedClasses: [],
  434. //>>excludeEnd("ide");
  435. messageSends: ["fromElement:", "createDocumentFragment"]
  436. }),
  437. $globals.Domite.klass);
  438. });