Rex Feng xta

How to add ChatGPT streaming to your Ruby on Rails 7 app!

This guide will walk you through adding a ChatGPT-like messaging stream to your Ruby on Rails 7 app using ruby-openai, Rails 7, Hotwire, Turbostream, Sidekiq and Tailwind. All code included below!

Follow me on Twitter for more Ruby AI at https://twitter.com/alexrudall
Released under the MIT License - use as you wish :)

First, add the ruby-openai gem! Needs to be at least version 4. Add Sidekiq too.

I've been deceiving you all. I had you believe that Svelte was a UI framework — unlike React and Vue etc, because it shifts work out of the client and into the compiler, but a framework nonetheless.

But that's not exactly accurate. In my defense, I didn't realise it myself until very recently. But with Svelte 3 around the corner, it's time to come clean about what Svelte really is.

Svelte is a language.

Specifically, Svelte is an attempt to answer a question that many people have asked, and a few have answered: what would it look like if we had a language for describing reactive user interfaces?

A few projects that have answered this question:

SETUP VPS

based on DigitalOcean guide

Create local project

local$ rails new appname -T -d postgresql
local$ rails g scaffold Story title:string body:text
local$ rails db:migrate

Supporting FormatStyle & ParseableFormatStyle To Your Custom Types

A full example of adding String and AttributedString output to our custom types, as well as adding the ability to parse String values into your custom type.

Read the blog post

See the Xcode Playground

	<!doctype html>

	<html>
	<head>
	<meta charset='utf-8'>
	<title>JWT.io local version</title>
	<style>
	textarea {
	width: 400px;
	height: 200px;

	[2023-07-25 13:55:12] __rvm_make
	__rvm_make ()
	{
	\make "$@" \|\| return $?
	}
	current path: /Users/rex/.rvm/src/ruby-2.4.6
	GEM_HOME=/Users/rex/.gem
	PATH=/usr/local/opt/coreutils/bin:/usr/local/opt/pkg-config/bin:/usr/local/opt/libtool/bin:/usr/local/opt/automake/bin:/usr/local/opt/autoconf/bin:/Users/rex/.pyenv/shims:/Users/rex/.gem/bin:/usr/local:/usr/local/bin:/usr/local/sbin:/usr/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/go/bin:/Library/Apple/usr/bin:/Applications/Wireshark.app/Contents/MacOS:/Users/rex/.rvm/bin
	command(2): __rvm_make -j12
	++ make -j12

	/// View that renders scrollable content beneath a header that
	/// automatically collapses when the user scrolls down.
	struct ContentView<Content: View>: View {
	var title: String
	var headerGradient: Gradient
	@ViewBuilder var content: () -> Content

	private let headerHeight = (collapsed: 50.0, expanded: 150.0)
	@State private var scrollOffset = CGPoint()

	// Gradient Shader for arbitrary gradient stops, three gradient types and rotation
	// For the details please visit: https://mtldoc.com/metal/2022/08/04/shaders-explained-gradients.html

	// MARK: - Gradient Texture

	struct GradientTextureVertex {
	float4 position [[ position ]];
	float4 color;
	};

	// Author: SwiftUI-Lab (swiftui-lab.com)
	// Description: this learning tool is designed to showcase the different
	// Grid and GridRow view options, added in SwiftUI 2022. It is part of the
	// blog article: https://swiftui-lab.com/grids

	import SwiftUI
	import UniformTypeIdentifiers

	// The root view of the application
	struct ContentView: View {

	import SwiftUI
	let width : CGFloat = 82.0
	let height : CGFloat = 82.0
	struct ContentView: View {
	@State private var toggle = false
	var body: some View {
	VStack {
	Spacer()
	ZStack {
	Image(systemName: "heart.fill")