├── .env.test
├── .gitignore
├── Dockerfile
├── Gemfile
├── Gemfile.lock
├── README.md
├── app
    ├── awawawa.rb
    ├── build.rb
    ├── helpers.rb
    ├── loops.rb
    ├── main.rb
    ├── public
    │   ├── favicon.ico
    │   ├── favicon.png
    │   ├── flag.png
    │   ├── hc.css
    │   └── style.css
    ├── shipment_types.rb
    ├── signage.rb
    └── views
    │   ├── _highseas_internal_info.erb
    │   ├── _printful_internal_info.erb
    │   ├── _shipment.erb
    │   ├── _warehouse_internal_info.erb
    │   ├── check_ur_email.erb
    │   ├── index.erb
    │   ├── layout.erb
    │   ├── notfound.erb
    │   ├── set_internal_key.erb
    │   └── shipments.erb
├── config.ru
├── devcontainer.json
├── install-tools.sh
├── vercel-build.sh
└── vercel.json


/.env.test:
--------------------------------------------------------------------------------
1 | BASE_URL="http://localhost:9292"
2 | AIRTABLE_PAT="patQuL5p1Q5sVw2bx.c3748cc17b0a5ac1e339d10ecb8c3e6db6a3df80ebe8cb7ebb67afdee6e37a0b"
3 | AIRTABLE_BASE="appYYb0VQNmwlcKDV"
4 | HSO_TABLE="tblAYIDWXg1lFnSyL"
5 | WAREHOUSE_TABLE="tblU2bhRxqMky5SfP"
6 | INTERNAL_KEYS=":3,>:3"
7 | SIGNING_SECRET="this should be hard to guess"


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # build output
 2 | dist/
 3 | # generated types
 4 | .astro/
 5 | 
 6 | # dependencies
 7 | node_modules/
 8 | 
 9 | # logs
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | pnpm-debug.log*
14 | 
15 | 
16 | # environment variables
17 | .env
18 | .env.production
19 | 
20 | # macOS-specific files
21 | .DS_Store
22 | 
23 | # jetbrains setting folder
24 | .idea/
25 | .vercel
26 | build


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM ruby:3.3.4
 2 | 
 3 | WORKDIR /code
 4 | COPY Gemfile Gemfile.lock /code/
 5 | RUN bundle install
 6 | 
 7 | COPY . /code
 8 | 
 9 | CMD ["bundle", "exec", "rackup", "--host", "0.0.0.0", "-p", "4567"]
10 | 
11 | EXPOSE 4567


--------------------------------------------------------------------------------
/Gemfile:
--------------------------------------------------------------------------------
 1 | # frozen_string_literal: true
 2 | 
 3 | source "https://rubygems.org"
 4 | 
 5 | # gem "rails"
 6 | 
 7 | gem "sinatra", "~> 4.1"
 8 | gem "sinatra-contrib", "~> 4.1"
 9 | gem "norairrecord", "~> 0.1.4"
10 | 
11 | group :serve do
12 |   gem "rackup", "~> 2.2"
13 |   gem "puma", "~> 6.5"
14 | end
15 | gem "faraday", "~> 2.12"
16 | 
17 | gem "concurrent-ruby", "~> 1.3"
18 | 
19 | gem "activesupport", "~> 8.0"
20 | 
21 | gem "redcarpet", "~> 3.6"
22 | 


--------------------------------------------------------------------------------
/Gemfile.lock:
--------------------------------------------------------------------------------
 1 | GEM
 2 |   remote: https://rubygems.org/
 3 |   specs:
 4 |     activesupport (8.0.1)
 5 |       base64
 6 |       benchmark (>= 0.3)
 7 |       bigdecimal
 8 |       concurrent-ruby (~> 1.0, >= 1.3.1)
 9 |       connection_pool (>= 2.2.5)
10 |       drb
11 |       i18n (>= 1.6, < 2)
12 |       logger (>= 1.4.2)
13 |       minitest (>= 5.1)
14 |       securerandom (>= 0.3)
15 |       tzinfo (~> 2.0, >= 2.0.5)
16 |       uri (>= 0.13.1)
17 |     base64 (0.2.0)
18 |     benchmark (0.4.0)
19 |     bigdecimal (3.1.9)
20 |     concurrent-ruby (1.3.4)
21 |     connection_pool (2.4.1)
22 |     drb (2.2.1)
23 |     faraday (2.12.1)
24 |       faraday-net_http (>= 2.0, < 3.5)
25 |       json
26 |       logger
27 |     faraday-net_http (3.4.0)
28 |       net-http (>= 0.5.0)
29 |     faraday-net_http_persistent (2.3.0)
30 |       faraday (~> 2.5)
31 |       net-http-persistent (>= 4.0.4, < 5)
32 |     i18n (1.14.6)
33 |       concurrent-ruby (~> 1.0)
34 |     json (2.9.0)
35 |     logger (1.6.2)
36 |     minitest (5.25.4)
37 |     multi_json (1.15.0)
38 |     mustermann (3.0.3)
39 |       ruby2_keywords (~> 0.0.1)
40 |     net-http (0.6.0)
41 |       uri
42 |     net-http-persistent (4.0.5)
43 |       connection_pool (~> 2.2)
44 |     nio4r (2.7.4)
45 |     norairrecord (0.1.4)
46 |       faraday (>= 1.0, < 3.0)
47 |       faraday-net_http_persistent
48 |       net-http-persistent
49 |     puma (6.5.0)
50 |       nio4r (~> 2.0)
51 |     rack (3.1.8)
52 |     rack-protection (4.1.1)
53 |       base64 (>= 0.1.0)
54 |       logger (>= 1.6.0)
55 |       rack (>= 3.0.0, < 4)
56 |     rack-session (2.0.0)
57 |       rack (>= 3.0.0)
58 |     rackup (2.2.1)
59 |       rack (>= 3)
60 |     redcarpet (3.6.0)
61 |     ruby2_keywords (0.0.5)
62 |     securerandom (0.4.1)
63 |     sinatra (4.1.1)
64 |       logger (>= 1.6.0)
65 |       mustermann (~> 3.0)
66 |       rack (>= 3.0.0, < 4)
67 |       rack-protection (= 4.1.1)
68 |       rack-session (>= 2.0.0, < 3)
69 |       tilt (~> 2.0)
70 |     sinatra-contrib (4.1.1)
71 |       multi_json (>= 0.0.2)
72 |       mustermann (~> 3.0)
73 |       rack-protection (= 4.1.1)
74 |       sinatra (= 4.1.1)
75 |       tilt (~> 2.0)
76 |     tilt (2.4.0)
77 |     tzinfo (2.0.6)
78 |       concurrent-ruby (~> 1.0)
79 |     uri (1.0.2)
80 | 
81 | PLATFORMS
82 |   arm64-darwin-23
83 |   ruby
84 |   x64-mingw-ucrt
85 | 
86 | DEPENDENCIES
87 |   activesupport (~> 8.0)
88 |   concurrent-ruby (~> 1.3)
89 |   faraday (~> 2.12)
90 |   norairrecord (~> 0.1.4)
91 |   puma (~> 6.5)
92 |   rackup (~> 2.2)
93 |   redcarpet (~> 3.6)
94 |   sinatra (~> 4.1)
95 |   sinatra-contrib (~> 4.1)
96 | 
97 | BUNDLED WITH
98 |    2.5.17
99 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # New Shipment Viewer
 2 | 
 3 | hey! i'm glad you're here :-)
 4 | 
 5 | ## why?
 6 | 
 7 | the old one was a crusty hack on top of zach's warehouse base because it needed to exist (at that time there was no way to see what HQ sent you)
 8 | 
 9 | this one kinda maybe looks more like actual usable maintainable software
