123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
import reduce from "https://deno.land/x/lodash/reduce.js";import Template from "./view/template.js";
/** * View encapsulates the presentation code and template rendering for a * given UI. */export default class View {  static template = null;
  static get name() {    return `${this}`.split(" ")[1];  }
  constructor(controller, context = {}) {    this.context = context;    this.controller = controller;    this.app = controller.app;    this.request = controller.request;    this.template = new Template(      this.constructor.template,      controller.format,      this,    );    this.urlFor = this.app.routes.resolve.bind(this.app.routes);
    this.app.routes.forEach((route) => route.hydrate(this));    this.initialize();    this.app.log.info(`Rendering ${this.constructor.name}`);  }
  /**   * Called when the `View` is instantiated, this method can be   * overridden in your class to provide additional setup functionality   * for the view. Views are instantiated when they are rendered.   */  initialize() {}
  cache(key, options = {}, fresh) {    return this.app.cache.fetch(key, options, fresh);  }
  /**   * Render the given View's template as a partial within this View,   * using this View as context. You can also pass in other context as   * the last argument to this method.   */  async render(View, context = {}) {    const view = new View(this, { ...this.context, ...context });    const result = await view.template.partial(view);
    this.app.log.info(`Rendering partial ${view.template.path}`);
    return result.toString();  }
  /**   * Render a hash of options as HTML attributes.   */  htmlAttributes(options = {}, prefix = null) {    return reduce(      options,      (value, option, memo) => {        if (typeof value === "object") {          value = this.htmlAttributes(value, option);        }
        if (prefix) {          option = `${prefix}-${option}`;        }
        return `${memo} ${option}="${value}"`;      },      "",    );  }
  /**   * Render a `<form>` tag and hidden fields to verify authenticity   * token and make PATCH/PUT/DELETE requests.   */  formTag({ action, method, ...options }) {    const attributes = this.htmlAttributes(options);    const token = this.app.authenticityToken;
    if (method === "GET" && method === "POST") {      return `<form action="${action}" method="${method}" ${attributes}>`;    }
    return `<form action="${action}" method="POST" ${attributes}>    <input type="hidden" name="_method" value="${method}" />    <input type="hidden" name="authenticity_token" value="${token}" />    `;  }
  formFor({ model = null, action = null, method = null, ...options }) {    action = model ? this.urlFor(model) : action;    method = method || (model && model.persisted ? "PATCH" : "POST");
    return this.formTag({ action, method, ...options });  }
  /**   * Render an `<a>` tag pointing to a specific route. You can use   * `urlFor` syntax or a route helper in the `href` argument.   */  linkTo(text, href, options) {    const attributes = this.htmlAttributes(options);    const url = this.urlFor(href);
    return `<a href="${url}" ${attributes}>${text}</a>`;  }
  get csrfMetaTag() {    const token = this.app.authenticityToken;
    return `<meta name="authenticity_token" content="${token}" />`;  }
  get endFormTag() {    return "</form>";  }}