Add billing system with Stripe

jorgemanrubia · jzimdars · jorgemanrubia · commit 1dbe3deda2b5 · 2025-12-11T21:44:56.000+01:00
🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Jason Zimdars <jz@37signals.com>
diff --git a/Gemfile.saas b/Gemfile.saas
@@ -3,10 +3,10 @@ eval_gemfile "Gemfile"
 
 git_source(:bc) { |repo| "https://github.com/basecamp/#{repo}" }
 
-# SaaS-only functionality
 gem "activeresource", require: "active_resource"
+gem "stripe", "~> 18.0"
 gem "queenbee", bc: "queenbee-plugin"
-gem "fizzy-saas", bc: "fizzy-saas"
+gem "fizzy-saas", bc: "fizzy-saas", branch: "billing"
 gem "console1984", bc: "console1984"
 gem "audits1984", bc: "audits1984"
 
diff --git a/Gemfile.saas.lock b/Gemfile.saas.lock
@@ -21,7 +21,8 @@ GIT
 
 GIT
   remote: https://github.com/basecamp/fizzy-saas
-  revision: 8f144d20a0f84cfe56e8ad66ed999455744a89d0
+  revision: 7df55bcbec613cbdda44d01caa10679c345ddf52
+  branch: billing
   specs:
     fizzy-saas (0.1.0)
       audits1984
@@ -558,6 +559,7 @@ GEM
     stimulus-rails (1.3.4)
       railties (>= 6.0.0)
     stringio (3.1.9)
+    stripe (18.0.1)
     thor (1.4.0)
     thruster (0.1.16)
     thruster (0.1.16-aarch64-linux)
@@ -684,6 +686,7 @@ DEPENDENCIES
   solid_queue (~> 1.2)
   sqlite3 (>= 2.0)
   stimulus-rails
+  stripe (~> 18.0)
   thruster
   trilogy (~> 2.9)
   turbo-rails
diff --git a/app/assets/stylesheets/animation.css b/app/assets/stylesheets/animation.css
@@ -71,6 +71,15 @@
     33% { background-color: var(--color-border-darker); scale: 1; }
   }
 
+  @keyframes wiggle {
+    0% { transform: rotate(0deg); }
+    20% { transform: rotate(3deg); }
+    40% { transform: rotate(-3deg); }
+    60% { transform: rotate(3deg); }
+    80% { transform: rotate(-3deg); }
+    100% { transform: rotate(0deg); }
+  }
+
   @keyframes wobble {
     0%  { transform: rotate(calc(var(--bubble-rotate) + 30deg)); }
     15% { border-radius: 66% 34% 72% 28% / 39% 63% 37% 61%; }
diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
@@ -277,7 +277,7 @@
       border-radius: 99rem;
     }
 