10 | 
11 | the constant "why do my high seas orders not show up in there?" -> "because it doesn't have that data because this was a 1-afternoon hackjob" got really irritating so i wrote something new data sources can actually be integrated into
12 | 
13 | ## contributing
14 | 
15 | PLEASE
16 | 
17 | airtable creds with read-only access to [mock data](http://localhost:9292/dyn/shipments/orpheus@hackclub.com?signature=584feeae7886af0d493bfeda25fff61d7e88df98616d198d757e169151d44295) are in `.env.test`, if you need test cases that aren't covered included pls poke me!
18 | 
19 | `bundle install` and `dotenvx run -f .env.test -- bundle exec rackup` are probably your friends.
20 | 
21 | glhf! lmk if you have any questions while working on PRs!
22 | 
23 | ## json api
24 | 
25 | `shipment-viewer.hackclub.com/dyn/jason/<email>?signature=<signature>`
26 | 


--------------------------------------------------------------------------------
/app/awawawa.rb:
--------------------------------------------------------------------------------
 1 | require_relative './shipment_types'
 2 | 
 3 | def get_shipments_for_user(email)
 4 |   shipments = []
 5 |   SHIPMENT_TYPES.each do |type|
 6 |     shipments.concat(type.find_by_email(email))
 7 |   end
 8 |   shipments.sort_by{|s| s.date || "1970-01-01"}.reverse
 9 | end
10 | 
11 | def user_has_any_shipments?(email)
12 |   SHIPMENT_TYPES.each do |type|
13 |     return true if type.check_for_any_by_email email
14 |   end
15 |   false
16 | end


--------------------------------------------------------------------------------
/app/build.rb:
--------------------------------------------------------------------------------
 1 | require_relative 'main'
 2 | 
 3 | STATIC_ROUTES = {
 4 |   'index.html' => '/',
 5 |   'internal.html' => '/internal',
 6 |   'set_internal_key.html' => '/set_internal_key',
 7 |   '404.html' => '/wp-admin/index.php'
 8 | }
 9 | 
10 | STATIC_ROUTES.each_pair do |file, route|
11 |   response = ShipmentViewer.call('REQUEST_METHOD' => 'GET', 'PATH_INFO' => route )
12 |   body = response[2].join
13 |   File.write("build/#{file}", body)
14 | end


--------------------------------------------------------------------------------
/app/helpers.rb:
--------------------------------------------------------------------------------
 1 | require 'active_support'
 2 | require 'active_support/number_helper'
 3 | require 'redcarpet'
 4 | 
 5 | module Sinatra
 6 |   module RenderMarkdownHelper
 7 |     class SVFlavoredMarkdown < Redcarpet::Render::HTML
 8 |       def pretty_shop_link(rec)
 9 |         "HS/LS order [#{rec}](https://airtable.com/appTeNFYcUiYfGcR6/tbl7Dj23N5tjLanM4/viwlw4aoTSsxC4KBA/#{rec})"
10 |       end
11 | 
12 |       def link_qm_orders(text)
13 |         return text unless text.start_with? 'QM:'
14 |         text.gsub! /Shop order (rec\w+)/ do
15 |           pretty_shop_link $1
16 |         end
17 |       end
18 | 
19 |       def link_shoporders(text)
20 |         text.gsub! /<ShopOrder id='(\w+)'>/ do
21 |           pretty_shop_link $1
22 |         end
23 |       end
24 | 
25 |       def link_arcade_orders(text)
26 |         text.gsub! /\(arcade:orders:(rec\w+)\)/ do
27 |           "Arcade order [#{$1}](https://airtable.com/app4kCWulfB02bV8Q/tblNUDETwMdUlBCSM/#{$1})"
28 |         end
29 |       end
30 | 
31 |       def preprocess(text)
32 |         link_shoporders(text)
33 |         link_qm_orders(text)
34 |         link_arcade_orders(text)
35 |         text
36 |       end
37 |     end
38 | 
39 |     def md(markdown)
40 |       (@renderer ||= Redcarpet::Markdown.new(SVFlavoredMarkdown.new(link_attributes: { target: '_blank' }), autolink: true, tables: true)).render(markdown)
41 |     end
42 |   end
43 |   module SchmoneyHelper
44 |     def cashify(amount)
45 |       ActiveSupport::NumberHelper.number_to_currency amount
46 |     end
47 |   end
48 |   module IIHelper
49 |     def render_ii(shipment, field, emoji, description, representation = nil, nilify = true)
50 |       return unless shipment[field]
51 |       return if nilify && shipment[field] == 0
52 |       "<br/><abbr title='#{description}'>#{emoji}</abbr>: #{representation&.call(shipment) || shipment[field]}"
53 |     end
54 |   end
55 | end


--------------------------------------------------------------------------------
/app/loops.rb:
--------------------------------------------------------------------------------
 1 | require 'faraday'
 2 | 
 3 | def loops_send_transactional(email, transactionalId, dataVariables)
 4 |   raise "no løøps API key" unless ENV['LOOPS_API_KEY']
 5 | 
 6 |   conn = Faraday.new(url: "https://app.loops.so/") do |f|
 7 |     f.request :json
 8 |     f.response :raise_error
 9 |   end
10 | 
11 |   conn.post('https://app.loops.so/api/v1/transactional') do |req|
12 |     req.headers['Authorization'] = "Bearer #{ENV['LOOPS_API_KEY']}"
13 |     req.headers['Content-Type'] = 'application/json'
14 |     req.body = {
15 |       email:,
16 |       transactionalId:,
17 |       dataVariables:
18 |     }.to_json
19 |   end
20 | end


--------------------------------------------------------------------------------
/app/main.rb:
--------------------------------------------------------------------------------
 1 | require "sinatra/base"
 2 | require "sinatra/content_for"
 3 | require "sinatra/cookies"
 4 | require "securerandom"
 5 | require "active_support"
 6 | require "active_support/core_ext/object/blank"
 7 | 
 8 | require_relative "./helpers"
 9 | require_relative "./awawawa"
10 | require_relative "./signage"
11 | 
12 | if ENV["SEND_REAL_EMAILS"]
13 |   require_relative "./loops"
14 | end
15 | 
16 | class ShipmentViewer < Sinatra::Base
17 |   helpers Sinatra::ContentFor
18 |   helpers Sinatra::Cookies
19 |   helpers Sinatra::RenderMarkdownHelper
20 |   helpers Sinatra::SchmoneyHelper
21 |   helpers Sinatra::IIHelper
22 | 
23 |   set :host_authorization, permitted_hosts: []
24 | 
25 |   def footer_commit
26 |     @footer_commit ||= if ENV["SOURCE_COMMIT"]
27 |         "rev #{ENV["SOURCE_COMMIT"][...7]}"
28 |       else
29 |         "development!"
30 |       end
31 |   end
32 | 
33 |   def gen_url(email)
34 |     "#{ENV["BASE_URL"]}/dyn/shipments/#{email}?signature=#{sign(email)}"
35 |   end
36 | 
37 |   def mail_out_link(email)
38 |     link = gen_url email
39 |     if ENV["SEND_REAL_EMAILS"]
40 |       raise "no transactional_id?" unless ENV["TRANSACTIONAL_ID"]
41 |       loops_send_transactional(email, ENV["TRANSACTIONAL_ID"], { link: })
42 |     else
43 |       puts "[EMAIL] to: #{email}, link: #{link}"
44 |     end
45 |   end
46 | 
47 |   def bounce_to_index!(message)
48 |     @error = message
49 |     halt erb :index
50 |   end
51 | 
52 |   def external_link(text, href)
53 |     "<a target='_blank' href='#{href}'>#{text} <i class='fa-solid fa-arrow-up-right-from-square'></i></a>"
54 |   end
55 | 
56 |   set :sessions, true
57 | 
58 |   get "/*" do
59 |     redirect to("https://mail.hackclub.com/")
60 |   end
61 | 
62 |   get "/dyn/jason/:email" do
63 |     content_type :json
64 |     bounce_to_index! "just what are you trying to pull?" unless params[:signature] && sig_checks_out?(params[:email], params[:signature])
65 | 
66 |     @show_ids = !!params[:ids]
67 | 
68 |     @shipments = get_shipments_for_user params[:email]
69 | 
70 |     @shipments.to_json
71 |   end
72 | 
73 |   post "/api/presign" do
74 |     request.body.rewind
75 |     key = request.env["HTTP_AUTHORIZATION"]
76 |     unless key && ENV["PRESIGNING_KEYS"]&.split(",").include?(key)
77 |       bounce_to_index! "not the right key ya goof"
78 |     end
79 |     email = request.body.read
80 |     puts "#{key.split("@").last} is presigning a link for #{email}..."
81 |     gen_url email
82 |   end
83 | end
84 | 


--------------------------------------------------------------------------------
/app/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hackclub/shipment-viewer/63612e5d6e40b9c40c8b437bd3b1414ee1e360b8/app/public/favicon.ico


--------------------------------------------------------------------------------
/app/public/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hackclub/shipment-viewer/63612e5d6e40b9c40c8b437bd3b1414ee1e360b8/app/public/favicon.png


--------------------------------------------------------------------------------
/app/public/flag.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hackclub/shipment-viewer/63612e5d6e40b9c40c8b437bd3b1414ee1e360b8/app/public/flag.png


--------------------------------------------------------------------------------
/app/public/hc.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |   --darker: #121217;
  3 |   --dark: #17171d;
  4 |   --darkless: #252429;
  5 |   --black: #1f2d3d;
  6 |   --steel: #273444;
  7 |   --slate: #3c4858;
  8 |   --muted: #8492a6;
  9 |   --smoke: #e0e6ed;
 10 |   --snow: #f9fafc;
 11 |   --white: #ffffff;
 12 |   --red: #ec3750;
 13 |   --orange: #ff8c37;
 14 |   --yellow: #f1c40f;
 15 |   --green: #33d6a6;
 16 |   --cyan: #5bc0de;
 17 |   --blue: #338eda;
 18 |   --purple: #a633d6;
 19 |   --text: var(--black);
 20 |   --background: var(--white);
 21 |   --elevated: var(--white);
 22 |   --sheet: var(--snow);
 23 |   --sunken: var(--smoke);
 24 |   --border: var(--smoke);
 25 |   --primary: #ec3750;
 26 |   --secondary: #8492a6;
 27 |   --accent: #5bc0de;
 28 |   --twitter: #1da1f2;
 29 |   --facebook: #3b5998;
 30 |   --instagram: #e1306c;
 31 |   --breakpoint-xs: 32em;
 32 |   --breakpoint-s: 48em;
 33 |   --breakpoint-m: 64em;
 34 |   --breakpoint-l: 96em;
 35 |   --breakpoint-xl: 128em;
 36 |   --spacing-0: 0px;
 37 |   --spacing-1: 4px;
 38 |   --spacing-2: 8px;
 39 |   --spacing-3: 16px;
 40 |   --spacing-4: 32px;
 41 |   --spacing-5: 64px;
 42 |   --spacing-6: 128px;
 43 |   --spacing-7: 256px;
 44 |   --spacing-8: 512px;
 45 |   --font-1: 12px;
 46 |   --font-2: 16px;
 47 |   --font-3: 20px;
 48 |   --font-4: 24px;
 49 |   --font-5: 32px;
 50 |   --font-6: 48px;
 51 |   --font-7: 64px;
 52 |   --font-8: 96px;
 53 |   --font-9: 128px;
 54 |   --font-10: 160px;
 55 |   --font-11: 192px;
 56 |   --line-height-limit: 0.875;
 57 |   --line-height-title: 1;
 58 |   --line-height-heading: 1.125;
 59 |   --line-height-subheading: 1.25;
 60 |   --line-height-caption: 1.375;
 61 |   --line-height-body: 1.5;
 62 |   --font-weight-body: 400;
 63 |   --font-weight-bold: 700;
 64 |   --font-weight-heading: var(--font-weight-bold);
 65 |   --letter-spacing-title: -0.009em;
 66 |   --letter-spacing-headline: 0.009em;
 67 |   --size-wide-plus: 2048px;
 68 |   --size-wide: 1536px;
 69 |   --size-layout-plus: 1200px;
 70 |   --size-layout: 1024px;
 71 |   --size-copy-ultra: 980px;
 72 |   --size-copy-plus: 768px;
 73 |   --size-copy: 680px;
 74 |   --size-narrow-plus: 600px;
 75 |   --size-narrow: 512px;
 76 |   --radii-small: 4px;
 77 |   --radii-default: 8px;
 78 |   --radii-extra: 12px;
 79 |   --radii-ultra: 16px;
 80 |   --radii-circle: 99999px;
 81 |   --shadow-text: 0 1px 2px rgba(0, 0, 0, 0.25), 0 2px 4px rgba(0, 0, 0, 0.125);
 82 |   --shadow-small: 0 1px 2px rgba(0, 0, 0, 0.0625),
 83 |     0 2px 4px rgba(0, 0, 0, 0.0625);
 84 |   --shadow-card: 0 4px 8px rgba(0, 0, 0, 0.125);
 85 |   --shadow-elevated: 0 1px 2px rgba(0, 0, 0, 0.0625),
 86 |     0 8px 12px rgba(0, 0, 0, 0.125);
 87 | }
 88 | 
 89 | body {
 90 |   font-family: "Phantom Sans", system-ui, -apple-system, BlinkMacSystemFont,
 91 |     "Segoe UI", Roboto, sans-serif;
 92 |   line-height: var(--line-height-body);
 93 |   font-weight: var(--font-weight-body);
 94 |   margin: 0;
 95 |   min-height: 100vh;
 96 |   text-rendering: optimizeLegibility;
 97 |   font-smooth: antialiased;
 98 |   -moz-osx-font-smoothing: grayscale;
 99 |   -webkit-font-smoothing: antialiased;
100 |   color: var(--text);
101 |   box-sizing: border-box;
102 | }
103 | 
104 | * {
105 |   box-sizing: border-box;
106 | }
107 | 
108 | .monospace {
109 |   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
110 | }
111 | 
112 | .heading {
113 |   font-weight: var(--font-weight-bold);
114 |   line-height: var(--line-height-heading);
115 |   margin-top: 0;
116 |   margin-bottom: 0;
117 | }
118 | 
119 | .ultratitle {
120 |   font-weight: var(--font-weight-bold);
121 |   line-height: var(--line-height-limit);
122 |   letter-spacing: var(--letter-spacing-title);
123 | }
124 | 
125 | .title {
126 |   font-weight: var(--font-weight-bold);
127 |   line-height: var(--line-height-title);
128 |   letter-spacing: var(--letter-spacing-title);
129 | }
130 | 
131 | .subtitle {
132 |   margin-top: var(--spacing-3);
133 |   font-weight: var(--font-weight-body);
134 |   line-height: var(--line-height-subheading);
135 |   letter-spacing: var(--letter-spacing-headline);
136 | }
137 | 
138 | .headline {
139 |   margin-top: var(--spacing-3);
140 |   margin-bottom: var(--spacing-3);
141 |   font-size: var(--font-4);
142 |   line-height: var(--line-height-heading);
143 |   letter-spacing: var(--letter-spacing-headline);
144 | }
145 | 
146 | .subheadline {
147 |   margin-top: var(--spacing-0);
148 |   margin-bottom: var(--spacing-3);
149 |   font-size: var(--font-2);
150 |   line-height: var(--line-height-heading);
151 |   letter-spacing: var(--letter-spacing-headline);
152 | }
153 | 
154 | .eyebrow {
155 |   color: var(--muted);
156 |   font-weight: var(--font-weight-heading);
157 |   letter-spacing: var(--letter-spacing-headline);
158 |   line-height: var(--line-height-subheading);
159 |   text-transform: uppercase;
160 |   margin-top: var(--spacing-0);
161 |   margin-bottom: var(--spacing-2);
162 | }
163 | 
164 | .lead {
165 |   font-weight: var(--font-weight-body);
166 | }
167 | 
168 | .caption {
169 |   color: var(--muted);
170 |   font-weight: var(--font-weight-body);
171 |   letter-spacing: var(--letter-spacing-headline);
172 |   line-height: var(--line-height-caption);
173 | }
174 | 
175 | .pill {
176 |   border-radius: var(--radii-circle);
177 |   padding-left: var(--spacing-3);
178 |   padding-right: var(--spacing-3);
179 |   padding-top: var(--spacing-1);
180 |   padding-bottom: var(--spacing-1);
181 |   font-size: var(--font-2);
182 |   background: var(--primary);
183 |   color: var(--background);
184 |   font-weight: var(--font-weight-bold);
185 | }
186 | 
187 | .outline-badge {
188 |   border-radius: var(--radii-circle);
189 |   padding-left: var(--spacing-3);
190 |   padding-right: var(--spacing-3);
191 |   padding-top: var(--spacing-1);
192 |   padding-bottom: var(--spacing-1);
193 |   font-size: var(--font-2);
194 |   background: none;
195 |   color: var(--muted);
196 |   border: 1px solid currentcolor;
197 |   font-weight: var(--font-weight-body);
198 | }
199 | 
200 | button, input[type=submit] {
201 |   cursor: pointer;
202 |   font-family: inherit;
203 |   font-weight: var(--font-weight-bold);
204 |   border-radius: var(--radii-circle);
205 |   display: inline-flex;
206 |   align-items: center;
207 |   justify-content: center;
208 |   box-shadow: var(--shadow-card);
209 |   letter-spacing: var(--letter-spacing-headline);
210 |   -webkit-tap-highlight-color: transparent;
211 |   transition: transform 0.125s ease-in-out, box-shadow 0.125s ease-in-out;
212 |   box-sizing: border-box;
213 |   margin: 0;
214 |   min-width: 0;
215 |   -webkit-appearance: none;
216 |   -moz-appearance: none;
217 |   appearance: none;
218 |   text-align: center;
219 |   line-height: inherit;
220 |   -webkit-text-decoration: none;
221 |   text-decoration: none;
222 |   padding-left: 16px;
223 |   padding-right: 16px;
224 |   padding-top: 8px;
225 |   padding-bottom: 8px;
226 |   color: var(--theme-ui-colors-white, #ffffff);
227 |   background-color: var(--theme-ui-colors-primary, #ec3750);
228 |   border: 0;
229 |   font-size: var(--font-2);
230 | }
231 | 
232 | button:focus,
233 | button:hover {
234 |   box-shadow: var(--shadow-elevated);
235 |   transform: scale(1.0625);
236 | }
237 | 
238 | button.lg {
239 |   font-size: var(--font-3)!important;
240 |   line-height: var(--line-height-title);
241 |   padding-left: var(--spacing-4);
242 |   padding-right: var(--spacing-4);
243 |   padding-top: var(--spacing-3);
244 |   padding-bottom: var(--spacing-3);
245 | }
246 | 
247 | button.outline {
248 |   background: none;
249 |   color: var(--primary);
250 |   border: 2px solid currentcolor;
251 | }
252 | 
253 | button.cta {
254 |   font-size: var(--font-2);
255 |   background-image: radial-gradient(
256 |     ellipse farthest-corner at top left,
257 |     var(--orange),
258 |     var(--red)
259 |   );
260 | }
261 | 
262 | .card {
263 |   padding: var(--spacing-3);
264 |   background: var(--elevated);
265 |   color: var(--text);
266 |   border-radius: var(--radii-extra);
267 |   box-shadow: var(--shadow-card);
268 |   /*overflow: hidden;*/
269 | }
270 | 
271 | .card.sunken {
272 |   background: var(--sunken);
273 |   box-shadow: none;
274 | }
275 | 
276 | .card.interactive {
277 |   text-decoration: none;
278 |   -webkit-tap-highlight-color: transparent;
279 |   transition: transform 0.125s ease-in-out, box-shadow 0.125s ease-in-out;
280 | }
281 | 
282 | .card.interactive:hover,
283 | .card.interactive:focus {
284 |   transform: scale(1.0625);
285 |   box-shadow: var(--shadow-elevated);
286 | }
287 | 
288 | input,
289 | textarea,
290 | select {
291 |   background: var(--elevated);
292 |   color: var(--text);
293 |   font-family: inherit;
294 |   border-radius: var(--radii-small);
295 |   border: 0;
296 |   font-size: inherit;
297 |   padding: var(--spacing-2);
298 |   -webkit-appearance: none;
299 |   -moz-appearance: none;
300 |   appearance: none;
301 | }
302 | 
303 | input::-webkit-input-placeholder,
304 | input::-moz-placeholder,
305 | input:-ms-input-placeholder,
306 | textarea::-webkit-input-placeholder,
307 | textarea::-moz-placeholder,
308 | textarea:-ms-input-placeholder,
309 | select::-webkit-input-placeholder,
310 | select::-moz-placeholder,
311 | select:-ms-input-placeholder {
312 |   color: var(--muted);
313 | }
314 | 
315 | input[type="search"]::-webkit-search-decoration,
316 | textarea[type="search"]::-webkit-search-decoration,
317 | select[type="search"]::-webkit-search-decoration {
318 |   display: none;
319 | }
320 | 
321 | input[type="checkbox"] {
322 |   -webkit-appearance: checkbox;
323 |   -moz-appearance: checkbox;
324 |   appearance: checkbox;
325 | }
326 | 
327 | label {
328 |   color: var(--text);
329 |   display: flex;
330 |   flex-direction: column;
331 |   text-align: left;
332 |   line-height: var(--line-height-caption);
333 |   font-size: var(--font-3);
334 | }
335 | 
336 | label.horizontal {
337 |   display: flex;
338 | }
339 | 
340 | .slider {
341 |   color: var(--primary);
342 | }
343 | 
344 | .form-hidden {
345 |   position: absolute;
346 |   height: 1px;
347 |   width: 1px;
348 |   clip: rect(1px, 1px, 1px, 1px);
349 |   white-space: nowrap;
350 | }
351 | 
352 | .container {
353 |   width: 100%;
354 |   margin: auto;
355 |   padding-left: var(--spacing-3);
356 |   padding-right: var(--spacing-3);
357 | }
358 | 
359 | h1 {
360 |   font-size: var(--font-5);
361 |   font-weight: var(--font-weight-bold);
362 |   line-height: var(--line-height-heading);
363 |   margin-top: 0;
364 |   margin-bottom: 0;
365 | }
366 | 
367 | h2 {
368 |   font-size: var(--font-4);
369 |   font-weight: var(--font-weight-bold);
370 |   line-height: var(--line-height-heading);
371 |   margin-top: 0;
372 |   margin-bottom: 0;
373 | }
374 | 
375 | h3 {
376 |   font-size: var(--font-3);
377 |   font-weight: var(--font-weight-bold);
378 |   line-height: var(--line-height-heading);
379 |   margin-top: 0;
380 |   margin-bottom: 0;
381 | }
382 | 
383 | h4 {
384 |   font-size: var(--font-2);
385 |   font-weight: var(--font-weight-bold);
386 |   line-height: var(--line-height-heading);
387 |   margin-top: 0;
388 |   margin-bottom: 0;
389 | }
390 | 
391 | h5 {
392 |   font-size: var(--font-1);
393 |   font-weight: var(--font-weight-bold);
394 |   line-height: var(--line-height-heading);
395 |   margin-top: 0;
396 |   margin-bottom: 0;
397 | }
398 | 
399 | h6 {
400 |   font-weight: var(--font-weight-bold);
401 |   line-height: var(--line-height-heading);
402 |   margin-top: 0;
403 |   margin-bottom: 0;
404 | }
405 | 
406 | p {
407 |   color: var(--text);
408 |   font-weight: var(--font-weight-body);
409 |   line-height: var(--line-height-body);
410 |   margin-top: var(--spacing-3);
411 |   margin-bottom: var(--spacing-3);
412 | }
413 | 
414 | img {
415 |   max-width: 100%;
416 | }
417 | 
418 | hr {
419 |   border: 0;
420 |   border-bottom: 1px solid var(--border);
421 | }
422 | 
423 | a {
424 |   color: var(--primary);
425 |   text-decoration: underline;
426 |   text-underline-position: under;
427 | }
428 | 
429 | a:focus,
430 | a:hover {
431 |   text-decoration-style: wavy;
432 |   text-decoration-skip-ink: none;
433 | }
434 | 
435 | pre {
436 |   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
437 |   font-size: var(--font-1);
438 |   padding: var(--spacing-3);
439 |   color: var(--text);
440 |   background: var(--sunken);
441 |   overflow: auto;
442 |   border-radius: var(--radii-default);
443 |   white-space: inherit;
444 | }
445 | 
446 | pre > code {
447 |   color: inherit;
448 |   margin-left: 0;
449 |   margin-right: 0;
450 |   padding-left: 0;
451 |   padding-right: 0;
452 | }
453 | 
454 | code {
455 |   font-family: "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;
456 |   font-size: inherit;
457 |   color: var(--purple);
458 |   background: var(--sunken);
459 |   overflow: auto;
460 |   border-radius: var(--radii-small);
461 |   margin-left: var(--spacing-1);
462 |   margin-right: var(--spacing-1);
463 |   padding-left: var(--spacing-1);
464 |   padding-right: var(--spacing-1);
465 | }
466 | 
467 | p > code,
468 | li > code {
469 |   color: var(--blue);
470 |   font-size: 0.875em;
471 | }
472 | 
473 | p > a > code,
474 | li > a > code {
475 |   color: var(--blue);
476 |   font-size: 0.875em;
477 | }
478 | 
479 | li {
480 |   margin-top: var(--spacing-2);
481 |   margin-bottom: var(--spacing-2);
482 | }
483 | 
484 | table {
485 |   width: 100%;
486 |   margin-top: var(--spacing-4);
487 |   margin-bottom: var(--spacing-4);
488 |   border-collapse: separate;
489 |   border-spacing: 0;
490 | }
491 | 
492 | table > th,
493 | table > td {
494 |   text-align: left;
495 |   padding: 4px;
496 |   padding-left: 0px;
497 |   border-color: var(--border);
498 |   border-bottom-style: solid;
499 | }
500 | 
501 | th {
502 |   vertical-align: bottom;
503 |   border-bottom-width: 2px;
504 | }
505 | 
506 | td {
507 |   vertical-align: top;
508 |   border-bottom-width: 1px;
509 | }
510 | 
511 | 
512 | @media screen and (min-width: 32em) {
513 |   .ultratitle {
514 |     font-size: var(--font-5);
515 |   }
516 |   .title {
517 |     font-size: var(--font-4);
518 |   }
519 |   .subtitle {
520 |     font-size: var(--font-2);
521 |   }
522 |   .eyebrow {
523 |     font-size: var(--font-3);
524 |   }
525 |   .lead {
526 |     font-size: var(--font-2);
527 |     margin-top: var(--spacing-2);
528 |     margin-bottom: var(--spacing-2);
529 |   }
530 |   .card {
531 |     padding: var(--spacing-3);
532 |   }
533 |   .container {
534 |     max-width: var(--size-layout);
535 |   }
536 |   .container.copy {
537 |     max-width: var(--size-copy);
538 |   }
539 |   .container.narrow {
540 |     max-width: var(--size-narrow);
541 |   }
542 | }
543 | 
544 | @media screen and (min-width: 48em) {
545 |   .ultratitle {
546 |     font-size: var(--font-6);
547 |   }
548 |   .title {
549 |     font-size: var(--font-5);
550 |   }
551 |   .subtitle {
552 |     font-size: var(--font-3);
553 |   }
554 |   .eyebrow {
555 |     font-size: var(--font-4);
556 |   }
557 |   .lead {
558 |     font-size: var(--font-3);
559 |     margin-top: var(--spacing-3);
560 |     margin-bottom: var(--spacing-3);
561 |   }
562 | }
563 | 
564 | @media screen and (min-width: 64em) {
565 |   .ultratitle {
566 |     font-size: var(--font-7);
567 |   }
568 |   .title {
569 |     font-size: var(--font-6);
570 |   }
571 |   .container {
572 |     max-width: var(--size-layout-plus);
573 |   }
574 |   .container.wide {
575 |     max-width: var(--size-wide);
576 |   }
577 |   .container.copy {
578 |     max-width: var(--size-copy-plus);
579 |   }
580 |   .container.narrow {
581 |     max-width: var(--size-narrow-plus);
582 |   }
583 | }
584 | 
585 | @media (max-width: 768px) {
586 |   .container {
587 |     padding-left: var(--spacing-2);
588 |     padding-right: var(--spacing-2);
589 |   }
590 | 
591 |   .navbar-brand {
592 |     margin-left: 20px;
593 |   }
594 | 
595 |   .footer-text {
596 |     padding: 10px;
597 |   }
598 | }
599 | 


--------------------------------------------------------------------------------
/app/public/style.css:
--------------------------------------------------------------------------------
  1 | .shipments {
  2 |     layout: masonry;
  3 | }
  4 | 
  5 | /*@media (min-width: 480px) {*/
  6 | /*    .shipments {*/
  7 | /*        grid-template-columns: 1fr 1fr;*/
  8 | /*    }*/
  9 | /*}*/
 10 | 
 11 | /*@media (min-width: 768px) {*/
 12 | /*    .shipments {*/
 13 | /*        grid-template-columns: 1fr 1fr 1fr;*/
 14 | /*    }*/
 15 | /*}*/
 16 | 
 17 | 
 18 | .banner img {
 19 |     height: 80px;
 20 |     position: absolute;
 21 |     top: 0px;
 22 |     left: 20px;
 23 | }
 24 | #banner-text {
 25 |     position: absolute;
 26 |     left: 180px
 27 | }
 28 | 
 29 | .banner:hover img {
 30 |     animation: wave-flag 0.5s linear infinite alternate;
 31 | }
 32 | 
 33 | @media (prefers-reduced-motion: reduce) {
 34 |     .banner:hover img {
 35 |         transition: 0.1875s cubic-bezier(0.375, 0, 0.675, 1) transform;
 36 |         transform-origin: top left;
 37 |     }
 38 | }
 39 | 
 40 | @keyframes wave-flag {
 41 |     0% {
 42 |         transform: rotate(0deg);
 43 |         transform-origin: top left;
 44 |     }
 45 |     100% {
 46 |         transform: rotate(-5deg);
 47 |         transform-origin: top left;
 48 | 
 49 |     }
 50 | }
 51 | 
 52 | body {
 53 |     font-family: 'Phantom Sans', sans-serif !important;
 54 |     display: flex;
 55 |     flex-direction: column;
 56 |     min-height: 100vh;
 57 |     margin: 0;
 58 | }
 59 | 
 60 | .main-content {
 61 |     flex: 1;
 62 | }
 63 | 
 64 | body.dark-mode {
 65 |     background-color: var(--dark);
 66 |     color: var(--snow);
 67 | }
 68 | 
 69 | body.dark-mode a {
 70 |     color: var(--smoke);
 71 | }
 72 | 
 73 | body.dark-mode .navbar,
 74 | body.dark-mode .footer {
 75 |     background-color: var(--darkless);
 76 | }
 77 | 
 78 | body.dark-mode .card {
 79 |     background: var(--steel);
 80 |     color: var(--smoke);
 81 | }
 82 | 
 83 | body.dark-mode .navbar-brand {
 84 |     color: var(--smoke);
 85 | }
 86 | 
 87 | body.dark-mode p {
 88 |     color: var(--smoke);
 89 | }
 90 | 
 91 | #dark-mode-toggle {
 92 |     position: absolute;
 93 |     right: 20px;
 94 |     top: 10px;
 95 |     background-color: white;
 96 |     border: none;
 97 |     cursor: pointer;
 98 |     size: 1.5em;
 99 | }
