canvas-native/lib/types/image.js

Utilities for working with the native Canvas format

import Type     from './type';
import { wrap } from '../brackets';

export default class Image extends Type {
  get content() {
    return this.meta.url || '';
  }

  get meta() {
    try {
      return JSON.parse(this.match[2]);
    }
    catch(e) {
      return {};
    }
  }

  toJSON() {
    const meta     = {};
    const thisMeta = this.meta;

    for (const key in thisMeta) {
      if (!thisMeta.hasOwnProperty(key)) {
        continue;
      }

      if (key === 'url') {
        continue;
      }

      meta[key] = thisMeta[key];
    }

    return {
      type   : this.type,
      content: this.content,
      meta   : meta
    }
  }

  toMarkdown(prev, next) {
    const url = this.meta.url.replace(/ /g, '%20');
    const markdown = `![](${url})`;

    if (!next) {
      return markdown;
    }

    return markdown + '\n';
  }

  static get markdownPattern() {
    return /^(?:!\[.*?\]\()?(https?:\/\/.+\/.+\.(?:gif|jpg|jpeg|png)(?:\?[^\s)]+)?).*?\)?$/i;
  }

  static get name() {
    return 'image';
  }

  static get nativePattern() {
    return new RegExp(`^(${wrap('image-(.*)')})$`);
  }

  static buildPrefix(url) {
    return wrap(`image-${JSON.stringify({ url: url })}`);
  }

  static matchMarkdown(markdown) {
    let mdMatch = markdown.match(this.markdownPattern);

    if (!mdMatch) {
      return null;
    }

    markdown = mdMatch[1];

    const nativeString = this.buildPrefix(markdown);
    return this.match(nativeString);
  }
}