-    .btn:not(.popup__btn, .btn--plain, .btn--reversed) {
+    .btn:not(.popup__btn, .btn--plain, .btn--reversed, .settings-subscription__button) {
       --btn-background: var(--card-color);
       --btn-color: var(--color-ink-inverted);
     }
diff --git a/app/assets/stylesheets/utilities.css b/app/assets/stylesheets/utilities.css
@@ -184,6 +184,23 @@
   .fill-highlight { background-color: var(--color-highlight); }
   .fill-transparent { background-color: transparent; }
 
+  .fill-highlighter {
+    display: inline-block;
+    position: relative;
+    z-index: 1;
+
+    &::before {
+      background-color: var(--color-highlight);
+      border-radius: 0.2em;
+      content: "";
+      inset-block: 0;
+      inset-inline: -0.1em;
+      position: absolute;
+      transform: skewX(-10deg) rotate(1deg);
+      z-index: -1;
+    }
+  }
+
   .translucent { opacity: var(--opacity, 0.66); }
 
   /* Borders */
diff --git a/app/controllers/admin/stats_controller.rb b/app/controllers/admin/stats_controller.rb
diff --git a/app/models/admin.rb b/app/models/admin.rb
@@ -0,0 +1,2 @@
+module Admin
+end
diff --git a/app/views/account/settings/show.html.erb b/app/views/account/settings/show.html.erb
@@ -20,3 +20,5 @@
     <%= render "account/settings/export" %>
   </div>
 </section>
+
+<%= render "account/settings/subscription_panel" if Fizzy.saas? %>
diff --git a/app/views/admin/stats/show.html.erb b/app/views/admin/stats/show.html.erb
diff --git a/app/views/cards/_container.html.erb b/app/views/cards/_container.html.erb
@@ -37,7 +37,11 @@
     <% if card.published? %>
       <%= render "cards/container/footer/published", card: card %>
     <% elsif card.drafted? %>
-      <%= render "cards/container/footer/draft", card: card %>
+      <% if Fizzy.saas? %>
+        <%= render "cards/container/footer/saas/create", card: card %>
+      <% else %>
+        <%= render "cards/container/footer/create", card: card %>
+      <% end %>
     <% end %>
   </section>
 <% end %>
diff --git a/app/views/cards/container/footer/_create.html.erb b/app/views/cards/container/footer/_create.html.erb
@@ -0,0 +1,19 @@
+<div class="card-perma__notch card-perma__notch--bottom flex-column">
+  <div class="flex gap-half">
+    <%= button_to card_publish_path(card), name: "creation_type", value: "add", class: "btn",
+          title: "Create card (#{ hotkey_label(["ctrl", "enter"]) })",
+          form: { data: { controller: "form" } },
+          data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+enter@document->clicker#click keydown.meta+enter@document->clicker#click" } do %>
+      <span>Create card</span>
+    <% end %>
+
+    <%= button_to card_publish_path(card), method: :post, class: "btn btn--reversed", name: "creation_type", value: "add_another",
+          title: "Create and add another (#{ hotkey_label(["ctrl", "shift", "enter"]) })", form: { data: { controller: "form" } },
+          data: { form_target: "submit", controller: "clicker", action: "keydown.ctrl+shift+enter@document->clicker#click keydown.meta+shift+enter@document->clicker#click" } do %>
+      <span>Create and add another</span>
+    <% end %>
+  </div>
+
+  <%= render "cards/container/footer/saas/near_notice" if Fizzy.saas? %>
+</div>
+
diff --git a/app/views/cards/container/footer/_draft.html.erb b/app/views/cards/container/footer/_draft.html.erb
diff --git a/app/views/layouts/shared/_head.html.erb b/app/views/layouts/shared/_head.html.erb
@@ -16,6 +16,7 @@
   <% turbo_refreshes_with method: :morph, scroll: :preserve %>
 
   <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+  <%= stylesheet_link_tag "fizzy/saas", "data-turbo-track": "reload" if Fizzy.saas? %>
   <%= javascript_importmap_tags %>
 
   <%= tenanted_action_cable_meta_tag %>
diff --git a/config/routes.rb b/config/routes.rb
@@ -2,9 +2,9 @@
   root "events#index"
 
   namespace :account do
+    resource :entropy
     resource :join_code
     resource :settings
-    resource :entropy
     resources :exports, only: [ :create, :show ]
   end
 
@@ -239,6 +239,5 @@
 
   namespace :admin do
     mount MissionControl::Jobs::Engine, at: "/jobs"
-    get "stats", to: "stats#show"
   end
 end
diff --git a/test/controllers/admin/stats_controller_test.rb b/test/controllers/admin/stats_controller_test.rb
diff --git a/test/fixtures/accesses.yml b/test/fixtures/accesses.yml
@@ -21,3 +21,9 @@ private_kevin:
   account: 37s_uuid
   board: private_uuid
   user: kevin_uuid
+
+miltons_wish_list_mike:
+  id: <%= ActiveRecord::FixtureSet.identify("miltons_wish_list_mike", :uuid) %>
+  account: initech_uuid
+  board: miltons_wish_list_uuid
+  user: mike_uuid

Original file line number	Diff line number	Diff line change
`@@ -277,7 +277,7 @@`
`277`	`277`	`border-radius: 99rem;`
`278`	`278`	`}`
`279`	`279`
`280`		`- .btn:not(.popup__btn, .btn--plain, .btn--reversed) {`
	`280`	`+ .btn:not(.popup__btn, .btn--plain, .btn--reversed, .settings-subscription__button) {`
`281`	`281`	`--btn-background: var(--card-color);`
`282`	`282`	`--btn-color: var(--color-ink-inverted);`
`283`	`283`	`}`