100 | 
101 | body.dark-mode #dark-mode-toggle  {
102 |     background-color: var(--dark);
103 | }
104 | 
105 | #dark-mode-toggle .fa-moon {
106 |     color: var(--steel);
107 | }
108 | 
109 | body.dark-mode #dark-mode-toggle .fa-moon {
110 |     color: var(--smoke);
111 | }
112 | 
113 | a:focus,
114 | a:hover {
115 |     text-decoration-style: wavy;
116 |     text-decoration-skip-ink: none;
117 | }
118 | 
119 | .navbar {
120 |     z-index: 42069;
121 |     background-color: var(--sunken);
122 |     position: fixed; /* Set the navbar to fixed position */
123 |     top: 0; /* Position the navbar at the top of the page */
124 |     width: 100%; /* Full width */
125 | }
126 | 
127 | .navbar-brand {
128 |     margin-left: 140px;
129 |     color: black;
130 |     float: left;
131 |     display: block;
132 |     text-align: center;
133 |     padding: 14px 16px;
134 |     text-decoration: none;
135 | }
136 | 
137 | .footer {
138 |     z-index: 42060;
139 |     background-color: var(--sunken);
140 |     width: 100%;
141 |     padding: 14px 16px;
142 |     text-align: center;
143 | }
144 | 
145 | .footer-text {
146 |     margin-left: 15px;
147 |     float: left;
148 |     display: block;
149 |     padding: 14px 16px;
150 |     text-decoration: none;
151 | }
152 | 
153 | .internal {
154 |     border: 1.5px dashed orange;
155 |     border-radius: var(--radii-extra);
156 | }
157 | 
158 | span.internal {
159 |     border-radius: 8px;
160 |     padding: 3px 2px;
161 | 
162 | }
163 | 
164 | @media (max-width: 768px) {
165 |     .shipments {
166 |       layout: block;
167 |     }
168 |   
169 |     .banner img {
170 |       height: 60px;
171 |       left: 10px;
172 |     }
173 |   
174 |     .navbar-brand {
175 |       margin-left: 0;
176 |       flex-grow: 1;
177 |       text-align: center;
178 |     }
179 |   
180 |     .footer-text {
181 |       padding: 10px;
182 |     }
183 | 
184 |     .navbar {
185 |       display: flex;
186 |       align-items: center;
187 |     }
188 |   
189 |     .banner {
190 |       flex-shrink: 0;
191 |     }
192 | }
193 | 
194 | @media (min-width: 769px) {
195 |     .navbar {
196 |         display: block;
197 |     }
198 | 
199 |     .navbar-brand {
200 |         margin-left: 140px;
201 |         text-align: left;
202 |     }
203 | }
204 | 


