porous 0.2.0 → 0.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 605209154f6a44bc2c7a84934bf661de4c721a2a5ed5f3b9c21556064ac1672e
-  data.tar.gz: 27eb154e0be5f0b524e723355c1544541b26207f36e49eb372cea7d06e24cdd5
+  metadata.gz: 87c6a954ddaf691739b880123048bf3345ece37389404d7a1c7163b27119c0ac
+  data.tar.gz: d13c2be795c751e8eb6095e0642560065e4815ff04ac17ffd7605e1092d775ba
 SHA512:
-  metadata.gz: f4244bbc93b9c53b55e486d52420653ce8ffd5ee5e8d642b91e25aafc439ea2c48b5622c84167083b93c05ef424f5ea2b5964b7a4696665e92ffab68d13a43b9
-  data.tar.gz: 58e28a76335c29b19f57c8b68e9c1c6bd00136b753025b230bcabf4a041a872e0efe8a8ebf233a15c7249de018662f4de9c240b27c10701989faeb71231bc866
+  metadata.gz: 84e53a85958c58e66417eeadc77fd35332ac0f30b7b59eaef49e39ebeb1cc83d8f3dc906d848c40eb1f4ca08604e36d06efc6b72de0427911a185f705278ce95
+  data.tar.gz: 7e42e43664d2329d25f47999bddf7e0c28cbd2ccd36c69ce81e4e94a4e6894a5c905bc5f9ddce41b0ce6770f5f116c369b48c6d2622135e8b2e32221e7d1a6d5

data/CHANGELOG.md

@@ -1,7 +1,34 @@
 ## [Planned]
 
+- Data Abstraction Layer / Object Relational Model
+- Event Model
+- Plugin / Extension system
+
+- Frontend Extensions
+  - Tailwind CSS (tailwind-cli)
+
+- Persistence Extensions
+  - Memory (default)
+	- Disk (file)
+	- Databases (SQLite, PostgreSQL)
+
+## [Unreleased]
+
+## [0.3.1] - 24 February 2024
+
+- Production Mode
+	- `porous build production`
+	- `porous server`
+	- Needs `ssl/cert.pem` and `ssl/key.pem`
+	- Binds on :80 and :443
+- Development Mode
+	- `porous dev`
+	- Binds on :9292
+- Serves favicon from `static/favicon.svg`
+
+## [0.3.0] - 22 February 2024
+
 - WebSockets support
-- Production mode
 
 ## [0.2.0] - 18 February 2024
 

data/README.md

@@ -1,8 +1,8 @@
 # 🧽 Porous
 
-Porous is a web engine that uses isomorphic Ruby components to build a Progressive Web App. Its use is analogous to a web framework, but the approach is entirely different. You write only
+Porous is a web engine that uses isomorphic Ruby components to build a Progressive Web App. Its use is analogous to a web framework, but the approach is entirely different. You write *only* the code that is *unique to your application* and the engine takes care of the rest!
 
