linesLayout.js 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754
  1. /*---------------------------------------------------------------------------------------------
  2. * Copyright (c) Microsoft Corporation. All rights reserved.
  3. * Licensed under the MIT License. See License.txt in the project root for license information.
  4. *--------------------------------------------------------------------------------------------*/
  5. import * as strings from '../../../base/common/strings.js';
  6. class PendingChanges {
  7. constructor() {
  8. this._hasPending = false;
  9. this._inserts = [];
  10. this._changes = [];
  11. this._removes = [];
  12. }
  13. insert(x) {
  14. this._hasPending = true;
  15. this._inserts.push(x);
  16. }
  17. change(x) {
  18. this._hasPending = true;
  19. this._changes.push(x);
  20. }
  21. remove(x) {
  22. this._hasPending = true;
  23. this._removes.push(x);
  24. }
  25. mustCommit() {
  26. return this._hasPending;
  27. }
  28. commit(linesLayout) {
  29. if (!this._hasPending) {
  30. return;
  31. }
  32. const inserts = this._inserts;
  33. const changes = this._changes;
  34. const removes = this._removes;
  35. this._hasPending = false;
  36. this._inserts = [];
  37. this._changes = [];
  38. this._removes = [];
  39. linesLayout._commitPendingChanges(inserts, changes, removes);
  40. }
  41. }
  42. export class EditorWhitespace {
  43. constructor(id, afterLineNumber, ordinal, height, minWidth) {
  44. this.id = id;
  45. this.afterLineNumber = afterLineNumber;
  46. this.ordinal = ordinal;
  47. this.height = height;
  48. this.minWidth = minWidth;
  49. this.prefixSum = 0;
  50. }
  51. }
  52. /**
  53. * Layouting of objects that take vertical space (by having a height) and push down other objects.
  54. *
  55. * These objects are basically either text (lines) or spaces between those lines (whitespaces).
  56. * This provides commodity operations for working with lines that contain whitespace that pushes lines lower (vertically).
  57. */
  58. export class LinesLayout {
  59. constructor(lineCount, lineHeight, paddingTop, paddingBottom) {
  60. this._instanceId = strings.singleLetterHash(++LinesLayout.INSTANCE_COUNT);
  61. this._pendingChanges = new PendingChanges();
  62. this._lastWhitespaceId = 0;
  63. this._arr = [];
  64. this._prefixSumValidIndex = -1;
  65. this._minWidth = -1; /* marker for not being computed */
  66. this._lineCount = lineCount;
  67. this._lineHeight = lineHeight;
  68. this._paddingTop = paddingTop;
  69. this._paddingBottom = paddingBottom;
  70. }
  71. /**
  72. * Find the insertion index for a new value inside a sorted array of values.
  73. * If the value is already present in the sorted array, the insertion index will be after the already existing value.
  74. */
  75. static findInsertionIndex(arr, afterLineNumber, ordinal) {
  76. let low = 0;
  77. let high = arr.length;
  78. while (low < high) {
  79. const mid = ((low + high) >>> 1);
  80. if (afterLineNumber === arr[mid].afterLineNumber) {
  81. if (ordinal < arr[mid].ordinal) {
  82. high = mid;
  83. }
  84. else {
  85. low = mid + 1;
  86. }
  87. }
  88. else if (afterLineNumber < arr[mid].afterLineNumber) {
  89. high = mid;
  90. }
  91. else {
  92. low = mid + 1;
  93. }
  94. }
  95. return low;
  96. }
  97. /**
  98. * Change the height of a line in pixels.
  99. */
  100. setLineHeight(lineHeight) {
  101. this._checkPendingChanges();
  102. this._lineHeight = lineHeight;
  103. }
  104. /**
  105. * Changes the padding used to calculate vertical offsets.
  106. */
  107. setPadding(paddingTop, paddingBottom) {
  108. this._paddingTop = paddingTop;
  109. this._paddingBottom = paddingBottom;
  110. }
  111. /**
  112. * Set the number of lines.
  113. *
  114. * @param lineCount New number of lines.
  115. */
  116. onFlushed(lineCount) {
  117. this._checkPendingChanges();
  118. this._lineCount = lineCount;
  119. }
  120. changeWhitespace(callback) {
  121. let hadAChange = false;
  122. try {
  123. const accessor = {
  124. insertWhitespace: (afterLineNumber, ordinal, heightInPx, minWidth) => {
  125. hadAChange = true;
  126. afterLineNumber = afterLineNumber | 0;
  127. ordinal = ordinal | 0;
  128. heightInPx = heightInPx | 0;
  129. minWidth = minWidth | 0;
  130. const id = this._instanceId + (++this._lastWhitespaceId);
  131. this._pendingChanges.insert(new EditorWhitespace(id, afterLineNumber, ordinal, heightInPx, minWidth));
  132. return id;
  133. },
  134. changeOneWhitespace: (id, newAfterLineNumber, newHeight) => {
  135. hadAChange = true;
  136. newAfterLineNumber = newAfterLineNumber | 0;
  137. newHeight = newHeight | 0;
  138. this._pendingChanges.change({ id, newAfterLineNumber, newHeight });
  139. },
  140. removeWhitespace: (id) => {
  141. hadAChange = true;
  142. this._pendingChanges.remove({ id });
  143. }
  144. };
  145. callback(accessor);
  146. }
  147. finally {
  148. this._pendingChanges.commit(this);
  149. }
  150. return hadAChange;
  151. }
  152. _commitPendingChanges(inserts, changes, removes) {
  153. if (inserts.length > 0 || removes.length > 0) {
  154. this._minWidth = -1; /* marker for not being computed */
  155. }
  156. if (inserts.length + changes.length + removes.length <= 1) {
  157. // when only one thing happened, handle it "delicately"
  158. for (const insert of inserts) {
  159. this._insertWhitespace(insert);
  160. }
  161. for (const change of changes) {
  162. this._changeOneWhitespace(change.id, change.newAfterLineNumber, change.newHeight);
  163. }
  164. for (const remove of removes) {
  165. const index = this._findWhitespaceIndex(remove.id);
  166. if (index === -1) {
  167. continue;
  168. }
  169. this._removeWhitespace(index);
  170. }
  171. return;
  172. }
  173. // simply rebuild the entire datastructure
  174. const toRemove = new Set();
  175. for (const remove of removes) {
  176. toRemove.add(remove.id);
  177. }
  178. const toChange = new Map();
  179. for (const change of changes) {
  180. toChange.set(change.id, change);
  181. }
  182. const applyRemoveAndChange = (whitespaces) => {
  183. let result = [];
  184. for (const whitespace of whitespaces) {
  185. if (toRemove.has(whitespace.id)) {
  186. continue;
  187. }
  188. if (toChange.has(whitespace.id)) {
  189. const change = toChange.get(whitespace.id);
  190. whitespace.afterLineNumber = change.newAfterLineNumber;
  191. whitespace.height = change.newHeight;
  192. }
  193. result.push(whitespace);
  194. }
  195. return result;
  196. };
  197. const result = applyRemoveAndChange(this._arr).concat(applyRemoveAndChange(inserts));
  198. result.sort((a, b) => {
  199. if (a.afterLineNumber === b.afterLineNumber) {
  200. return a.ordinal - b.ordinal;
  201. }
  202. return a.afterLineNumber - b.afterLineNumber;
  203. });
  204. this._arr = result;
  205. this._prefixSumValidIndex = -1;
  206. }
  207. _checkPendingChanges() {
  208. if (this._pendingChanges.mustCommit()) {
  209. this._pendingChanges.commit(this);
  210. }
  211. }
  212. _insertWhitespace(whitespace) {
  213. const insertIndex = LinesLayout.findInsertionIndex(this._arr, whitespace.afterLineNumber, whitespace.ordinal);
  214. this._arr.splice(insertIndex, 0, whitespace);
  215. this._prefixSumValidIndex = Math.min(this._prefixSumValidIndex, insertIndex - 1);
  216. }
  217. _findWhitespaceIndex(id) {
  218. const arr = this._arr;
  219. for (let i = 0, len = arr.length; i < len; i++) {
  220. if (arr[i].id === id) {
  221. return i;
  222. }
  223. }
  224. return -1;
  225. }
  226. _changeOneWhitespace(id, newAfterLineNumber, newHeight) {
  227. const index = this._findWhitespaceIndex(id);
  228. if (index === -1) {
  229. return;
  230. }
  231. if (this._arr[index].height !== newHeight) {
  232. this._arr[index].height = newHeight;
  233. this._prefixSumValidIndex = Math.min(this._prefixSumValidIndex, index - 1);
  234. }
  235. if (this._arr[index].afterLineNumber !== newAfterLineNumber) {
  236. // `afterLineNumber` changed for this whitespace
  237. // Record old whitespace
  238. const whitespace = this._arr[index];
  239. // Since changing `afterLineNumber` can trigger a reordering, we're gonna remove this whitespace
  240. this._removeWhitespace(index);
  241. whitespace.afterLineNumber = newAfterLineNumber;
  242. // And add it again
  243. this._insertWhitespace(whitespace);
  244. }
  245. }
  246. _removeWhitespace(removeIndex) {
  247. this._arr.splice(removeIndex, 1);
  248. this._prefixSumValidIndex = Math.min(this._prefixSumValidIndex, removeIndex - 1);
  249. }
  250. /**
  251. * Notify the layouter that lines have been deleted (a continuous zone of lines).
  252. *
  253. * @param fromLineNumber The line number at which the deletion started, inclusive
  254. * @param toLineNumber The line number at which the deletion ended, inclusive
  255. */
  256. onLinesDeleted(fromLineNumber, toLineNumber) {
  257. this._checkPendingChanges();
  258. fromLineNumber = fromLineNumber | 0;
  259. toLineNumber = toLineNumber | 0;
  260. this._lineCount -= (toLineNumber - fromLineNumber + 1);
  261. for (let i = 0, len = this._arr.length; i < len; i++) {
  262. const afterLineNumber = this._arr[i].afterLineNumber;
  263. if (fromLineNumber <= afterLineNumber && afterLineNumber <= toLineNumber) {
  264. // The line this whitespace was after has been deleted
  265. // => move whitespace to before first deleted line
  266. this._arr[i].afterLineNumber = fromLineNumber - 1;
  267. }
  268. else if (afterLineNumber > toLineNumber) {
  269. // The line this whitespace was after has been moved up
  270. // => move whitespace up
  271. this._arr[i].afterLineNumber -= (toLineNumber - fromLineNumber + 1);
  272. }
  273. }
  274. }
  275. /**
  276. * Notify the layouter that lines have been inserted (a continuous zone of lines).
  277. *
  278. * @param fromLineNumber The line number at which the insertion started, inclusive
  279. * @param toLineNumber The line number at which the insertion ended, inclusive.
  280. */
  281. onLinesInserted(fromLineNumber, toLineNumber) {
  282. this._checkPendingChanges();
  283. fromLineNumber = fromLineNumber | 0;
  284. toLineNumber = toLineNumber | 0;
  285. this._lineCount += (toLineNumber - fromLineNumber + 1);
  286. for (let i = 0, len = this._arr.length; i < len; i++) {
  287. const afterLineNumber = this._arr[i].afterLineNumber;
  288. if (fromLineNumber <= afterLineNumber) {
  289. this._arr[i].afterLineNumber += (toLineNumber - fromLineNumber + 1);
  290. }
  291. }
  292. }
  293. /**
  294. * Get the sum of all the whitespaces.
  295. */
  296. getWhitespacesTotalHeight() {
  297. this._checkPendingChanges();
  298. if (this._arr.length === 0) {
  299. return 0;
  300. }
  301. return this.getWhitespacesAccumulatedHeight(this._arr.length - 1);
  302. }
  303. /**
  304. * Return the sum of the heights of the whitespaces at [0..index].
  305. * This includes the whitespace at `index`.
  306. *
  307. * @param index The index of the whitespace.
  308. * @return The sum of the heights of all whitespaces before the one at `index`, including the one at `index`.
  309. */
  310. getWhitespacesAccumulatedHeight(index) {
  311. this._checkPendingChanges();
  312. index = index | 0;
  313. let startIndex = Math.max(0, this._prefixSumValidIndex + 1);
  314. if (startIndex === 0) {
  315. this._arr[0].prefixSum = this._arr[0].height;
  316. startIndex++;
  317. }
  318. for (let i = startIndex; i <= index; i++) {
  319. this._arr[i].prefixSum = this._arr[i - 1].prefixSum + this._arr[i].height;
  320. }
  321. this._prefixSumValidIndex = Math.max(this._prefixSumValidIndex, index);
  322. return this._arr[index].prefixSum;
  323. }
  324. /**
  325. * Get the sum of heights for all objects.
  326. *
  327. * @return The sum of heights for all objects.
  328. */
  329. getLinesTotalHeight() {
  330. this._checkPendingChanges();
  331. const linesHeight = this._lineHeight * this._lineCount;
  332. const whitespacesHeight = this.getWhitespacesTotalHeight();
  333. return linesHeight + whitespacesHeight + this._paddingTop + this._paddingBottom;
  334. }
  335. /**
  336. * Returns the accumulated height of whitespaces before the given line number.
  337. *
  338. * @param lineNumber The line number
  339. */
  340. getWhitespaceAccumulatedHeightBeforeLineNumber(lineNumber) {
  341. this._checkPendingChanges();
  342. lineNumber = lineNumber | 0;
  343. const lastWhitespaceBeforeLineNumber = this._findLastWhitespaceBeforeLineNumber(lineNumber);
  344. if (lastWhitespaceBeforeLineNumber === -1) {
  345. return 0;
  346. }
  347. return this.getWhitespacesAccumulatedHeight(lastWhitespaceBeforeLineNumber);
  348. }
  349. _findLastWhitespaceBeforeLineNumber(lineNumber) {
  350. lineNumber = lineNumber | 0;
  351. // Find the whitespace before line number
  352. const arr = this._arr;
  353. let low = 0;
  354. let high = arr.length - 1;
  355. while (low <= high) {
  356. const delta = (high - low) | 0;
  357. const halfDelta = (delta / 2) | 0;
  358. const mid = (low + halfDelta) | 0;
  359. if (arr[mid].afterLineNumber < lineNumber) {
  360. if (mid + 1 >= arr.length || arr[mid + 1].afterLineNumber >= lineNumber) {
  361. return mid;
  362. }
  363. else {
  364. low = (mid + 1) | 0;
  365. }
  366. }
  367. else {
  368. high = (mid - 1) | 0;
  369. }
  370. }
  371. return -1;
  372. }
  373. _findFirstWhitespaceAfterLineNumber(lineNumber) {
  374. lineNumber = lineNumber | 0;
  375. const lastWhitespaceBeforeLineNumber = this._findLastWhitespaceBeforeLineNumber(lineNumber);
  376. const firstWhitespaceAfterLineNumber = lastWhitespaceBeforeLineNumber + 1;
  377. if (firstWhitespaceAfterLineNumber < this._arr.length) {
  378. return firstWhitespaceAfterLineNumber;
  379. }
  380. return -1;
  381. }
  382. /**
  383. * Find the index of the first whitespace which has `afterLineNumber` >= `lineNumber`.
  384. * @return The index of the first whitespace with `afterLineNumber` >= `lineNumber` or -1 if no whitespace is found.
  385. */
  386. getFirstWhitespaceIndexAfterLineNumber(lineNumber) {
  387. this._checkPendingChanges();
  388. lineNumber = lineNumber | 0;
  389. return this._findFirstWhitespaceAfterLineNumber(lineNumber);
  390. }
  391. /**
  392. * Get the vertical offset (the sum of heights for all objects above) a certain line number.
  393. *
  394. * @param lineNumber The line number
  395. * @return The sum of heights for all objects above `lineNumber`.
  396. */
  397. getVerticalOffsetForLineNumber(lineNumber) {
  398. this._checkPendingChanges();
  399. lineNumber = lineNumber | 0;
  400. let previousLinesHeight;
  401. if (lineNumber > 1) {
  402. previousLinesHeight = this._lineHeight * (lineNumber - 1);
  403. }
  404. else {
  405. previousLinesHeight = 0;
  406. }
  407. const previousWhitespacesHeight = this.getWhitespaceAccumulatedHeightBeforeLineNumber(lineNumber);
  408. return previousLinesHeight + previousWhitespacesHeight + this._paddingTop;
  409. }
  410. /**
  411. * The maximum min width for all whitespaces.
  412. */
  413. getWhitespaceMinWidth() {
  414. this._checkPendingChanges();
  415. if (this._minWidth === -1) {
  416. let minWidth = 0;
  417. for (let i = 0, len = this._arr.length; i < len; i++) {
  418. minWidth = Math.max(minWidth, this._arr[i].minWidth);
  419. }
  420. this._minWidth = minWidth;
  421. }
  422. return this._minWidth;
  423. }
  424. /**
  425. * Check if `verticalOffset` is below all lines.
  426. */
  427. isAfterLines(verticalOffset) {
  428. this._checkPendingChanges();
  429. const totalHeight = this.getLinesTotalHeight();
  430. return verticalOffset > totalHeight;
  431. }
  432. isInTopPadding(verticalOffset) {
  433. if (this._paddingTop === 0) {
  434. return false;
  435. }
  436. this._checkPendingChanges();
  437. return (verticalOffset < this._paddingTop);
  438. }
  439. isInBottomPadding(verticalOffset) {
  440. if (this._paddingBottom === 0) {
  441. return false;
  442. }
  443. this._checkPendingChanges();
  444. const totalHeight = this.getLinesTotalHeight();
  445. return (verticalOffset >= totalHeight - this._paddingBottom);
  446. }
  447. /**
  448. * Find the first line number that is at or after vertical offset `verticalOffset`.
  449. * i.e. if getVerticalOffsetForLine(line) is x and getVerticalOffsetForLine(line + 1) is y, then
  450. * getLineNumberAtOrAfterVerticalOffset(i) = line, x <= i < y.
  451. *
  452. * @param verticalOffset The vertical offset to search at.
  453. * @return The line number at or after vertical offset `verticalOffset`.
  454. */
  455. getLineNumberAtOrAfterVerticalOffset(verticalOffset) {
  456. this._checkPendingChanges();
  457. verticalOffset = verticalOffset | 0;
  458. if (verticalOffset < 0) {
  459. return 1;
  460. }
  461. const linesCount = this._lineCount | 0;
  462. const lineHeight = this._lineHeight;
  463. let minLineNumber = 1;
  464. let maxLineNumber = linesCount;
  465. while (minLineNumber < maxLineNumber) {
  466. const midLineNumber = ((minLineNumber + maxLineNumber) / 2) | 0;
  467. const midLineNumberVerticalOffset = this.getVerticalOffsetForLineNumber(midLineNumber) | 0;
  468. if (verticalOffset >= midLineNumberVerticalOffset + lineHeight) {
  469. // vertical offset is after mid line number
  470. minLineNumber = midLineNumber + 1;
  471. }
  472. else if (verticalOffset >= midLineNumberVerticalOffset) {
  473. // Hit
  474. return midLineNumber;
  475. }
  476. else {
  477. // vertical offset is before mid line number, but mid line number could still be what we're searching for
  478. maxLineNumber = midLineNumber;
  479. }
  480. }
  481. if (minLineNumber > linesCount) {
  482. return linesCount;
  483. }
  484. return minLineNumber;
  485. }
  486. /**
  487. * Get all the lines and their relative vertical offsets that are positioned between `verticalOffset1` and `verticalOffset2`.
  488. *
  489. * @param verticalOffset1 The beginning of the viewport.
  490. * @param verticalOffset2 The end of the viewport.
  491. * @return A structure describing the lines positioned between `verticalOffset1` and `verticalOffset2`.
  492. */
  493. getLinesViewportData(verticalOffset1, verticalOffset2) {
  494. this._checkPendingChanges();
  495. verticalOffset1 = verticalOffset1 | 0;
  496. verticalOffset2 = verticalOffset2 | 0;
  497. const lineHeight = this._lineHeight;
  498. // Find first line number
  499. // We don't live in a perfect world, so the line number might start before or after verticalOffset1
  500. const startLineNumber = this.getLineNumberAtOrAfterVerticalOffset(verticalOffset1) | 0;
  501. const startLineNumberVerticalOffset = this.getVerticalOffsetForLineNumber(startLineNumber) | 0;
  502. let endLineNumber = this._lineCount | 0;
  503. // Also keep track of what whitespace we've got
  504. let whitespaceIndex = this.getFirstWhitespaceIndexAfterLineNumber(startLineNumber) | 0;
  505. const whitespaceCount = this.getWhitespacesCount() | 0;
  506. let currentWhitespaceHeight;
  507. let currentWhitespaceAfterLineNumber;
  508. if (whitespaceIndex === -1) {
  509. whitespaceIndex = whitespaceCount;
  510. currentWhitespaceAfterLineNumber = endLineNumber + 1;
  511. currentWhitespaceHeight = 0;
  512. }
  513. else {
  514. currentWhitespaceAfterLineNumber = this.getAfterLineNumberForWhitespaceIndex(whitespaceIndex) | 0;
  515. currentWhitespaceHeight = this.getHeightForWhitespaceIndex(whitespaceIndex) | 0;
  516. }
  517. let currentVerticalOffset = startLineNumberVerticalOffset;
  518. let currentLineRelativeOffset = currentVerticalOffset;
  519. // IE (all versions) cannot handle units above about 1,533,908 px, so every 500k pixels bring numbers down
  520. const STEP_SIZE = 500000;
  521. let bigNumbersDelta = 0;
  522. if (startLineNumberVerticalOffset >= STEP_SIZE) {
  523. // Compute a delta that guarantees that lines are positioned at `lineHeight` increments
  524. bigNumbersDelta = Math.floor(startLineNumberVerticalOffset / STEP_SIZE) * STEP_SIZE;
  525. bigNumbersDelta = Math.floor(bigNumbersDelta / lineHeight) * lineHeight;
  526. currentLineRelativeOffset -= bigNumbersDelta;
  527. }
  528. const linesOffsets = [];
  529. const verticalCenter = verticalOffset1 + (verticalOffset2 - verticalOffset1) / 2;
  530. let centeredLineNumber = -1;
  531. // Figure out how far the lines go
  532. for (let lineNumber = startLineNumber; lineNumber <= endLineNumber; lineNumber++) {
  533. if (centeredLineNumber === -1) {
  534. const currentLineTop = currentVerticalOffset;
  535. const currentLineBottom = currentVerticalOffset + lineHeight;
  536. if ((currentLineTop <= verticalCenter && verticalCenter < currentLineBottom) || currentLineTop > verticalCenter) {
  537. centeredLineNumber = lineNumber;
  538. }
  539. }
  540. // Count current line height in the vertical offsets
  541. currentVerticalOffset += lineHeight;
  542. linesOffsets[lineNumber - startLineNumber] = currentLineRelativeOffset;
  543. // Next line starts immediately after this one
  544. currentLineRelativeOffset += lineHeight;
  545. while (currentWhitespaceAfterLineNumber === lineNumber) {
  546. // Push down next line with the height of the current whitespace
  547. currentLineRelativeOffset += currentWhitespaceHeight;
  548. // Count current whitespace in the vertical offsets
  549. currentVerticalOffset += currentWhitespaceHeight;
  550. whitespaceIndex++;
  551. if (whitespaceIndex >= whitespaceCount) {
  552. currentWhitespaceAfterLineNumber = endLineNumber + 1;
  553. }
  554. else {
  555. currentWhitespaceAfterLineNumber = this.getAfterLineNumberForWhitespaceIndex(whitespaceIndex) | 0;
  556. currentWhitespaceHeight = this.getHeightForWhitespaceIndex(whitespaceIndex) | 0;
  557. }
  558. }
  559. if (currentVerticalOffset >= verticalOffset2) {
  560. // We have covered the entire viewport area, time to stop
  561. endLineNumber = lineNumber;
  562. break;
  563. }
  564. }
  565. if (centeredLineNumber === -1) {
  566. centeredLineNumber = endLineNumber;
  567. }
  568. const endLineNumberVerticalOffset = this.getVerticalOffsetForLineNumber(endLineNumber) | 0;
  569. let completelyVisibleStartLineNumber = startLineNumber;
  570. let completelyVisibleEndLineNumber = endLineNumber;
  571. if (completelyVisibleStartLineNumber < completelyVisibleEndLineNumber) {
  572. if (startLineNumberVerticalOffset < verticalOffset1) {
  573. completelyVisibleStartLineNumber++;
  574. }
  575. }
  576. if (completelyVisibleStartLineNumber < completelyVisibleEndLineNumber) {
  577. if (endLineNumberVerticalOffset + lineHeight > verticalOffset2) {
  578. completelyVisibleEndLineNumber--;
  579. }
  580. }
  581. return {
  582. bigNumbersDelta: bigNumbersDelta,
  583. startLineNumber: startLineNumber,
  584. endLineNumber: endLineNumber,
  585. relativeVerticalOffset: linesOffsets,
  586. centeredLineNumber: centeredLineNumber,
  587. completelyVisibleStartLineNumber: completelyVisibleStartLineNumber,
  588. completelyVisibleEndLineNumber: completelyVisibleEndLineNumber
  589. };
  590. }
  591. getVerticalOffsetForWhitespaceIndex(whitespaceIndex) {
  592. this._checkPendingChanges();
  593. whitespaceIndex = whitespaceIndex | 0;
  594. const afterLineNumber = this.getAfterLineNumberForWhitespaceIndex(whitespaceIndex);
  595. let previousLinesHeight;
  596. if (afterLineNumber >= 1) {
  597. previousLinesHeight = this._lineHeight * afterLineNumber;
  598. }
  599. else {
  600. previousLinesHeight = 0;
  601. }
  602. let previousWhitespacesHeight;
  603. if (whitespaceIndex > 0) {
  604. previousWhitespacesHeight = this.getWhitespacesAccumulatedHeight(whitespaceIndex - 1);
  605. }
  606. else {
  607. previousWhitespacesHeight = 0;
  608. }
  609. return previousLinesHeight + previousWhitespacesHeight + this._paddingTop;
  610. }
  611. getWhitespaceIndexAtOrAfterVerticallOffset(verticalOffset) {
  612. this._checkPendingChanges();
  613. verticalOffset = verticalOffset | 0;
  614. let minWhitespaceIndex = 0;
  615. let maxWhitespaceIndex = this.getWhitespacesCount() - 1;
  616. if (maxWhitespaceIndex < 0) {
  617. return -1;
  618. }
  619. // Special case: nothing to be found
  620. const maxWhitespaceVerticalOffset = this.getVerticalOffsetForWhitespaceIndex(maxWhitespaceIndex);
  621. const maxWhitespaceHeight = this.getHeightForWhitespaceIndex(maxWhitespaceIndex);
  622. if (verticalOffset >= maxWhitespaceVerticalOffset + maxWhitespaceHeight) {
  623. return -1;
  624. }
  625. while (minWhitespaceIndex < maxWhitespaceIndex) {
  626. const midWhitespaceIndex = Math.floor((minWhitespaceIndex + maxWhitespaceIndex) / 2);
  627. const midWhitespaceVerticalOffset = this.getVerticalOffsetForWhitespaceIndex(midWhitespaceIndex);
  628. const midWhitespaceHeight = this.getHeightForWhitespaceIndex(midWhitespaceIndex);
  629. if (verticalOffset >= midWhitespaceVerticalOffset + midWhitespaceHeight) {
  630. // vertical offset is after whitespace
  631. minWhitespaceIndex = midWhitespaceIndex + 1;
  632. }
  633. else if (verticalOffset >= midWhitespaceVerticalOffset) {
  634. // Hit
  635. return midWhitespaceIndex;
  636. }
  637. else {
  638. // vertical offset is before whitespace, but midWhitespaceIndex might still be what we're searching for
  639. maxWhitespaceIndex = midWhitespaceIndex;
  640. }
  641. }
  642. return minWhitespaceIndex;
  643. }
  644. /**
  645. * Get exactly the whitespace that is layouted at `verticalOffset`.
  646. *
  647. * @param verticalOffset The vertical offset.
  648. * @return Precisely the whitespace that is layouted at `verticaloffset` or null.
  649. */
  650. getWhitespaceAtVerticalOffset(verticalOffset) {
  651. this._checkPendingChanges();
  652. verticalOffset = verticalOffset | 0;
  653. const candidateIndex = this.getWhitespaceIndexAtOrAfterVerticallOffset(verticalOffset);
  654. if (candidateIndex < 0) {
  655. return null;
  656. }
  657. if (candidateIndex >= this.getWhitespacesCount()) {
  658. return null;
  659. }
  660. const candidateTop = this.getVerticalOffsetForWhitespaceIndex(candidateIndex);
  661. if (candidateTop > verticalOffset) {
  662. return null;
  663. }
  664. const candidateHeight = this.getHeightForWhitespaceIndex(candidateIndex);
  665. const candidateId = this.getIdForWhitespaceIndex(candidateIndex);
  666. const candidateAfterLineNumber = this.getAfterLineNumberForWhitespaceIndex(candidateIndex);
  667. return {
  668. id: candidateId,
  669. afterLineNumber: candidateAfterLineNumber,
  670. verticalOffset: candidateTop,
  671. height: candidateHeight
  672. };
  673. }
  674. /**
  675. * Get a list of whitespaces that are positioned between `verticalOffset1` and `verticalOffset2`.
  676. *
  677. * @param verticalOffset1 The beginning of the viewport.
  678. * @param verticalOffset2 The end of the viewport.
  679. * @return An array with all the whitespaces in the viewport. If no whitespace is in viewport, the array is empty.
  680. */
  681. getWhitespaceViewportData(verticalOffset1, verticalOffset2) {
  682. this._checkPendingChanges();
  683. verticalOffset1 = verticalOffset1 | 0;
  684. verticalOffset2 = verticalOffset2 | 0;
  685. const startIndex = this.getWhitespaceIndexAtOrAfterVerticallOffset(verticalOffset1);
  686. const endIndex = this.getWhitespacesCount() - 1;
  687. if (startIndex < 0) {
  688. return [];
  689. }
  690. let result = [];
  691. for (let i = startIndex; i <= endIndex; i++) {
  692. const top = this.getVerticalOffsetForWhitespaceIndex(i);
  693. const height = this.getHeightForWhitespaceIndex(i);
  694. if (top >= verticalOffset2) {
  695. break;
  696. }
  697. result.push({
  698. id: this.getIdForWhitespaceIndex(i),
  699. afterLineNumber: this.getAfterLineNumberForWhitespaceIndex(i),
  700. verticalOffset: top,
  701. height: height
  702. });
  703. }
  704. return result;
  705. }
  706. /**
  707. * Get all whitespaces.
  708. */
  709. getWhitespaces() {
  710. this._checkPendingChanges();
  711. return this._arr.slice(0);
  712. }
  713. /**
  714. * The number of whitespaces.
  715. */
  716. getWhitespacesCount() {
  717. this._checkPendingChanges();
  718. return this._arr.length;
  719. }
  720. /**
  721. * Get the `id` for whitespace at index `index`.
  722. *
  723. * @param index The index of the whitespace.
  724. * @return `id` of whitespace at `index`.
  725. */
  726. getIdForWhitespaceIndex(index) {
  727. this._checkPendingChanges();
  728. index = index | 0;
  729. return this._arr[index].id;
  730. }
  731. /**
  732. * Get the `afterLineNumber` for whitespace at index `index`.
  733. *
  734. * @param index The index of the whitespace.
  735. * @return `afterLineNumber` of whitespace at `index`.
  736. */
  737. getAfterLineNumberForWhitespaceIndex(index) {
  738. this._checkPendingChanges();
  739. index = index | 0;
  740. return this._arr[index].afterLineNumber;
  741. }
  742. /**
  743. * Get the `height` for whitespace at index `index`.
  744. *
  745. * @param index The index of the whitespace.
  746. * @return `height` of whitespace at `index`.
  747. */
  748. getHeightForWhitespaceIndex(index) {
  749. this._checkPendingChanges();
  750. index = index | 0;
  751. return this._arr[index].height;
  752. }
  753. }
  754. LinesLayout.INSTANCE_COUNT = 0;