--------------------------------------------------------------------------------
/app/shipment_types.rb:
--------------------------------------------------------------------------------
  1 | if ENV['LEMME_MITM']
  2 |   require 'openssl'
  3 |   OpenSSL::SSL::VERIFY_PEER = OpenSSL::SSL::VERIFY_NONE
  4 |   I_KNOW_THAT_OPENSSL_VERIFY_PEER_EQUALS_VERIFY_NONE_IS_WRONG = nil
  5 | end
  6 | 
  7 | require 'norairrecord'
  8 | require 'json'
  9 | require "active_support"
 10 | require 'active_support/core_ext/enumerable'
 11 | 
 12 | Norairrecord.api_key = ENV["AIRTABLE_PAT"]
 13 | Norairrecord.user_agent = "shipment viewer"
 14 | Norairrecord.base_url = ENV["AIRTABLE_BASE_URL"] if ENV["AIRTABLE_BASE_URL"]
 15 | 
 16 | def try_to_parse(str)
 17 |   begin
 18 |     return nil if str.nil?
 19 |     JSON.parse(str)
 20 |   rescue JSON::ParserError
 21 |     []
 22 |   end
 23 | end
 24 | class Shipment < Norairrecord::Table
 25 |   class << self
 26 |     def records(**args)
 27 |       raise "don't use Shipment directly!" unless self < Shipment
 28 |       return [] unless table_name
 29 |       super
 30 |     end
 31 | 
 32 |     def base_key
 33 |       ENV["AIRTABLE_BASE"];
 34 |     end
 35 | 
 36 |     attr_accessor :email_column
 37 | 
 38 |     def find_by_email(email)
 39 |       raise ArgumentError, "no email?" if email.nil? || email.empty?
 40 |       records :filter => "LOWER(TRIM({#{self.email_column}}))='#{email.downcase}'"
 41 |     end
 42 | 
 43 |     def check_for_any_by_email(email)
 44 |       raise ArgumentError, "no email?" if email.nil? || email.empty?
 45 |       records(:filter => "LOWER(TRIM({#{self.email_column}}))='#{email.downcase}'", fields: [], max_records: 1).any?
 46 |     end
 47 |   end
 48 | 
 49 |   def date
 50 |     raise NotImplementedError
 51 |   end
 52 | 
 53 |   def tracking_number
 54 |     nil
 55 |   end
 56 | 
 57 |   def tracking_link
 58 |     nil
 59 |   end
 60 | 
 61 |   def status_text
 62 |     "error fetching status! poke nora"
 63 |   end
 64 | 
 65 |   def source_url
 66 |     fields.dig("source_rec_url", "url")
 67 |   end
 68 | 
 69 |   def source_id
 70 |     source_url&.split('/').last
 71 |   end
 72 | 
 73 |   def icon
 74 |     "📦"
 75 |   end
 76 | 
 77 |   def hide_contents?
 78 |     false
 79 |   end
 80 | 
 81 |   def status_icon
 82 |     "?"
 83 |   end
 84 | 
 85 |   def shipped?
 86 |     nil
 87 |   end
 88 | 
 89 |   def description
 90 |     nil
 91 |   end
 92 | 
 93 |   def to_json(options = {})
 94 |     {
 95 |       id:,
 96 |       date:,
 97 |       tracking_link:,
 98 |       tracking_number:,
 99 |       type: self.class.name,
100 |       type_text:,
101 |       title: title_text,
102 |       shipped: shipped?,
103 |       icon:,
104 |       description:,
105 |       source_record: source_url
106 |     }.compact.to_json
107 |   end
108 | 
109 |   def internal_info_partial
110 |     nil
111 |   end
112 | end
113 | 
114 | class WarehouseShipment < Shipment
115 |   self.table_name = ENV["WAREHOUSE_TABLE"]
116 |   self.email_column = "Email"
117 | 
118 |   def type_text
119 |     "Warehouse shipment"
120 |   end
121 | 
122 |   def title_text
123 |     fields["user_facing_title"] || fields["Request Type"]&.join(', ') || "Who knows?"
124 |   end
125 | 
126 |   def date
127 |     self["Date Requested"]
128 |   end
129 | 
130 |   def status_text
131 |     case fields["state"]
132 |     when "dispatched"
133 |       "sent to warehouse..."
134 |     when "mailed"
135 |       "shipped!"
136 |     when "ON_HOLD"
137 |       "on hold... contact us for more info!"
138 |     else
139 |       "this shouldn't happen."
140 |     end
141 |   end
142 | 
143 |   def status_icon
144 |     case fields["state"]
145 |     when "dispatched"
146 |       '<i class="fa-solid fa-dolly"></i>'
147 |     when "mailed"
148 |       '<i class="fa-solid fa-truck-fast"></i>'
149 |     else
150 |       '<i class="fa-solid fa-clock"></i>'
151 |     end
152 |   end
153 | 
154 |   def tracking_link
155 |     fields["Warehouse–Tracking URL"]
156 |   end
157 | 
158 |   def tracking_number
159 |     fields["Warehouse–Tracking Number"] unless fields["Warehouse–Tracking Number"] == "Not Provided"
160 |   end
161 | 
162 |   def hide_contents?
163 |     fields["surprise"]
164 |   end
165 | 
166 |   def icon
167 |     return "🎁" if hide_contents? || title_text.start_with?("High Seas – Free")
168 |     return "💵" if fields['Request Type']&.include?("Boba Drop grant")
169 |     return "✉️" if fields["Warehouse–Service"]&.include?("First Class")
170 |     "📦"
171 |   end
172 | 
173 |   def shipped?
174 |     fields["state"] == 'mailed'
175 |   end
176 | 
177 |   def description
178 |     return "it's a surprise!" if hide_contents?
179 |     begin
180 |       fields['user_facing_description'] ||
181 |         fields["Warehouse–Items Shipped JSON"] && JSON.parse(fields["Warehouse–Items Shipped JSON"]).select { |item| (item["quantity"]&.to_i || 0) > 0 }.map do |item|
182 |           "#{item["quantity"]}x #{item["name"]}"
183 |         end
184 |     rescue JSON::ParserError
185 |       "error parsing JSON for #{source_id}!"
186 |     end
187 |   end
188 | 
189 |   def internal_info_partial
190 |     :_warehouse_internal_info
191 |   end
192 | end
193 | 
194 | class HighSeasShipment < Shipment
195 |   self.table_name = ENV["HSO_TABLE"]
196 |   self.email_column = "recipient:email"
197 | 
198 |   def type_text
199 |     "High Seas order"
200 |   end
201 | 
202 |   def title_text
203 |     "High Seas – #{fields["shop_item:name"] || "unknown?!"}"
204 |   end
205 | 
206 |   def date
207 |     self["created_at"]
208 |   end
209 | 
210 |   has_subtypes "shop_item:fulfillment_type", {
211 |     ["minuteman"] => "HSMinutemanShipment",
212 |     ["hq_mail"] => "HSHQMailShipment",
213 |     ["third_party_physical"] => "HS3rdPartyPhysicalShipment",
214 |     ["agh"] => "HSRawPendingAGHShipment",
215 |     ["agh_random_stickers"] => "HSRawPendingAGHShipment",
216 |   }
217 | 
218 |   def status_text
219 |     case fields["status"]
220 |     when "PENDING_MANUAL_REVIEW", "on_hold"
221 |       "awaiting manual review..."
222 |     when "AWAITING_YSWS_VERIFICATION"
223 |       "waiting for you to get verified..."
224 |     when "pending_nightly"
225 |       "we'll send it out when we can!"
226 |     when "fulfilled"
227 |       ["sent!", "mailed!", "on its way!"].sample
228 |     else
229 |       super
230 |     end
231 |   end
232 | 
233 |   def status_icon
234 |     case fields["status"]
235 |     when "PENDING_MANUAL_REVIEW", "on_hold"
236 |       '<i class="fa-solid fa-hourglass-half"></i>'
237 |     when "AWAITING_YSWS_VERIFICATION"
238 |       '<i class="fa-solid fa-user-clock"></i>'
239 |     when "pending_nightly"
240 |       '<i class="fa-solid fa-clock"></i>'
241 |     when "fulfilled"
242 |       '<i class="fa-solid fa-truck-fast"></i>'
243 |     end
244 |   end
245 | 
246 |   def tracking_number
247 |     fields["tracking_number"]
248 |   end
249 | 
250 |   def tracking_link
251 |     tracking_number && "https://parcelsapp.com/en/tracking/#{tracking_number}"
252 |   end
253 | 
254 |   def icon
255 |     return "🎁" if fields["shop_item:name"]&.start_with? "Free"
256 |     super
257 |   end
258 | 
259 |   def shipped?
260 |     fields['status'] == 'fulfilled'
261 |   end
262 | 
263 |   def internal_info_partial
264 |     :_highseas_internal_info
265 |   end
266 | end
267 | 
268 | class HSMinutemanShipment < HighSeasShipment
269 |   def status_text
270 |     case fields["status"]
271 |     when "pending_nightly"
272 |       "will go out in next week's batch..."
273 |     when "fulfilled"
274 |       "has gone out/will go out over the next week!"
275 |     else
276 |       super
277 |     end
278 |   end
279 | 
280 |   def status_icon
281 |     case fields["status"]
282 |     when "pending_nightly"
283 |       '<i class="fa-solid fa-envelopes-bulk"></i>'
284 |     when "fulfilled"
285 |       '<i class="fa-solid fa-envelope-circle-check"></i>'
286 |     else
287 |       super
288 |     end
289 |   end
290 | 
291 |   def icon
292 |     "💌"
293 |   end
294 | end
295 | 
296 | class HSHQMailShipment < HighSeasShipment
297 |   def type_text
298 |     "High Seas shipment (from HQ)"
299 |   end
300 | 
301 |   def status_text
302 |     case fields["status"]
303 |     when "pending_nightly"
304 |       ["we'll ship it when we can!", "will be sent when dinobox gets around to it"].sample
305 |     else
306 |       super
307 |     end
308 |   end
309 | 
310 |   def status_icon
311 |     case fields["status"]
312 |     when "fulfilled"
313 |       '<i class="fa-solid fa-truck"></i>'
314 |     else
315 |       super
316 |     end
317 |   end
318 | end
319 | 
320 | class HS3rdPartyPhysicalShipment < HighSeasShipment
321 |   def type_text
322 |     "High Seas 3rd-party physical"
323 |   end
324 | 
325 |   def status_text
326 |     case fields["status"]
327 |     when "pending_nightly"
328 |       "will be ordered soon..."
329 |     when "fulfilled"
330 |       "ordered!"
331 |     else
332 |       super
333 |     end
334 |   end
335 | end
336 | 
337 | class HSRawPendingAGHShipment < HighSeasShipment
338 |   def type_text
339 |     "Pending warehouse shipment"
340 |   end
341 | 
342 |   def status_text
343 |     case fields["status"]
344 |     when "pending_nightly"
345 |       "will be sent to the warehouse with the next batch!"
346 |     else
347 |       super
348 |     end
349 |   end
350 | 
351 |   def status_icon
352 |     return '<i class="fa-solid fa-boxes-stacked"></i>' if fields['status'] == 'pending_nightly'
353 |     super
354 |   end
355 | end
356 | 
357 | class BobaDropsShipment < Shipment
358 |   self.table_name = ENV["BOBA_TABLE"]
359 |   self.email_column = "Email"
360 | 
361 |   def title_text
362 |     "Boba Drops!"
363 |   end
364 | 
365 |   def type_text
366 |     "Boba Drops Shipment"
367 |   end
368 | 
369 |   def date
370 |     self["[Shipment Viewer] Approved/pending at"] || 'error!'
371 |   end
372 | 
373 |   def status_text
374 |     case fields["Physical Status"]
375 |     when "Pending"
376 |       "pending!"
377 |     when "Packed"
378 |       "labelled!"
379 |     when "Shipped"
380 |       "shipped!"
381 |     else
382 |       "please contact leow@hackclub.com, something went wrong!"
383 |     end
384 |   end
385 | 
386 |   def status_icon
387 |     case fields["Physical Status"]
388 |     when "Pending"
389 |       '<i class="fa-solid fa-clock"></i>'
390 |     when "Packed"
391 |       '<i class="fa-solid fa-dolly"></i>'
392 |     when "Shipped"
393 |       '<i class="fa-solid fa-truck-fast"></i>'
394 |     else
395 |       '<i class="fa-solid fa-circle-exclamation"></i>'
396 |     end
397 |   end
398 | 
399 |   def tracking_link
400 |     fields["[INTL] Tracking Link"]
401 |   end
402 | 
403 |   def tracking_number
404 |     fields["[INTL] Tracking ID"]
405 |   end
406 | 
407 |   def icon
408 |     "🧋"
409 |   end
410 | 
411 |   def shipped?
412 |     fields["Physical Status"] == 'Shipped'
413 |   end
414 | 
415 |   def description
416 |     "shipment from boba drops <3"
417 |   end
418 | end
419 | 
420 | class SprigShipment < Shipment
421 |   self.table_name = ENV["SPRIG_TABLE"]
422 |   self.email_column = 'Email'
423 | 
424 |   def title_text
425 |     "Sprig!"
426 |   end
427 | 
428 |   def type_text
429 |     "Sprig shipment"
430 |   end
431 | 
432 |   def date
433 |     fields["Created At"]
434 |   end
435 | 
436 |   def status_text
437 |     if shipped?
438 |       "shipped via #{fields['Carrier'] || "...we don't know"}!"
439 |     else
440 |       "pending..."
441 |     end
442 |   end
443 | 
444 |   def status_icon
445 |     if shipped?
446 |       '<i class="fa-solid fa-truck"></i>'
447 |     else
448 |       '<i class="fa-solid fa-clock"></i>'
449 |     end
450 |   end
451 | 
452 |   def tracking_link
453 |     fields['Tracking'] && "#{(fields['Tracking Base Link'] || 'https://parcelsapp.com/en/tracking/')}#{fields['Tracking']}"
454 |   end
455 | 
456 |   def tracking_number
457 |     fields["Tracking"]
458 |   end
459 | 
460 |   def icon
461 |     "🌱"
462 |   end
463 | 
464 |   def shipped?
465 |     fields['Sprig Status'] == 'Shipped'
466 |   end
467 | 
468 |   def description
469 |     "a #{fields['Color']&.downcase.concat ' '}Sprig!"
470 |   end
471 | end
472 | 
473 | class OneOffShipment < Shipment
474 |   self.table_name = ENV["OO_TABLE"]
475 |   self.email_column = 'email'
476 | 
477 |   SUPPORTED_FIELDS = %i[tracking_number status_text icon hide_contents? status_icon shipped? description type_text title_text]
478 | 
479 |   def tracking_link
480 |     fields['tracking_link'] || (tracking_number && "https://parcelsapp.com/en/tracking/#{tracking_number}") || nil
481 |   end
482 | 
483 |   def date
484 |     fields['date'] || '2027-01-31'
485 |   end
486 | 
487 |   def icon
488 |     fields['icon'] || super
489 |   end
490 | 
491 |   SUPPORTED_FIELDS.each do |field|
492 |     define_method field do
493 |       fields[field.to_s]
494 |     end
495 |   end
496 | end
497 | 
498 | class PrintfulShipment < Shipment
499 |   self.table_name = ENV["PF_TABLE"]
500 |   self.email_column = '%order:recipient:email'
501 | 
502 |   has_subtypes "subtype", {
503 |     "mystic_tavern" => "MysticTavernShipment"
504 |   }
505 |   def date
506 |     fields['created'] || Date.parse(fields['%order:created']).iso8601
507 |   end
508 | 
509 |   def title_text
510 |     "something custom!"
511 |   end
512 | 
513 |   def type_text
514 |     "Printful shipment"
515 |   end
516 | 
517 |   def icon
518 |     "🧢"
519 |   end
520 | 
521 |   def status_text
522 |     case fields['status']
523 |     when "pending"
524 |       "pending..."
525 |     when "onhold"
526 |       "on hold!?"
527 |     when "shipped"
528 |       "shipped via #{fields['service']} on #{fields['ship_date']}!"
529 |     when "started"
530 |       "in production!"
531 |     end
532 |   end
533 | 
534 |   def shipped?
535 |     fields['status'] == 'shipped'
536 |   end
537 | 
538 |   def status_icon
539 |     if shipped?
540 |       '<i class="fa-solid fa-truck"></i>'
541 |     else
542 |       '<i class="fa-solid fa-clock"></i>'
543 |     end
544 |   end
545 | 
546 |   def description
547 |     order_items = try_to_parse(fields['%order:items'])&.index_by { |item| item['id'] }
548 |     shipment_items = try_to_parse(fields['items'])
549 | 
550 |     shipment_items.map do |si|
551 |       name = order_items&.dig(si['item_id'], 'name') || '???'
552 |       qty = si['quantity']
553 |       qty != 1 ? "#{qty}x #{name}" : name
554 |     end
555 |   end
556 | 
557 |   def tracking_number
558 |     fields['tracking_number']
559 |   end
560 | 
561 |   def tracking_link
562 |     fields['tracking_url'] if tracking_number
563 |   end
564 | 
565 |   def internal_info_partial
566 |     :_printful_internal_info
567 |   end
568 | end
569 | 
570 | class MysticTavernShipment < PrintfulShipment
571 |   def title_text
572 |     "Mystic Tavern shirts!"
573 |   end
574 | 
575 |   def type_text
576 |     "arrrrrrrrrrrrr"
577 |   end
578 | 
579 |   def icon
580 |     "👕"
581 |   end
582 | 
583 | end
584 | 
585 | SHIPMENT_TYPES = [WarehouseShipment, HighSeasShipment, BobaDropsShipment, SprigShipment, OneOffShipment, PrintfulShipment].freeze
586 | 


