Rails

import ApplicationRecord from "./application_record.js";
import Comment from "./comment.js";
import Author from "./author.js";

export class Article extends ApplicationRecord {
  static table_name = "articles";

  get comments() {
    let _id = this.id;
    return Comment.where({article_id: _id})
  }

  get author() {
    return this._attributes["author_id"]
      ? Author.find(this._attributes["author_id"])
      : null
  }

  async destroy() {
    for (let record of await(this.comments)) {
      await record.destroy()
    };
    return await super.destroy()
  }
}

export class Article extends ApplicationRecord {
  static _validations = {
    title: {presence: true},
    body: {length: {minimum: 10}},
    status: {inclusion: {in: ["draft", "published"]}}
  };
}

export class Article extends ApplicationRecord {
  before_save() {
    this.normalize_title()
  }

  after_create() {
    this.notify_subscribers()
  }

  normalize_title() {
    this.title = title.trim().titleize()
  }
}

import { ApplicationRecord } from "./application_record.js";
import { BroadcastChannel } from "../../lib/rails.js";

export class Message extends ApplicationRecord {
};
Message.table_name = "messages";

Message.after_create_commit($record => (
  BroadcastChannel.broadcast("chat_room",
    `<turbo-stream action="append" target="${"messages"}">
      <template>${$record.toHTML()}</template>
    </turbo-stream>`)
));

Message.after_update_commit($record => (
  BroadcastChannel.broadcast("chat_room",
    `<turbo-stream action="replace" target="${`message_${$record.id}`}">
      <template>${$record.toHTML()}</template>
    </turbo-stream>`)
));

Message.after_destroy_commit($record => (
  BroadcastChannel.broadcast("chat_room",
    `<turbo-stream action="remove" target="${`message_${$record.id}`}">
    </turbo-stream>`)
));

export class Article extends ApplicationRecord {
  static published() {
    return this.where({status: "published"})
  }

  static recent() {
    return this.order({created_at: "desc"}).limit(10)
  }
}

import Article from "../models/article.js";
import * as views from "../views/articles/index.js";

export const ArticlesController = {
  before_action: {
    set_article: ["show", "edit", "update", "destroy"]
  },

  async index() {
    let articles = await Article.all();
    return views.index({articles})
  },

  async show(id) {
    let article = await this.set_article(id);
    return views.show({article})
  },

  async create(params) {
    let article = new Article(params.article);
    if (await article.save()) {
      return {redirect_to: `/articles/${article.id}`}
    } else {
      return views.$new({article})
    }
  },

  async set_article(id) {
    return await Article.find(id)
  }
};

export const ArticlesController = {
  async index(context) {
    let articles = await Article.all();

    if (context.request.headers.accept?.includes("application/json")) {
      return {json: articles}
    } else {
      return ArticleViews.index({$context: context, articles})
    }
  }
};

import { Router } from "./router.js";
import * as ArticlesController from "./controllers/articles_controller.js";
import * as CommentsController from "./controllers/comments_controller.js";

export const Routes = {
  routes: [
    {method: "GET", path: "/", action: ArticlesController.index},
    {method: "GET", path: "/articles", action: ArticlesController.index},
    {method: "GET", path: "/articles/new", action: ArticlesController.$new},
    {method: "POST", path: "/articles", action: ArticlesController.create},
    {method: "GET", path: "/articles/:id", action: ArticlesController.show},
    {method: "GET", path: "/articles/:id/edit", action: ArticlesController.edit},
    {method: "PATCH", path: "/articles/:id", action: ArticlesController.update},
    {method: "DELETE", path: "/articles/:id", action: ArticlesController.destroy},
    {method: "POST", path: "/articles/:article_id/comments", action: CommentsController.create},
    {method: "DELETE", path: "/articles/:article_id/comments/:id", action: CommentsController.destroy}
  ]
};

// config/paths.js
import { createPathHelper } from 'ruby2js-rails/path_helper.mjs';

export function articles_path() {
  return createPathHelper('/articles');
}

export function article_path(article) {
  return createPathHelper(`/articles/${extract_id(article)}`);
}

import { createTable, addIndex } from "../../lib/active_record.mjs";

export const migration = {
  up: async () => {
    await createTable("articles", [
      {name: "id", type: "integer", primaryKey: true, autoIncrement: true},
      {name: "title", type: "string", null: false},
      {name: "body", type: "text"},
      {name: "status", type: "string", default: "draft"},
      {name: "created_at", type: "datetime"},
      {name: "updated_at", type: "datetime"}
    ]);
    await addIndex("articles", ["status"])
  },

  tableSchemas: {
    articles: "++id, title, body, status, created_at, updated_at"
  }
};

import Article from "./models/article.js";

export async function run() {
  await Article.create({title: "Welcome", body: "Hello, world!"});
  await Article.create({title: "Getting Started", body: "Let's begin..."});
}

function render({ user }) {
  let _buf = "";
  _buf += "<form data-model=\"user\">";
  _buf += "<input type=\"text\" name=\"user[name]\" id=\"user_name\">";
  _buf += "</form>";
  return _buf
}

_buf += "<form class=\"my-form\" action=\"/photos\" method=\"post\">";

_buf += "<form action=\"/photos/1\" method=\"post\">";
_buf += "<input type=\"hidden\" name=\"_method\" value=\"delete\">";

`<input class="${"input w-full" + (article.errors.title.any() ? " border-red-500" : "")}" ...>`

function render() {
  let _buf = "";
  _buf += "<a href=\"/articles\" onclick=\"return navigate(event, '/articles')\">Articles</a>";
  return _buf
}

// Browser target
_buf += `<form style="display:inline"><button type="button" onclick="if(confirm('Are you sure?')) { routes.article.delete(${article.id}) }">Delete</button></form>`;

// Server target
_buf += `<form method="post" action="/articles/${article.id}"><input type="hidden" name="_method" value="delete"><button type="submit" data-confirm="Are you sure?">Delete</button></form>`;

function render({ body }) {
  let _buf = "";
  _buf += truncate(body, {length: 100});
  return _buf
}

console.debug("Processing request");
console.info("User logged in");
console.warn("Rate limit approaching");
console.error("Failed to save");