-This project is a work-in-progress and is not yet even in the Proof of Concept phase. However, if you are interested in a full-stack, everything included solution, that only requires you to use one language (that is arguably easy and enjoyable to write) then feel free to follow this project.
+This project is a **work-in-progress** and is not yet even in the Proof of Concept phase. However, if you are interested in a full-stack, everything included solution, that only requires you to use one language (that is arguably easy and enjoyable to write) then feel free to follow this project.
 
 The closest thing to this I could find was [Volt](https://github.com/voltrb/volt) or [Silica](https://github.com/youchan/silica), neither of which are active or match the overall development flow I'm looking for.
 
@@ -12,7 +12,7 @@ The closest thing to this I could find was [Volt](https://github.com/voltrb/volt
 - 🖥️ Server-side rendering (server responds with the entire initial page populated for SEO)
 - 💻 Client-side rendering (application bundle is served and interactions and subsequent pages are rendered client-side)
 - 🌄 Serves static files (from `static` folder)
-- 🔥 Hot reloading (via HTTP polling and browser refresh)
+- 🔥 Hot reloading (via WebSocket push and browser refresh)
 
 ## Design
 
@@ -42,21 +42,21 @@ Porous is not a framework. You don't build an application with it as a dependenc
 
 ## Usage
 
-Porous is still pre-alpha and so is not ready for usage yet, but the general idea is that you would define your application's entities, pages, components and events in Ruby scripts structured in a specific way. Then you would simply run `porous` while pointing it to that folder and it will spin up a Rack-compatible web server for you to use.
+Porous is still pre-alpha and so is not ready for usage yet, but the general idea is that you would define your application's entities, pages, components and events in Ruby scripts structured in a specific way. Then you would simply run `porous server` while pointing it to that folder and it will spin up a Rack-compatible web server for you to use.
 
 > ⚠️ Expect any and all APIs to change radically until version 1.0! Hence why it won't be documented or properly tested until things settle to a more stable state.
 
-To start a new Porous project simply `gem install porous` using whichever Ruby environment you want to use (Ruby 3.0+). Then change to that directory and run:
+To start a new Porous project simply `gem install porous` using whichever Ruby environment you want to use (Ruby 3.0+) and then `porous new` with your project name. Then change to that directory and run:
 
-    $ porous server
+    $ porous dev
 
-By default Porous will run at `localhost:9292`. Now you can edit `pages/home.rb` or add more pages. Files you modify will be hot-reloaded so you can simply open the page in your browser and edit the file. Hot-reloading will be improved once WebSockets support is implemented.
+By default Porous will run at `localhost:9292`. Now you can edit `pages/home.rb` or add more pages. Files you modify will be hot-reloaded, so you can simply open the page in your browser and edit the file.
 
 ### Running examples
 
-To test out some example "apps" using Porous you can navigate to the examples folder and in any folder run:
+To test out an example application using Porous you can clone the [Porous website](https://github.com/exastencil/porous.dev) and in that directory:
 
-    $ porous server
+    $ porous dev
 
 ## Development
 

data/lib/porous/application.rb

@@ -18,9 +18,9 @@ module Porous
           end
           meta name: 'description', content: props[:description] if props[:description]
 
-          script src: '/static/dist/application.js'
-          script src: '/static/dist/reload.js'
+          script src: '/static/dist/application.js', id: 'application'
           script src: 'https://cdn.tailwindcss.com'
+          link rel: 'icon', href: '/static/favicon.svg'
         end
 
         body class: 'bg-gray-50 dark:bg-gray-900' do

data/lib/porous/cli/build.rb

@@ -12,47 +12,10 @@ module Porous
       true
     end
 
-    desc 'build', 'Build static assets'
-    def build
+    desc 'build ENV', 'Build static assets for environment (default: development)'
+    def build(env = :development)
       empty_directory 'static/dist', verbose: false, force: options[:force]
-      transpile
-      live_reload
+      Porous::Server::Builder.new(env.to_sym).build
     end
-
-    # rubocop:disable Metrics/BlockLength
-    no_commands do
-      def transpile
-        components = Dir.glob(File.join('{components,pages}', '**', '*.rb')).map do |relative_path|
-          "require '#{relative_path}'"
-        end
-        build_string = "require 'porous'; #{components.join ";"}".gsub '.rb', ''
-        builder = Opal::Builder.new
-        builder.build_str build_string, '(inline)'
-        File.binwrite "#{Dir.pwd}/static/dist/application.js", builder.to_s
-      end
-
-      # rubocop:disable Metrics/MethodLength
-      def live_reload
-        timestamp = Time.now.to_i.to_s
-        File.write "#{Dir.pwd}/static/dist/timestamp", timestamp
-        builder = Opal::Builder.new
-        script = <<-BROWSER
-          $document.ready do
-            every 0.1 do
-              Browser::HTTP.get('/static/dist/timestamp').then do |response|
-                return unless response.success?
-                timestamp = response.text.to_i
-                TIMESTAMP ||= timestamp
-                $document.location.reload if TIMESTAMP < timestamp
-              end
-            end
-          end
-        BROWSER
-        builder.build_str script, '(inline)'
-        File.binwrite "#{Dir.pwd}/static/dist/reload.js", builder.to_s
-      end
-      # rubocop:enable Metrics/MethodLength
-    end
-    # rubocop:enable Metrics/BlockLength
   end
 end

data/lib/porous/cli/dev.rb

@@ -0,0 +1,44 @@
+# frozen_string_literal: true
+
+module Porous
+  class CLI < Thor
+    check_unknown_options!
+
+    namespace :dev
+
+    desc 'dev', 'Starts a Porous development server'
+    def dev # rubocop:todo Metrics/MethodLength, Metrics/AbcSize
+      empty_directory 'static/dist', verbose: false, force: options[:force]
+
+      Agoo::Log.configure(
+        dir: '',
+        console: true,
+        classic: true,
+        colorize: true,
+        states: {
+          INFO: true,
+          DEBUG: false,
+          connect: false,
+          request: false,
+          response: false,
+          eval: true,
+          push: true
+        }
+      )
+
+      Agoo::Server.init 9292, Dir.pwd, thread_count: 1
+      Agoo::Server.use Rack::ContentLength
+      Agoo::Server.use Rack::Static, urls: ['/static']
+      Agoo::Server.use Rack::ShowExceptions
+
+      # Socket Communication
+      $socket ||= Porous::Server::Socket.new
+      Agoo::Server.handle nil, '/connect', Porous::Server::Connect.new
+      # Server-Side Rendering
+      Agoo::Server.handle nil, '**', Porous::Server::Application.new
+      Agoo::Server.start
+      # Live Reload Builder
+      Server::Builder.new.build.start
+    end
+  end
+end

data/lib/porous/cli/server.rb

@@ -6,42 +6,42 @@ module Porous
 
     namespace :server
 
-    desc 'server [OPTIONS]', 'Starts Porous server'
-    method_option :port,
-                  aliases: :p,
-                  type: :numeric,
-                  default: 9292,
-                  desc: 'The port Porous will listen on'
+    desc 'server [OPTIONS]', 'Starts Porous server in production mode'
+    def server # rubocop:todo Metrics/MethodLength
+      Agoo::Log.configure(dir: '',
+                          console: true,
+                          classic: true,
+                          colorize: true,
+                          states: {
+                            INFO: true,
+                            DEBUG: false,
+                            connect: true,
+                            request: true,
+                            response: false,
+                            eval: false,
+                            push: false
+                          })
 
-    method_option :host,
-                  aliases: :h,
-                  type: :string,
-                  default: 'localhost',
-                  desc: 'The host address Porous will bind to'
+      Agoo::Server.init(
+        80, '.',
+        thread_count: 0,
+        ssl_cert: 'ssl/cert.pem',
+        ssl_key: 'ssl/key.pem',
+        bind: [
+          'http://127.0.0.1:80',
+          'https://127.0.0.1:443'
+        ]
+      )
+      Agoo::Server.use Rack::ContentLength
+      Agoo::Server.use Rack::Static, urls: ['/static']
 
-    MONITORING = %w[components pages].freeze
+      # Socket Communication
+      $socket ||= Porous::Server::Socket.new
+      Agoo::Server.handle nil, '/connect', Porous::Server::Connect.new
+      # Server-Side Rendering
+      Agoo::Server.handle nil, '**', Porous::Server::Application.new
 
-    def server
-      MONITORING.each { |path| FileUtils.mkdir_p path }
-      build
-      start_live_reload
-      Rackup::Server.start environment: 'none', app: Porous::Server.new
-    end
-
-    no_commands do
-      def start_live_reload
-        opts = { only: /\.rb$/, relative: true }
-        @listener = Listen.to(*MONITORING, opts) do |modified, added, _removed|
-          # Load for server
-          (modified + added).each do |file|
-            load File.expand_path("#{Dir.pwd}/#{file}")
-          end
-          # Rebuild for browser
-          Thread.new { build }
-        end
-        @listener.start
-        at_exit { @listener.stop }
-      end
+      Agoo::Server.start
     end
   end
 end

data/lib/porous/cli/template/.gitignore.tt

@@ -1 +1,2 @@
 static/dist
+ssl

data/lib/porous/cli/template/README.md.tt

@@ -1,7 +1,21 @@
 # <%= config[:project_name] %>
 
+## Development
+
 ```sh
-$ porous run
+$ porous dev
 ```
 
-Go to [http://localhost:8080/](http://localhost:8080/)
+Go to [http://localhost:9292/](http://localhost:9292/)
+
+## Production
+
+Place your SSL certificate in `ssl`:
+
+- `ssl/cert.pem`
+- `ssl/key.pem`
+
+```sh
+$ porous build production
+$ porous server
+```

data/lib/porous/cli/template/pages/home.rb

@@ -32,11 +32,7 @@ class Home
             end
             a href: 'https://github.com/exastencil/porous', target: '_blank', rel: 'noopener',
               class: 'flex items-center space-x-2 text-gray-500 dark:text-gray-400' do
-              svg role: 'img', width: '24', height: '24', class: 'w-5 h-5', viewBox: '0 0 24 24', fill: 'currentColor',
-                  xmlns: 'http://www.w3.org/2000/svg' do
-                title 'GitHub'
-                path d: 'M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'
-              end
+              img class: 'w-8 h-8 text-gray-500', src: '/static/github.svg'
               span 'View on GitHub'
             end
           end

data/lib/porous/cli/template/static/github.svg

@@ -0,0 +1,4 @@
+<svg role="img" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+	<title>GitHub logo</title>
+	<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path>
+</svg>

data/lib/porous/cli.rb

@@ -3,10 +3,15 @@
 require 'thor'
 
 require 'porous'
+require 'porous/server/builder'
+require 'porous/server/socket'
+require 'porous/server/connect'
+require 'porous/server/application'
 
 require 'rack'
 require 'rackup/server'
 
 require 'porous/cli/build'
+require 'porous/cli/dev'
 require 'porous/cli/new'
 require 'porous/cli/server'

data/lib/porous/server/application.rb

@@ -0,0 +1,28 @@
+# frozen_string_literal: true
+
+module Porous
+  module Server
+    class Application
+      MONITORING = %w[components pages].freeze
+
+      def call(env)
+        router = Porous::Router.new path: env['PATH_INFO'], query: env['QUERY_STRING']
+        route = router.find_route
+        page = route[:component].new(route[:params])
+
+        [200, { 'content-type' => 'text/html' }, [
+          Porous::Application.new(
+            title: page.page_title,
+            description: page.page_description,
+            path: env['PATH_INFO'],
+            query: env['QUERY_STRING']
+          ).to_s
+        ]]
+      rescue Porous::InvalidRouteError => e
+        [404, { 'content-type' => 'text/plain' }, ["404 Page not found\n", e.message]]
+      rescue Porous::Error => e
+        [500, { 'content-type' => 'text/plain' }, ["500 Internal Server Error\n", e.message]]
+      end
+    end
+  end
+end

data/lib/porous/server/builder.rb

@@ -0,0 +1,59 @@
+# frozen_string_literal: true
+
+require 'opal/builder_scheduler/sequential'
+
+module Porous
+  module Server
+    class Builder
+      def initialize(environment = :development)
+        @environment = environment
+        @build_queue = Queue.new
+        @last_build = nil
+        @latest_change = Dir.glob(File.join('**', '*.rb')).map { |f| File.mtime f }.max
+      end
+
+      def build
+        components = Dir.glob(File.join('**', '*.rb')).map do |relative_path|
+          modified = File.mtime relative_path
+          @latest_change = modified if modified > @latest_change
+          "require '#{relative_path}'"
+        end
+        build_string = "require 'porous'; #{components.join ";"}; ".gsub '.rb', ''
+        build_string << inject_socket_connection
+        builder = Opal::Builder.new scheduler: Opal::BuilderScheduler::Sequential, cache: false
+        builder.build_str build_string, '(inline)'
+        File.binwrite "#{Dir.pwd}/static/dist/application.js", builder.to_s
+        @last_build = Time.now
+        self
+      end
+
+      # rubocop:disable Metrics/AbcSize
+      def start
+        loop do
+          sleep 0.25
+          next unless @build_queue.empty?
+
+          modified = Dir.glob(File.join('**', '*.rb')).map { |f| File.mtime f }.max
+          next unless modified > @last_build
+
+          @build_queue.push modified
+          # Load for server
+          Dir.glob(File.join('**', '*.rb')).map { |f| load File.expand_path("#{Dir.pwd}/#{f}") }
+
+          # Rebuild for browser
+          Thread.new { build }.join
+
+          # Notify clients
+          $socket&.public 'build', @last_build.inspect
+          @build_queue.clear
+        end
+      end
+      # rubocop:enable Metrics/AbcSize
+
+      def inject_socket_connection
+        uri = @environment == :production ? 'wss://localhost/connect' : 'ws://localhost:9292/connect'
+        "$connection = '#{uri}'; "
+      end
+    end
+  end
+end

data/lib/porous/server/connect.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Porous
+  module Server
+    class Connect
+      # Only used for WebSocket or SSE upgrades.
+      def call(env)
+        if env['rack.upgrade?'].nil?
+          [404, {}, []]
+        else
+          $socket ||= Socket.new
+          env['rack.upgrade'] = $socket
+          [200, {}, []]
+        end
+      end
+    end
+  end
+end

data/lib/porous/server/socket.rb

@@ -0,0 +1,39 @@
+# frozen_string_literal: true
+
+module Porous
+  module Server
+    class Socket
+      def initialize
+        @clients = []
+        @mutex = Mutex.new
+      end
+
+      def on_open(client)
+        @mutex.synchronize do
+          @clients << client
+        end
+      end
+
+      def on_close(client)
+        @mutex.synchronize do
+          @clients.delete(client)
+        end
+      end
+
+      def on_drained(_client); end
+
+      def on_message(client, data)
+        client.write("Handler says #{data}")
+      end
+
+      def public(channel, message)
+        output = "#{channel}|#{message}"
+        @mutex.synchronize do
+          @clients.each do |c|
+            c.write output
+          end
+        end
+      end
+    end
+  end
+end

data/lib/porous/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Porous
-  VERSION = '0.2.0'
+  VERSION = '0.3.1'
 end

data/lib/porous.rb

@@ -7,7 +7,7 @@ require 'opal-virtual-dom'
 Opal.append_path File.expand_path('../opal', __dir__)
 Opal.append_path File.expand_path(Dir.pwd)
 
-require 'listen'
+require 'agoo'
 
 require 'porous/version'
 
@@ -27,7 +27,6 @@ Dir.glob(File.join('{components,pages}', '**', '*.rb')).each do |relative_path|
 end
 
 require 'porous/application'
-require 'porous/server' unless RUBY_ENGINE == 'opal'
 
 module Porous
   class Error < StandardError; end

data/lib/virtual_dom/dom.rb

@@ -11,8 +11,9 @@ module VirtualDOM
                    small source span strong style sub summary sup table tbody td textarea tfoot th
                    thead time title tr track u ul var video wbr].freeze
 
-    SVG_TAGS = %w[svg path].freeze
-
+    SVG_TAGS = %w[animate animateMotion animateTransform circle clipPath defs desc ellipse filter
+                  foreignObject g image line linearGradient marker mask metadata mpath path pattern
+                  polygon polyline radialGradient rect set stop svg switch symbol textPath tspan use view].freeze
     (HTML_TAGS + SVG_TAGS).each do |tag|
       define_method tag do |params = {}, &block|
         if params.is_a?(String)

data/opal/porous/injection.rb

@@ -37,7 +37,7 @@ module Porous
 
     def render!
       if Browser::AnimationFrame.supported?
-        animation_frame do
+        Browser::AnimationFrame.new $window do
           @root_component.render_if_root
         end
       else

data/opal/porous.rb

@@ -11,15 +11,6 @@ require 'console'
 require 'virtual_dom'
 require 'virtual_dom/support/browser'
 
-VirtualDOM::DOM::HTML_TAGS = %w[a abbr address area article aside audio b base bdi bdo big blockquote body br
-                                button canvas caption cite code col colgroup data datalist dd del details dfn
-                                dialog div dl dt em embed fieldset figcaption figure footer form h1 h2 h3 h4 h5
-                                h6 head header hr html i iframe img input ins kbd keygen label legend li link
-                                main map mark menu menuitem meta meter nav noscript object ol optgroup option
-                                output p param picture pre progress q rp rt ruby s samp script section select
-                                small source span strong style sub summary sup table tbody td textarea tfoot th
-                                thead time title tr track u ul var video wbr svg path].freeze
-
 require 'porous/injection'
 require 'porous/component/class_methods'
 require 'porous/component/render'
@@ -38,4 +29,19 @@ end
 
 $document.ready do
   Porous::Application.mount_to($document.body)
+  Browser::Socket.new $connection do
+    on :open do |_e|
+      $console.info 'Connected to server!'
+    end
+
+    on :message do |e|
+      channel, content = e.data.split '|'
+      case channel
+      when 'build'
+        $document.location.reload unless content == 'started'
+      else
+        $console.log e.data
+      end
+    end
+  end
 end

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: porous
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.1
 platform: ruby
 authors:
 - Exa Stencil
 autorequire:
 bindir: exe
 cert_chain: []
-date: 2024-02-18 00:00:00.000000000 Z
+date: 2024-02-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: listen
+  name: agoo
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '2.15'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.0'
+        version: '2.15'
 - !ruby/object:Gem::Dependency
   name: opal-browser
   requirement: !ruby/object:Gem::Requirement
@@ -102,11 +102,13 @@ files:
 - lib/porous/application.rb
 - lib/porous/cli.rb
 - lib/porous/cli/build.rb
+- lib/porous/cli/dev.rb
 - lib/porous/cli/new.rb
 - lib/porous/cli/server.rb
 - lib/porous/cli/template/.gitignore.tt
 - lib/porous/cli/template/README.md.tt
 - lib/porous/cli/template/pages/home.rb
+- lib/porous/cli/template/static/github.svg
 - lib/porous/cli/template/static/hero.png
 - lib/porous/component.rb
 - lib/porous/component/class_methods.rb
@@ -117,7 +119,10 @@ files:
 - lib/porous/page.rb
 - lib/porous/router.rb
 - lib/porous/routes.rb
-- lib/porous/server.rb
+- lib/porous/server/application.rb
+- lib/porous/server/builder.rb
+- lib/porous/server/connect.rb
+- lib/porous/server/socket.rb
 - lib/porous/version.rb
 - lib/virtual_dom/dom.rb
 - lib/virtual_dom/virtual_node.rb

data/lib/porous/server.rb

@@ -1,45 +0,0 @@
-# frozen_string_literal: true
-
-module Porous
-  class Server
-    def initialize(*_args)
-      setup_rack_app
-    end
-
-    # rubocop:disable Metrics/MethodLength, Metrics/AbcSize
-    def setup_rack_app
-      @rack = Rack::Builder.new do
-        use Rack::ContentLength
-        use Rack::Static, urls: ['/static']
-        use Rack::CommonLogger
-        use Rack::ShowExceptions
-        use Rack::Lint
-        use Rack::TempfileReaper
-
-        run do |env|
-          router = Porous::Router.new path: env['PATH_INFO'], query: env['QUERY_STRING']
-          route = router.find_route
-          page = route[:component].new(route[:params])
-
-          [200, { 'content-type' => 'text/html' }, [
-            Porous::Application.new(
-              title: page.page_title,
-              description: page.page_description,
-              path: env['PATH_INFO'],
-              query: env['QUERY_STRING']
-            ).to_s
-          ]]
-        rescue Porous::InvalidRouteError => e
-          [404, { 'content-type' => 'text/plain' }, ["404 Page not found\n", e.message]]
-        rescue Porous::Error => e
-          [500, { 'content-type' => 'text/plain' }, ["500 Internal Server Error\n", e.message]]
-        end
-      end
-    end
-    # rubocop:enable Metrics/MethodLength, Metrics/AbcSize
-
-    def call(*args)
-      @rack.call(*args)
-    end
-  end
-end