--------------------------------------------------------------------------------
/app/signage.rb:
--------------------------------------------------------------------------------
 1 | require 'openssl'
 2 | 
 3 | def sign(text)
 4 |   signing_secret = ENV['SIGNING_SECRET']
 5 |   raise 'SIGNING_SECRET is not set' if signing_secret.nil?
 6 | 
 7 |   hmac = OpenSSL::HMAC.digest('SHA256', signing_secret, text)
 8 |   hmac.unpack1('H*')
 9 | end
10 | 
11 | def sig_checks_out?(email, sig)
12 |   sign(email) == sig
13 | end


--------------------------------------------------------------------------------
/app/views/_highseas_internal_info.erb:
--------------------------------------------------------------------------------
1 | <%= render_ii(shipment, 'dollar_cost', '💸', 'cost to fulfill', -> (s) { cashify s['dollar_cost'] }) %>


--------------------------------------------------------------------------------
/app/views/_printful_internal_info.erb:
--------------------------------------------------------------------------------
1 | <%= md <<-EOM
2 |   part of order [#{shipment['%order:pretty_id']}](#{shipment['%order:dashboard_url']})
3 | 
4 |   packing slip: [click me](#{shipment['packing_slip_url']})
5 | EOM
6 | %>


--------------------------------------------------------------------------------
/app/views/_shipment.erb:
--------------------------------------------------------------------------------
 1 | <div class="card">
 2 |   <h4 style="display: inline-block"><%= shipment.icon %> <%= shipment.title_text %></h4> <span style="float: right"><%= shipment.status_icon %></span>
 3 |   <hr/>
 4 |   📝 <i><%= shipment.type_text %></i><br/>
 5 |   📨 <%= shipment.status_text %>
 6 |   <% if shipment["Warehouse-Service"] %>
 7 |   <br>
 8 |   🚚 <%= shipment["Warehouse–Service"] %>
 9 |   <% end %>
10 |   <% if shipment.tracking_number %>
11 |     <br/>
12 |     <% if shipment.tracking_link %>
13 |     🔗 <%= external_link(shipment.tracking_number, shipment.tracking_link) %>
14 |     <% else %>
15 |     🔢 <%= shipment.tracking_number %>
16 |     <% end %>
17 |   <% end %>
18 |   <% if shipment.description %>
19 |     <% if shipment.description.is_a? Array %>
20 |       <br/><b>🗃 Contents:</b>
21 |       <ul>
22 |         <% shipment.description.each do |item| %>
23 |         <li><%= item %></li>
24 |         <% end %>
25 |       </ul>
26 |       <% else %>
27 |       <br/>
28 |       🗃️ <b>Description:</b> <%= shipment.description %>
29 |     <% end %>
30 |   <% end %>
31 |   <br/>
32 |   <% if @show_ids %>
33 |     <br/>
34 |     👀 <span class="internal">Airtable: <%= external_link(shipment.source_id, shipment.source_url) %></span>
35 |   <% end %>
36 |   <br/><span>📅 Created on <%= shipment.date&.[](..9) || '??' %></span>
37 |   <% if @internal and shipment.internal_info_partial %>
38 |     <% ii = erb shipment.internal_info_partial, locals: { shipment: } %>
39 |     <% if ii.present? %>
40 |     <br/>
41 |     <div class="internal" style="padding: 5px">
42 |       <b>🤫 internal info:</b><br/>
43 |       <%= ii %>
44 |     </div>
45 |     <% end %>
46 |   <% end %>
47 | </div>


--------------------------------------------------------------------------------
/app/views/_warehouse_internal_info.erb:
--------------------------------------------------------------------------------
 1 | <% if shipment.fields['Internal Notes'].present? %>
 2 |   🗒️ notes:
 3 |   <%= md shipment.fields['Internal Notes'] %>
 4 | <% end %>
 5 | <%# i acknowledge that this is nasty %>
 6 | 💸: <%=
 7 |   ['Postage', 'Labor', 'Contents', 'Total'].map do |f|
 8 |     next unless (c = shipment.fields["Warehouse–#{f} Cost"])
 9 |     "#{f.downcase}:&nbsp;#{cashify c}"
10 |   end.compact.join(", ").presence || "?"
11 | %>
12 | 
13 | <%= render_ii(shipment, 'Warehouse–Order ID', '🆔', 'zenventory ID', -> (s) { external_link(shipment['Warehouse–Order ID'], "https://app.zenventory.com/orders/edit-order/#{shipment['Warehouse–Order ID']}") }) %>
14 | <%= render_ii(shipment, 'Warehouse–Weight', '<i class="fa-solid fa-weight-hanging"></i>', 'weight') %>
15 | 


--------------------------------------------------------------------------------
/app/views/check_ur_email.erb:
--------------------------------------------------------------------------------
1 | <div class="container">
2 |   <div class="card" style="background: var(--green); color: var(--white) !important">
3 |     <h1>check your email!</h1>
4 |     it'll be coming from dinobox@hackclub.com :-)
5 |   </div>
6 | </div>
7 | 


--------------------------------------------------------------------------------
/app/views/index.erb:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 |   <div class="card sunken" style="margin-bottom: var(--spacing-3);">
 3 |     <h1>Shipment Viewer</h1>
 4 |     <br/>
 5 |     <div class="card sunken" style="margin-bottom: var(--spacing-3);">
 6 |       <h1>what's <%= @internal ? "their" : "your" %> email?</h1>
 7 |       <form action="<%= @internal ? '/dyn/internal' : '/dyn/send_mail' %>" method="post">
 8 |         <input type="email" placeholder="orpheus@hackclub.com" id="email" name="email" style="margin-top: var(--spacing-3);" required="required"> <br/>
 9 |         <input class="button" type="submit" style="margin-top: var(--spacing-3); margin-bottom: var(--spacing-3);" value="go!">
10 |       </form>
11 |     </div>
12 |     <% if @internal %>
13 |       <div class="card sunken internal">
14 |         <a href="/set_internal_key">set internal key?</a>
15 |         <br>
16 |         <p>You're in <a href='/internal'>internal</a> mode rn! Switch back to <a href="/">external</a> mode?</p>
17 |       </div>
18 |     <% end %>
19 |   </div>


--------------------------------------------------------------------------------
/app/views/layout.erb:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <title>Shipment Viewer <%= " – #{@title}" if @title %></title>
 5 |     <link rel="stylesheet" href="/hc.css">
 6 |     <link rel="stylesheet" href="/style.css">
 7 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 8 |     <script src="https://kit.fontawesome.com/384fa9fca2.js" crossorigin="anonymous"></script>
 9 |     <%= yield_content :head %>
10 |     <script>
11 |       // The poor man's jQuery
12 |       window.$ = (query, el=document)=>{
13 |           return el.querySelector(query);
14 |       };
15 |       window.$all = (query, el=document)=>{
16 |           return [...el.querySelectorAll(query)];
17 |       };
18 | 
19 |       document.addEventListener('DOMContentLoaded', () => {
20 |         const toggle = document.getElementById('dark-mode-toggle');
21 |         const body = document.body;
22 | 
23 |         const updateDarkModeMaybe = () => {
24 |           if (localStorage.getItem('dark-mode') !== null) {
25 |             body.classList.toggle('dark-mode', localStorage.getItem('dark-mode') === 'true');
26 |           } else {
27 |             body.classList.toggle('dark-mode', window.matchMedia('(prefers-color-scheme: dark)').matches);
28 |           }
29 |         };
30 | 
31 |         toggle.addEventListener('click', () => {
32 |           const isDarkMode = body.classList.toggle('dark-mode');
33 |           localStorage.setItem('dark-mode', isDarkMode);
34 |         });
35 | 
36 |         updateDarkModeMaybe();
37 | 
38 |         if (localStorage.getItem('dark-mode') == null) {
39 |           window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
40 |             updateDarkModeMaybe();
41 |           });
42 |         }
43 |       });
44 |     </script>
45 |   </head>
46 |   <body>
47 |     <nav class="navbar fixed-top bg-light">
48 |       <a class="banner" target="_blank" href="https://hackclub.com/">
49 |         <img src="/flag.png" />
50 |       </a>
51 |       <a href='<%= @internal ? '/internal' : '/' %>' class="navbar-brand"><b>Shipment Viewer<%= " <span class='internal'>(cool edition)</span>" if @internal %></b></a>
52 |       <button id="dark-mode-toggle" class="">
53 |         <i class="fa-solid fa-moon"></i>
54 |       </button>
55 |     </nav>
56 |     <div class="main-content">
57 |       <div style="margin-top: 64px">
58 |         <% if @error %>
59 |           <div class="container">
60 |             <div class="card" style="background: var(--orange); margin-bottom: var(--spacing-2); color: var(--white)">
61 |               <b>error:</b> <%= @error %>
62 |             </div>
63 |           </div>
64 |         <% end %>
65 |         <div class="container">
66 |           <div style="border: 2px dashed red; padding: 10px; margin: 20px 0 ">
67 |             <h2 style="color: red;">hey!!</h2>
68 |             <p>going forward, please use <a href="https://mail.hackclub.com">mail.hackclub.com</a> instead.</p>
69 |             <p>it shows everything shipment viewer did, and more!</p>
70 |             <p>this site is now deprecated and will be replaced with a redirect there once the new site has a public API.</p>
71 |           </div>
72 |         </div>
73 |         <%= yield %>
74 |       </div>
75 |     </div>
76 |     <div class="footer">
77 |       <div class="footer-text">
78 |         <% if @internal %>
79 |           <span class="internal" style="padding: 4px !important;"><%= ENV['STATIC_BUILD'] ? "i'm kind of like if shipments had a viewer" : ["don't do anything i wouldn't do", "agent 47! welcome!", "i ship it :3", "i'm kind of like if shipments had a viewer", '🎶 "shipment viewer", definition: views some hack club mailings 🎵', "to continue using, please #{%w(meow bark woof nya~ scream).sample} as loudly as you can.", 'if a package is from us does that make it a hackage?'].sample %></span>
80 |         <% end %>
81 |         <p>with <3 from <a target="_blank" href="https://hackclub.com/">Hack Club</a>! open-source'd&nbsp@&nbsp<a target="_blank" href="https://github.com/hackclub/shipment-viewer">hackclub/shipment-viewer</a>&nbsp<i class="fa-brands fa-github"></i> (<%= footer_commit %>)</p>
82 |       </div>
83 |     </div>
84 |   </body>
85 | </html>


