DOMite.js 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513
  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: "isInvalid",
  198. protocol: 'testing',
  199. fn: function (){
  200. var self=this;
  201. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  202. return $core.withContext(function($ctx1) {
  203. //>>excludeEnd("ctx");
  204. var $1;
  205. $1=$recv(self._element())._isNil();
  206. return $1;
  207. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  208. }, function($ctx1) {$ctx1.fill(self,"isInvalid",{},$globals.Domite)});
  209. //>>excludeEnd("ctx");
  210. },
  211. //>>excludeStart("ide", pragmas.excludeIdeData);
  212. args: [],
  213. source: "isInvalid\x0a\x09^ self element isNil",
  214. referencedClasses: [],
  215. //>>excludeEnd("ide");
  216. messageSends: ["isNil", "element"]
  217. }),
  218. $globals.Domite);
  219. $core.addMethod(
  220. $core.method({
  221. selector: "reference",
  222. protocol: 'accessing',
  223. fn: function (){
  224. var self=this;
  225. var $1;
  226. $1=self["@reference"];
  227. return $1;
  228. },
  229. //>>excludeStart("ide", pragmas.excludeIdeData);
  230. args: [],
  231. source: "reference\x0a\x09^ reference",
  232. referencedClasses: [],
  233. //>>excludeEnd("ide");
  234. messageSends: []
  235. }),
  236. $globals.Domite);
  237. $core.addMethod(
  238. $core.method({
  239. selector: "reference:",
  240. protocol: 'accessing',
  241. fn: function (anObject){
  242. var self=this;
  243. self["@reference"]=anObject;
  244. return self;
  245. },
  246. //>>excludeStart("ide", pragmas.excludeIdeData);
  247. args: ["anObject"],
  248. source: "reference: anObject\x0a\x09reference := anObject",
  249. referencedClasses: [],
  250. //>>excludeEnd("ide");
  251. messageSends: []
  252. }),
  253. $globals.Domite);
  254. $core.addMethod(
  255. $core.method({
  256. selector: "seekAfterHere",
  257. protocol: 'navigation',
  258. fn: function (){
  259. var self=this;
  260. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  261. return $core.withContext(function($ctx1) {
  262. //>>excludeEnd("ctx");
  263. var $2,$1,$3;
  264. $2=self._element();
  265. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  266. $ctx1.sendIdx["element"]=1;
  267. //>>excludeEnd("ctx");
  268. $1=$recv($2)._nextSibling();
  269. self._reference_($1);
  270. $3=self._element_($recv(self._element())._parentNode());
  271. return self;
  272. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  273. }, function($ctx1) {$ctx1.fill(self,"seekAfterHere",{},$globals.Domite)});
  274. //>>excludeEnd("ctx");
  275. },
  276. //>>excludeStart("ide", pragmas.excludeIdeData);
  277. args: [],
  278. source: "seekAfterHere\x0a\x09self\x0a\x09\x09reference: self element nextSibling;\x0a\x09\x09element: self element parentNode",
  279. referencedClasses: [],
  280. //>>excludeEnd("ide");
  281. messageSends: ["reference:", "nextSibling", "element", "element:", "parentNode"]
  282. }),
  283. $globals.Domite);
  284. $core.addMethod(
  285. $core.method({
  286. selector: "seekBeforeHere",
  287. protocol: 'navigation',
  288. fn: function (){
  289. var self=this;
  290. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  291. return $core.withContext(function($ctx1) {
  292. //>>excludeEnd("ctx");
  293. var $1,$2;
  294. $1=self._element();
  295. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  296. $ctx1.sendIdx["element"]=1;
  297. //>>excludeEnd("ctx");
  298. self._reference_($1);
  299. $2=self._element_($recv(self._element())._parentNode());
  300. return self;
  301. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  302. }, function($ctx1) {$ctx1.fill(self,"seekBeforeHere",{},$globals.Domite)});
  303. //>>excludeEnd("ctx");
  304. },
  305. //>>excludeStart("ide", pragmas.excludeIdeData);
  306. args: [],
  307. source: "seekBeforeHere\x0a\x09self\x0a\x09\x09reference: self element;\x0a\x09\x09element: self element parentNode",
  308. referencedClasses: [],
  309. //>>excludeEnd("ide");
  310. messageSends: ["reference:", "element", "element:", "parentNode"]
  311. }),
  312. $globals.Domite);
  313. $core.addMethod(
  314. $core.method({
  315. selector: "seekHereEnd",
  316. protocol: 'navigation',
  317. fn: function (){
  318. var self=this;
  319. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  320. return $core.withContext(function($ctx1) {
  321. //>>excludeEnd("ctx");
  322. self._reference_(nil._asJSON());
  323. return self;
  324. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  325. }, function($ctx1) {$ctx1.fill(self,"seekHereEnd",{},$globals.Domite)});
  326. //>>excludeEnd("ctx");
  327. },
  328. //>>excludeStart("ide", pragmas.excludeIdeData);
  329. args: [],
  330. source: "seekHereEnd\x0a\x09self reference: nil asJSON \x22null\x22",
  331. referencedClasses: [],
  332. //>>excludeEnd("ide");
  333. messageSends: ["reference:", "asJSON"]
  334. }),
  335. $globals.Domite);
  336. $core.addMethod(
  337. $core.method({
  338. selector: "seekHereStart",
  339. protocol: 'navigation',
  340. fn: function (){
  341. var self=this;
  342. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  343. return $core.withContext(function($ctx1) {
  344. //>>excludeEnd("ctx");
  345. self._reference_($recv(self._element())._firstChild());
  346. return self;
  347. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  348. }, function($ctx1) {$ctx1.fill(self,"seekHereStart",{},$globals.Domite)});
  349. //>>excludeEnd("ctx");
  350. },
  351. //>>excludeStart("ide", pragmas.excludeIdeData);
  352. args: [],
  353. source: "seekHereStart\x0a\x09self reference: self element firstChild",
  354. referencedClasses: [],
  355. //>>excludeEnd("ide");
  356. messageSends: ["reference:", "firstChild", "element"]
  357. }),
  358. $globals.Domite);
  359. $core.addMethod(
  360. $core.method({
  361. selector: "fromElement:",
  362. protocol: 'instance creation',
  363. fn: function (aDomElement){
  364. var self=this;
  365. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  366. return $core.withContext(function($ctx1) {
  367. //>>excludeEnd("ctx");
  368. var $2,$3,$1;
  369. $2=self._new();
  370. $recv($2)._element_(aDomElement);
  371. $3=$recv($2)._yourself();
  372. $1=$3;
  373. return $1;
  374. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  375. }, function($ctx1) {$ctx1.fill(self,"fromElement:",{aDomElement:aDomElement},$globals.Domite.klass)});
  376. //>>excludeEnd("ctx");
  377. },
  378. //>>excludeStart("ide", pragmas.excludeIdeData);
  379. args: ["aDomElement"],
  380. source: "fromElement: aDomElement\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09yourself",
  381. referencedClasses: [],
  382. //>>excludeEnd("ide");
  383. messageSends: ["element:", "new", "yourself"]
  384. }),
  385. $globals.Domite.klass);
  386. $core.addMethod(
  387. $core.method({
  388. selector: "fromElement:cursorBefore:",
  389. protocol: 'instance creation',
  390. fn: function (aDomElement,anotherDomElement){
  391. var self=this;
  392. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  393. return $core.withContext(function($ctx1) {
  394. //>>excludeEnd("ctx");
  395. var $2,$3,$1;
  396. $2=self._new();
  397. $recv($2)._element_(aDomElement);
  398. $recv($2)._referenceElement_(anotherDomElement);
  399. $3=$recv($2)._yourself();
  400. $1=$3;
  401. return $1;
  402. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  403. }, function($ctx1) {$ctx1.fill(self,"fromElement:cursorBefore:",{aDomElement:aDomElement,anotherDomElement:anotherDomElement},$globals.Domite.klass)});
  404. //>>excludeEnd("ctx");
  405. },
  406. //>>excludeStart("ide", pragmas.excludeIdeData);
  407. args: ["aDomElement", "anotherDomElement"],
  408. source: "fromElement: aDomElement cursorBefore: anotherDomElement\x0a\x09^ self new\x0a\x09\x09element: aDomElement;\x0a\x09\x09referenceElement: anotherDomElement;\x0a\x09\x09yourself",
  409. referencedClasses: [],
  410. //>>excludeEnd("ide");
  411. messageSends: ["element:", "new", "referenceElement:", "yourself"]
  412. }),
  413. $globals.Domite.klass);
  414. $core.addMethod(
  415. $core.method({
  416. selector: "fromSelector:",
  417. protocol: 'instance creation',
  418. fn: function (aString){
  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)._querySelector_(aString));
  425. return $1;
  426. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  427. }, function($ctx1) {$ctx1.fill(self,"fromSelector:",{aString:aString},$globals.Domite.klass)});
  428. //>>excludeEnd("ctx");
  429. },
  430. //>>excludeStart("ide", pragmas.excludeIdeData);
  431. args: ["aString"],
  432. source: "fromSelector: aString\x0a\x09^ self fromElement: (document querySelector: aString)",
  433. referencedClasses: [],
  434. //>>excludeEnd("ide");
  435. messageSends: ["fromElement:", "querySelector:"]
  436. }),
  437. $globals.Domite.klass);
  438. $core.addMethod(
  439. $core.method({
  440. selector: "newElement:",
  441. protocol: 'instance creation',
  442. fn: function (aString){
  443. var self=this;
  444. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  445. return $core.withContext(function($ctx1) {
  446. //>>excludeEnd("ctx");
  447. var $1;
  448. $1=self._fromElement_($recv(document)._createElement_(aString));
  449. return $1;
  450. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  451. }, function($ctx1) {$ctx1.fill(self,"newElement:",{aString:aString},$globals.Domite.klass)});
  452. //>>excludeEnd("ctx");
  453. },
  454. //>>excludeStart("ide", pragmas.excludeIdeData);
  455. args: ["aString"],
  456. source: "newElement: aString\x0a\x09^ self fromElement: (document createElement: aString)",
  457. referencedClasses: [],
  458. //>>excludeEnd("ide");
  459. messageSends: ["fromElement:", "createElement:"]
  460. }),
  461. $globals.Domite.klass);
  462. $core.addMethod(
  463. $core.method({
  464. selector: "open",
  465. protocol: 'instance creation',
  466. fn: function (){
  467. var self=this;
  468. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  469. return $core.withContext(function($ctx1) {
  470. //>>excludeEnd("ctx");
  471. var $1;
  472. $1=self._fromElement_($recv(document)._createDocumentFragment());
  473. return $1;
  474. //>>excludeStart("ctx", pragmas.excludeDebugContexts);
  475. }, function($ctx1) {$ctx1.fill(self,"open",{},$globals.Domite.klass)});
  476. //>>excludeEnd("ctx");
  477. },
  478. //>>excludeStart("ide", pragmas.excludeIdeData);
  479. args: [],
  480. source: "open\x0a\x09^ self fromElement: document createDocumentFragment",
  481. referencedClasses: [],
  482. //>>excludeEnd("ide");
  483. messageSends: ["fromElement:", "createDocumentFragment"]
  484. }),
  485. $globals.Domite.klass);
  486. });