Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Implement Mobiledoc parser for v0.3.0 format
- Loading branch information
Showing
4 changed files
with
419 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,169 @@ | ||
| import { | ||
| MOBILEDOC_MARKUP_SECTION_TYPE, | ||
| MOBILEDOC_IMAGE_SECTION_TYPE, | ||
| MOBILEDOC_LIST_SECTION_TYPE, | ||
| MOBILEDOC_CARD_SECTION_TYPE, | ||
| MOBILEDOC_MARKUP_MARKER_TYPE, | ||
| MOBILEDOC_ATOM_MARKER_TYPE | ||
| } from 'mobiledoc-kit/renderers/mobiledoc/0-3'; | ||
| import { kvArrayToObject, filter } from "../../utils/array-utils"; | ||
|
|
||
| /* | ||
| * Parses from mobiledoc -> post | ||
| */ | ||
| export default class MobiledocParser { | ||
| constructor(builder) { | ||
| this.builder = builder; | ||
| } | ||
|
|
||
| /** | ||
| * @method parse | ||
| * @param {Mobiledoc} | ||
| * @return {Post} | ||
| */ | ||
| parse({ version, sections, markups: markerTypes, cards: cardTypes, atoms: atomTypes }) { | ||
| try { | ||
| const post = this.builder.createPost(); | ||
|
|
||
| this.markups = []; | ||
| this.markerTypes = this.parseMarkerTypes(markerTypes); | ||
| this.cardTypes = this.parseCardTypes(cardTypes); | ||
| this.atomTypes = this.parseAtomTypes(atomTypes); | ||
| this.parseSections(sections, post); | ||
|
|
||
| return post; | ||
| } catch (e) { | ||
| throw new Error(`Unable to parse mobiledoc: ${e.message}`); | ||
| } | ||
| } | ||
|
|
||
| parseMarkerTypes(markerTypes) { | ||
| return markerTypes.map((markerType) => this.parseMarkerType(markerType)); | ||
| } | ||
|
|
||
| parseMarkerType([tagName, attributesArray]) { | ||
| const attributesObject = kvArrayToObject(attributesArray || []); | ||
| return this.builder.createMarkup(tagName, attributesObject); | ||
| } | ||
|
|
||
| parseCardTypes(cardTypes) { | ||
| return cardTypes.map((cardType) => this.parseCardType(cardType)); | ||
| } | ||
|
|
||
| parseCardType([cardName, cardPayload]) { | ||
| return [cardName, cardPayload]; | ||
| } | ||
|
|
||
| parseAtomTypes(atomTypes) { | ||
| return atomTypes.map((atomType) => this.parseAtomType(atomType)); | ||
| } | ||
|
|
||
| parseAtomType([atomName, atomValue, atomPayload]) { | ||
| return [atomName, atomValue, atomPayload]; | ||
| } | ||
|
|
||
| parseSections(sections, post) { | ||
| sections.forEach((section) => this.parseSection(section, post)); | ||
| } | ||
|
|
||
| parseSection(section, post) { | ||
| let [type] = section; | ||
| switch(type) { | ||
| case MOBILEDOC_MARKUP_SECTION_TYPE: | ||
| this.parseMarkupSection(section, post); | ||
| break; | ||
| case MOBILEDOC_IMAGE_SECTION_TYPE: | ||
| this.parseImageSection(section, post); | ||
| break; | ||
| case MOBILEDOC_CARD_SECTION_TYPE: | ||
| this.parseCardSection(section, post); | ||
| break; | ||
| case MOBILEDOC_LIST_SECTION_TYPE: | ||
| this.parseListSection(section, post); | ||
| break; | ||
| default: | ||
| throw new Error(`Unexpected section type ${type}`); | ||
| } | ||
| } | ||
|
|
||
| getAtomTypeFromIndex(index) { | ||
| const atomType = this.atomTypes[index]; | ||
| if (!atomType) { | ||
| throw new Error(`No atom definition found at index ${index}`); | ||
| } | ||
| return atomType; | ||
| } | ||
|
|
||
| getCardTypeFromIndex(index) { | ||
| const cardType = this.cardTypes[index]; | ||
| if (!cardType) { | ||
| throw new Error(`No card definition found at index ${index}`); | ||
| } | ||
| return cardType; | ||
| } | ||
|
|
||
| parseCardSection([type, cardIndex], post) { | ||
| const [name, payload] = this.getCardTypeFromIndex(cardIndex); | ||
| const section = this.builder.createCardSection(name, payload); | ||
| post.sections.append(section); | ||
| } | ||
|
|
||
| parseImageSection([type, src], post) { | ||
| const section = this.builder.createImageSection(src); | ||
| post.sections.append(section); | ||
| } | ||
|
|
||
| parseMarkupSection([type, tagName, markers], post) { | ||
| const section = this.builder.createMarkupSection(tagName); | ||
| post.sections.append(section); | ||
| this.parseMarkers(markers, section); | ||
| // Strip blank markers after the have been created. This ensures any | ||
| // markup they include has been correctly populated. | ||
| filter(section.markers, m => m.isEmpty).forEach(m => { | ||
| section.markers.remove(m); | ||
| }); | ||
| } | ||
|
|
||
| parseListSection([type, tagName, items], post) { | ||
| const section = this.builder.createListSection(tagName); | ||
| post.sections.append(section); | ||
| this.parseListItems(items, section); | ||
| } | ||
|
|
||
| parseListItems(items, section) { | ||
| items.forEach(i => this.parseListItem(i, section)); | ||
| } | ||
|
|
||
| parseListItem(markers, section) { | ||
| const item = this.builder.createListItem(); | ||
| this.parseMarkers(markers, item); | ||
| section.items.append(item); | ||
| } | ||
|
|
||
| parseMarkers(markers, parent) { | ||
| markers.forEach(m => this.parseMarker(m, parent)); | ||
| } | ||
|
|
||
| parseMarker([type, markerTypeIndexes, closeCount, value], parent) { | ||
| markerTypeIndexes.forEach(index => { | ||
| this.markups.push(this.markerTypes[index]); | ||
| }); | ||
|
|
||
| const marker = this.buildMarkerType(type, value); | ||
| parent.markers.append(marker); | ||
|
|
||
| this.markups = this.markups.slice(0, this.markups.length-closeCount); | ||
| } | ||
|
|
||
| buildMarkerType(type, value) { | ||
| switch (type) { | ||
| case MOBILEDOC_MARKUP_MARKER_TYPE: | ||
| return this.builder.createMarker(value, this.markups.slice()); | ||
| case MOBILEDOC_ATOM_MARKER_TYPE: | ||
| const [atomName, atomValue, atomPayload] = this.getAtomTypeFromIndex(value); | ||
| return this.builder.createAtom(atomName, atomValue, atomPayload); | ||
| default: | ||
| throw new Error(`Unexpected marker type ${type}`); | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.