--------------------------------------------------------------------------------
/app/views/notfound.erb:
--------------------------------------------------------------------------------
1 | <div class="container">
2 |   <div class="card" style="background: var(--red); color: var(--white) !important; margin-bottom: var(--spacing-2)">
3 |     <h1>404 not found....</h1>
4 |     this is so sad...
5 |   </div>
6 |   <a href="/">go home?</a>
7 | </div>
8 | 


--------------------------------------------------------------------------------
/app/views/set_internal_key.erb:
--------------------------------------------------------------------------------
 1 | <% content_for :head do %>
 2 |   <script src=" https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js "></script>
 3 | <% end %>
 4 | <div class="container">
 5 |   <div class="card sunken internal">
 6 |     <h1>here be dragons :-P</h1>
 7 |     <form action="javascript:void(0);" onsubmit="Cookies.set('internal_key', $('#key').value, {expires: 362}); alert('set!'); return false">
 8 |       <input type="password" placeholder=":3" id="key" name="key" style="margin-top: var(--spacing-3)"> <br/>
 9 |       <input class="button" type="submit" style="margin-top: var(--spacing-3); margin-bottom: var(--spacing-3);" value="save">
10 |     </form>
11 |     <a href="/internal" style="margin-top: var(--spacing-3)">to the tool...</a>
12 |   </div>
13 | </div>


