Fix error to refer to 'pf_domain' variable in development

Author: yasulab

config/environments/development.rb

@@ -70,22 +70,20 @@
   # Annotate rendered view with file names.
   config.action_view.annotate_rendered_view_with_filenames = true
 
-  # Uncomment if you wish to allow Action Cable access from any origin.
-  # config.action_cable.disable_request_forgery_protection = true
-  pf_host = "#{ENV['CODESPACE_NAME']}-3000.#{pf_domain}"
-  config.hosts << pf_host
-  config.hosts << '.ngrok.io'
-  config.action_cable.allowed_request_origins = ["https://#{pf_host}"]
-
   # Raise error when a before_action's only/except options reference missing actions.
   config.action_controller.raise_on_missing_callback_actions = true
 
   # Apply autocorrection by RuboCop to files generated by `bin/rails generate`.
   # config.generators.apply_rubocop_autocorrect_after_generate!
 
-  # Enable to edit on GitHub Codespaces && allow requests from our preview domain.
+  # Uncomment if you wish to allow Action Cable access from any origin.
+  # config.action_cable.disable_request_forgery_protection = true
   pf_domain = ENV['GITHUB_CODESPACES_PORT_FORWARDING_DOMAIN']
-  config.action_dispatch.default_headers = {
-    'X-Frame-Options' => "ALLOW-FROM #{pf_domain}"
-  }
+  pf_host   = "#{ENV['CODESPACE_NAME']}-3000.#{pf_domain}"
+  config.hosts << pf_host
+  config.hosts << '.ngrok.io'
+  config.action_cable.allowed_request_origins = ["https://#{pf_host}"]
+
+  # Enable to edit on GitHub Codespaces && allow requests from our preview domain.
+  config.action_dispatch.default_headers = { 'X-Frame-Options' => "ALLOW-FROM #{pf_domain}" }
 end