Chitter - Eleanor CS

Gemfile

@@ -6,6 +6,7 @@ ruby '3.0.2'
 
 gem 'pg'
 gem 'sinatra'
+gem 'sinatra-contrib'
 
 group :test do
   gem 'capybara'

Gemfile.lock

@@ -16,8 +16,11 @@ GEM
     diff-lcs (1.4.4)
     docile (1.4.0)
     mini_mime (1.1.1)
+    multi_json (1.15.0)
     mustermann (1.1.1)
       ruby2_keywords (~> 0.0.1)
+    nokogiri (1.12.3-arm64-darwin)
+      racc (~> 1.4)
     nokogiri (1.12.3-x86_64-darwin)
       racc (~> 1.4)
     parallel (1.20.1)
@@ -75,6 +78,12 @@ GEM
       rack (~> 2.2)
       rack-protection (= 2.1.0)
       tilt (~> 2.0)
+    sinatra-contrib (2.1.0)
+      multi_json
+      mustermann (~> 1.0)
+      rack-protection (= 2.1.0)
+      sinatra (= 2.1.0)
+      tilt (~> 2.0)
     terminal-table (3.0.1)
       unicode-display_width (>= 1.1.1, < 3)
     tilt (2.0.10)
@@ -83,6 +92,7 @@ GEM
       nokogiri (~> 1.8)
 
 PLATFORMS
+  arm64-darwin-21
   x86_64-darwin-20
 
 DEPENDENCIES
@@ -93,6 +103,7 @@ DEPENDENCIES
   simplecov
   simplecov-console
   sinatra
+  sinatra-contrib
 
 RUBY VERSION
    ruby 3.0.2p107

app.rb

@@ -1,9 +1,39 @@
 require 'sinatra/base'
+require './lib/peeps'
 
 class Chitter < Sinatra::Base
   get '/test' do
     'Test page'
   end
 
+  get '/' do
+    'Welcome to Chitter!'
+    erb :index
+  end
+
+  get '/peeps' do
+    @peeps = Peeps.all
+    erb :peeps
+  end
+
+  get '/peeps/new' do
+    erb :new_peep
+  end
+
+  post '/peeps' do
+    Peeps.create(message: params[:message], entry_date: params[:entry_date])
+    redirect '/peeps'
+  end
+
+  get '/peeps/reverse' do
+    @peeps = Peeps.reverse_chronology
+    erb :peeps_reverse
+  end
+
+  get '/peeps/filter' do
+    @filtered_peeps = Peeps.filter(params[:filter])
+    erb :peeps_filter
+  end
+
   run! if app_file == $0
 end

db/migrations/01_add_date_column.sql

@@ -0,0 +1 @@
+ALTER TABLE peeps ADD entry_date date;

lib/peeps.rb

@@ -0,0 +1,57 @@
+require 'pg'
+
+class Peeps
+
+  attr_reader :id, :message, :entry_date, :filter
+
+  def initialize(id:, message:, entry_date:)
+    @id = id
+    @message = message
+    @entry_date = entry_date
+  end
+
+  def self.open_connection
+    if ENV['ENVIRONMENT'] == 'test'
+      connection = PG.connect(dbname: 'chitter_test')
+    else  
+      connection = PG.connect(dbname: 'chitter')
+    end
+  end
+
+  def self.row_to_peep(row)
+    Peeps.new(id: row['id'], message: row['message'], entry_date: row['entry_date'])
+  end
+
+  def self.all
+    connection = open_connection
+
+    result = connection.exec("SELECT * FROM peeps;")
+    result.map do |peep|
+    row_to_peep(peep)
+    end
+  end
+
+  def self.create(message:, entry_date:)
+    connection = open_connection
+
+    result = connection.exec_params("INSERT INTO peeps (message, entry_date) VALUES($1, $2) RETURNING id, message, entry_date;", [message, entry_date])
+    row_to_peep(result[0])
+  end
+
+  def self.reverse_chronology
+    connection = open_connection
+
+    result = connection.exec("SELECT * FROM peeps ORDER BY entry_date DESC;")
+    result.map do |peep|
+      row_to_peep(peep)
+    end
+  end 
+
+  def self.filter(filter)
+    connection = open_connection
+    result = connection.exec("SELECT * FROM peeps WHERE lower(message) LIKE '%#{filter.downcase}%';")
+    result.map do |peep|
+      row_to_peep(peep)
+    end
+  end
+end

spec/database_helpers.rb

@@ -0,0 +1,7 @@
+require 'pg'
+
+def persisted_data(id:)
+  connection = PG.connect(dbname: 'chitter_test')
+  result = connection.query("SELECT * FROM peeps WHERE id = #{id};")
+  result.first
+end

spec/features/creating_peeps_spec.rb

@@ -0,0 +1,15 @@
+feature 'Creating peeps' do
+  scenario 'user can add peeps and dates' do
+    setup_test_database
+
+    Peeps.create(message: 'Test peep!', entry_date: "2021-03-18")
+    Peeps.create(message: 'Second test peep!', entry_date: "2021-02-15")
+
+    visit ('/peeps')
+
+    expect(page).to have_content('Test peep!')
+    expect(page).to have_content('Second test peep!')
+    expect(page).to have_content("2021-03-18")
+    expect(page).to have_content("2021-02-15")
+  end
+end

spec/features/filter_peeps_spec.rb