--------------------------------------------------------------------------------
/app/views/shipments.erb:
--------------------------------------------------------------------------------
 1 | <% content_for :head do %>
 2 |   <script src="https://cdn.jsdelivr.net/npm/macy@2.5.1"></script>
 3 | <% end %>
 4 | <div class="container">
 5 |   <% if @internal %>
 6 |     <div class="card internal" style="margin-bottom: var(--spacing-3); display: flex; justify-content: space-between; align-items: center;">
 7 |     <a href="/internal"><button class="button">← Back</button></a>
 8 |       <h3>Viewing shipments for: <%= params[:email] %></h3>
 9 |       <form action="/dyn/send_mail" method="post" style="display: inline;">
10 |         <input type="hidden" name="email" value="<%= params[:email] %>">
11 |         <button type="submit" class="button">Send Email</button>
12 |       </form>
13 |     </div>
14 |   <% else %>
15 |     <div class="card" style="margin-bottom: var(--spacing-3); display: flex; justify-content: space-between; align-items: center;">
16 |       <span>You're signed in as <a href="mailto:<%= params[:email] %>"><%= params[:email] %></a> 👋🏻</span>
17 |       <a href="/"><button type="submit" class="button">Not you?</button></a>
18 |     </div>
19 |   <% end %>
20 |   <% if @shipments.empty? %>
21 |     <img src="https://cloud-m5nxd8r27-hack-club-bot.vercel.app/0cleanshot_2025-01-02_at_14.18.09_2x.png" alt="no shipments?">
22 |   <% else %>
23 |     <div class="shipments" id="shipments-container">
24 |       <%# for each shipment, render the partial _shipment.erb: %>
25 |       <% @shipments.each do |shipment, i| %>
26 |         <%= erb :_shipment, locals: { shipment: } %>
27 |       <% end %>
28 |     </div>
29 |   <% end %>
30 | </div>
31 | 
32 | <script>
33 |     var macy = Macy({
34 |         container: '#shipments-container',
35 |         trueOrder: true,
36 |         waitForImages: false,
37 |         margin: 20,
38 |         columns: 3,
39 |         breakAt: {
40 |             940: 2,
41 |             700: 1,
42 |         }
43 |     });
44 | </script>
45 | 


--------------------------------------------------------------------------------
/config.ru:
--------------------------------------------------------------------------------
1 | require './app/main'
2 | run ShipmentViewer


--------------------------------------------------------------------------------
/devcontainer.json:
--------------------------------------------------------------------------------
1 | {
2 |     "name": "Shipment Viewer Codespace",
3 |     "postCreateCommand": "./install-tools.sh"
4 | }


--------------------------------------------------------------------------------
/install-tools.sh:
--------------------------------------------------------------------------------
 1 | #!/bin/bash
 2 | GREEN='\033[0;32m'
 3 | YELLOW='\033[0;33m'
 4 | RED='\033[0;31m'
 5 | NC='\033[0m'
 6 | 
 7 | ERROR_LOG="error.log"
 8 | 
 9 | run_command() {
10 |     "$@" > /dev/null 2>>"$ERROR_LOG"  # Suppress output, log errors to error.log
11 |     if [ $? -ne 0 ]; then
12 |         echo -e "${RED}❌  Command failed: $1. Please check the error log: $ERROR_LOG.${NC}"
13 |         exit 1  # Stop the script if the command fails
14 |     fi
15 | }
16 | 
17 | echo -e "${YELLOW}🛠️  Orph is setting up your workspace!${NC}"
18 | 
19 | echo -e "${GREEN}⚙️  Installing dependencies...${NC}"
20 | run_command bundle install
21 | 
22 | echo -e "${GREEN}🔑  Installing dotenvx...${NC}"
23 | run_command curl -fsS https://dotenvx.sh | sudo sh
24 | 
25 | echo -e "${GREEN}🎉  You're all good to go!${NC}"
26 | 
27 | echo -e "${GREEN}🚀  Starting your server...${NC}"
28 | dotenvx run -f .env.test -- bundle exec rackup  # Show server logs in the console
29 | 
30 | 


--------------------------------------------------------------------------------
/vercel-build.sh:
--------------------------------------------------------------------------------
1 | #this is kinda bad
2 | mkdir -p build
3 | cp -r app/public/* build
4 | bundle config set --local without serve
5 | bundle install
6 | APP_ENV=development STATIC_BUILD=yep ruby app/build.rb


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "builds": [
 3 |     {
 4 |       "src": "config.ru",
 5 |       "use": "@vercel/ruby"
 6 |     },
 7 |     {
 8 |       "src": "vercel-build.sh",
 9 |       "use": "@vercel/static-build",
10 |       "config": {"distDir": "build"}
11 |     }
12 |   ],
13 |   "rewrites": [
14 |     { "source": "/config.ru", "destination": "404" },
15 |     { "source": "/dyn/:path*", "destination": "config.ru" },
16 |     { "source": "/api/presign", "destination": "config.ru" },
17 |     { "source": "/(.*)", "destination": "404", "statusCode": 404 }
18 |   ],
19 |   "cleanUrls": true,
20 |   "redirects": [
21 |     {
22 |       "source": "/shipments",
23 |       "has": [
24 |         {
25 |           "type": "query",
26 |           "key": "email"
27 |         },
28 |         {
29 |           "type": "query",
30 |           "key": "signature"
31 |         }
32 |       ],
33 |       "destination": "/dyn/shipments/:email?signature=:signature",
34 |       "permanent": true
35 |     }
36 |   ]
37 | }


--------------------------------------------------------------------------------