@@ -0,0 +1,15 @@
+feature 'Filtering peeps' do
+  scenario 'user can filter peeps by keyword' do
+    setup_test_database
+
+    Peeps.create(message: 'Test peep!', entry_date: "2021-03-18")
+    Peeps.create(message: 'Second test peep!', entry_date: "2021-02-15")
+
+    visit ('/peeps')
+    fill_in('filter', with: 'peep')
+    click_button "Filter"
+
+    expect(page).to have_content("Test peep!")
+    expect(page).to have_content("Second test peep!")
+  end
+end

spec/features/reverse_chronological_order_spec.rb

@@ -0,0 +1,14 @@
+feature 'Reverse chronological peeps' do
+  scenario 'user can see most recent peeps first' do
+    setup_test_database
+
+    Peeps.create(message: 'Test peep!', entry_date: "2021-03-18")
+    Peeps.create(message: 'Second test peep!', entry_date: "2021-02-15")
+
+    visit ('/peeps')
+
+    click_button "View Newest First"
+
+    page.body.index("2021-03-18").should < page.body.index("2021-02-15")
+  end
+end

spec/features/viewing_peeps_spec.rb

@@ -0,0 +1,13 @@
+feature 'Viewing peeps' do
+  scenario 'user can view all peeps' do
+    setup_test_database
+
+    Peeps.create(message: 'Test peep!', entry_date: "2021-03-18")
+    Peeps.create(message: 'Second test peep!', entry_date: "2021-02-15")
+
+    visit ('/peeps')
+
+    expect(page).to have_content('Test peep!')
+    expect(page).to have_content('Second test peep!')
+  end
+end

spec/peeps_spec.rb

@@ -0,0 +1,44 @@
+require 'peeps'
+
+describe '.all' do
+  it 'returns a list of peeps' do
+    setup_test_database
+
+    chitter = Peeps.create(message: "Test peep!", entry_date: "2021-02-15")
+    Peeps.create(message: "Second test peep!", entry_date: "2021-02-13")
+    Peeps.create(message: "Third test peep!", entry_date: "2021-10-16")
+
+    chitter = Peeps.all
+
+    expect(chitter.length).to eq 3
+    expect(chitter.first).to be_a Peeps
+    expect(chitter.first.message).to eq "Test peep!"
+    expect(chitter.first.entry_date).to eq "2021-02-15"
+  end
+end
+
+require 'database_helpers'
+
+describe '.create' do
+  it 'creates a new peep' do
+    chitter = Peeps.create(message: "Test peep!", entry_date: "2021-02-15")
+    persisted_data = persisted_data(id: chitter.id)
+
+    expect(chitter).to be_a Peeps
+    expect(chitter.id).to eq persisted_data['id']
+    expect(chitter.message).to eq "Test peep!"
+    expect(chitter.entry_date).to eq "2021-02-15"
+  end
+end
+
+describe '.filter' do
+  it 'filters peeps by keyword' do
+    chitter = Peeps.create(message: "Test peep!", entry_date: "2021-02-15")
+    Peeps.create(message: "Second test peep!", entry_date: "2021-02-13")
+    Peeps.create(message: "Third say hello!", entry_date: "2021-10-16")
+
+    filtered_results = Peeps.filter("Peep")
+    expect(filtered_results[0].message).to eq "Test peep!" 
+    expect(filtered_results[1].message).to eq "Second test peep!"
+  end
+end

views/index.erb

@@ -0,0 +1,2 @@
+<h1> Welcome to Chitter! </h1>
+<img src="https://gl.audubon.org/sites/default/files/styles/hero_mobile/public/aud_apa-2020_barn-swallow_a1-11258-1_nape_photo-xianwei-zeng.jpg?itok=aTU-t6nJ" alt="Chitter Birds">

views/new_peep.erb

@@ -0,0 +1,5 @@
+<form action="/peeps" method="post">
+  <input type="text" name="message" placeholder="Message" />
+  <input type="date" name="entry_date" />
+  <input type="submit" value="Submit" />
+</form>

views/peeps.erb

@@ -0,0 +1,19 @@
+<h1> Welcome to Chitter! </h1>
+
+
+  <% @peeps.each do |peep| %>
+    <div class="Peeps" style="border: 3px solid aqua; width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;">
+      <q><%= peep.message %></q>
+     <i><%= peep.entry_date %></i>
+    </div>
+  <% end %>
+
+<form action="/peeps/reverse" method="get">
+  <input type="submit" value="View Newest First" />
+</form>
+
+<form action="/peeps/filter" method="get">
+  <input type="text" name="filter" placeholder="Filter keyword" />
+  <input type="submit" value="Filter" />
+</form>
+

views/peeps_filter.erb

@@ -0,0 +1,10 @@
+<h1> Welcome to Chitter! </h1>
+
+<h2> Here are your filtered results: </h2>
+
+  <% @filtered_peeps.each do |peep| %>
+    <div class="Peeps" style="border: 3px solid aqua; width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;">
+      <q><%= peep.message %></q>
+     <i><%= peep.entry_date %></i>
+    </div>
+  <% end %>

views/peeps_reverse.erb

@@ -0,0 +1,8 @@
+<h1> Welcome to Chitter! </h1>
+
+  <% @peeps.each do |peep| %>
+    <div class="Peeps" style="border: 3px solid aqua; width:fit-content; width:-webkit-fit-content; width:-moz-fit-content;">
+      <q><%= peep.message %></q>
+     <i><%= peep.entry_date %></i>
+    </div>
+  <% end %>