nexmo_markdown_renderer 0.3.1 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 746e034b9ef6f00f3004f92196e71c3b670cc677f931fa67cdf42252620fdc37
-  data.tar.gz: 680b76bcce7a745ee748cb4e6a5db8d2724a2727271651179a18d43dee0a1701
+  metadata.gz: 7e21f8aa58664f86273978415744faa05026ec551b1bd99a6e0f7b54f7872eff
+  data.tar.gz: ec3ea04ec8714d98ec8aa17d318999142477d58dc7a8904b96396dc982825572
 SHA512:
-  metadata.gz: 10cfc564ff9a5544f522fcd98a77afdae52c9140846ae199db099615218ccc8be61360f27ba1c73b46fb0326c4a613ddf625b7bef19df45ba5564a022c1fb1ad
-  data.tar.gz: 31bd733108f5ebcb4608cc9bfbd7b7669902ce66cc94a922abd58a7819c6843d082a710307920efd1450b6b737b53490bcdf5c7f34ead2e07c9d2bdcb704618c
+  metadata.gz: 9788f8896e42b0e4f84084c231669a15a588c6335b3be8df01a60f3f73b3736a6d8ec832e650943c5de8506564893a78f3c368eca93c75c1a95d4fce1cb8d267
+  data.tar.gz: 5dc5835781068ada21d52a4108381222bca7293bdff94a26668dee3110310ba61c6e97d9a1b280c04b31253cca575bdb8190aecc44851c6c623d95b1675cc9b0

data/config/locales/en.yml

@@ -129,6 +129,7 @@ en:
       write_the_code: Write the code
     configure_client:
       initialize_dependencies: Initialize your dependencies
+      import_dependencies: Import dependencies
     application_messages_dispatch:
       no_application_html: If you do not have an application you can <a href="/messages/code-snippets/create-an-application">create one</a>. Make sure you also <a href="/messages/code-snippets/configure-webhooks">configure your webhooks</a>.
     application_rtc:

data/lib/nexmo_markdown_renderer.rb

@@ -38,6 +38,15 @@ require_relative 'nexmo_markdown_renderer/models/tutorial/prerequisite'
 require_relative 'nexmo_markdown_renderer/models/tutorial/task'
 require_relative 'nexmo_markdown_renderer/models/use_case'
 
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/binding'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/renderable'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/create_application'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/initialize_dependencies'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/instructions'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/import_dependencies'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/install_dependencies'
+require_relative 'nexmo_markdown_renderer/filters/code_snippet/run'
+
 Dir[File.join(__dir__, 'nexmo_markdown_renderer/filters/concerns', '*.rb')].each { |file| require_relative file }
 Dir[File.join(__dir__, 'nexmo_markdown_renderer/filters', '*.rb')].each { |file| require_relative file }
 Dir[File.join(__dir__, 'nexmo_markdown_renderer/filters/i18n', '*.rb')].each { |file| require_relative file }

data/lib/nexmo_markdown_renderer/filters/code_snippet/binding.rb

@@ -0,0 +1,41 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class Binding
+          def initialize(config)
+            @config = config
+          end
+
+          def language
+            @language ||= @config['language']
+          end
+
+          def lexer
+            @lexer ||= Nexmo::Markdown::CodeLanguage.find(language).lexer
+          end
+
+          def lang
+            @lang ||= @config['title'].delete('.')
+          end
+
+          def unindent
+            @unindent ||= @config['unindent']
+          end
+
+          def file_name
+            @file_name ||= @config['file_name']
+          end
+
+          def source
+            @source ||= @config['source']
+          end
+
+          def import_dependencies?
+            @config['import_dependencies']
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/create_application.rb

@@ -0,0 +1,61 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class CreateApplication
+          include Renderable
+
+          NGROK_URL   = 'http://demo.ngrok.io'.freeze
+          EXAMPLE_URL = 'https://example.com'.freeze
+
+          attr_reader :app
+
+          def initialize(app)
+            @app = app
+          end
+
+          def base_url
+            @base_url ||= @app['disable_ngrok'] && EXAMPLE_URL || NGROK_URL
+          end
+
+          def name
+            @name ||= @app['name'] || 'ExampleProject'
+          end
+
+          def type
+            # We should remove this default once we're sure that all Code Snippets
+            # have a type set e.g audit
+            @type ||= @app.fetch('type', 'voice')
+          end
+
+          def event_url
+            @event_url ||= @app.fetch('event_url', "#{base_url}/webhooks/events")
+          end
+
+          def answer_url
+            @answer_url ||= @app.fetch('answer_url', "#{base_url}/webhooks/answer")
+          end
+
+          def partial
+            @partial ||= begin
+                           case type
+                           when 'voice', 'rtc'
+                             File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_application_#{type}.html.erb")
+                           when 'messages', 'dispatch'
+                             File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_application_messages_dispatch.html.erb")
+                           else
+                             raise "Invalid application type when creating code snippet: '#{type}'"
+                           end
+                         end
+          end
+
+          def render
+            return '' unless @app
+
+            ERB.new(partial).result(binding)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/import_dependencies.rb

@@ -0,0 +1,38 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class ImportDependencies
+          include OcticonsHelper
+          include Renderable
+
+          attr_reader :config
+
+          def initialize(config, snippet)
+            @config  = config
+            @snippet = snippet
+          end
+
+          def partial
+            @partial ||= File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_import_dependencies.html.erb")
+          end
+
+          def highlighted_import_source
+            @highlighted_import_source ||= ::Nexmo::Markdown::Utils.generate_code_block(
+              language,
+              @config,
+              unindent
+            )
+          end
+
+          def render
+            return '' unless @config
+
+            create_instructions = renderer.create_instructions(file_name).render_markdown
+            ERB.new(partial).result(binding)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/initialize_dependencies.rb

@@ -0,0 +1,41 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class InitializeDependencies
+          include OcticonsHelper
+          include Renderable
+
+          def initialize(config, snippet)
+            @config  = config
+            @snippet = snippet
+          end
+
+          def partial
+            @partial ||= File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_configure_client.html.erb")
+          end
+
+          def highlighted_client_source
+            @highlighted_client_source ||= ::Nexmo::Markdown::Utils.generate_code_block(
+              language,
+              @config,
+              unindent
+            )
+          end
+
+          def render
+            return '' unless @config
+
+            create_instructions = if import_dependencies?
+              renderer.add_instructions(file_name).render_markdown
+            else
+              renderer.create_instructions(file_name).render_markdown
+            end
+
+            ERB.new(partial).result(binding)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/install_dependencies.rb

@@ -0,0 +1,38 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class InstallDependencies
+          include Renderable
+
+          def initialize(config, snippet)
+            @config  = config
+            @snippet = snippet
+          end
+
+          def partial
+            @partial ||= File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_dependencies.html.erb")
+          end
+
+          def title
+            @title ||= begin
+              # The only valid dependency for curl examples is `JWT`
+              if @config.map(&:upcase).include?('JWT')
+                ::I18n.t('filters.generate_your_jwt')
+              else
+                ::I18n.t('filters.install_dependencies')
+              end
+            end
+          end
+
+          def render
+            return '' unless @config
+
+            deps = renderer.dependencies(@config)
+            ERB.new(partial).result(binding)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/instructions.rb

@@ -0,0 +1,46 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class Instructions
+          include OcticonsHelper
+          include Renderable
+
+          attr_reader :config
+
+          def initialize(config, snippet)
+            @config  = config
+            @snippet = snippet
+          end
+
+          def partial
+            @partial ||= begin
+              if @config['code_only']
+                File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_code_only.html.erb")
+              else
+                File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_write_code.html.erb")
+              end
+            end
+          end
+
+          def highlighted_code_source
+            @highlighted_code_source ||= ::Nexmo::Markdown::Utils.generate_code_block(
+              language,
+              @config['code'],
+              unindent
+            )
+          end
+
+          def source_url
+            @source_url ||= ::Nexmo::Markdown::Utils.generate_source_url(@config['code'])
+          end
+
+          def render
+            add_instructions = renderer.add_instructions(file_name).render_markdown
+            ERB.new(partial).result(binding)
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/renderable.rb

@@ -0,0 +1,62 @@
+require 'forwardable'
+
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        module Renderable
+          extend Forwardable
+
+          def_delegators :@snippet, :language, :lang, :renderer, :lexer, :unindent, :file_name, :source, :import_dependencies?
+
+          def id
+            @id ||= SecureRandom.hex
+          end
+
+          def client_url
+            @client_url ||= ::Nexmo::Markdown::Utils.generate_source_url(@config)
+          end
+
+          def renderer
+            case normalized_language
+            when 'curl'
+              Nexmo::Markdown::CodeSnippetRenderer::Curl
+            when 'node'
+              Nexmo::Markdown::CodeSnippetRenderer::Javascript
+            when 'javascript'
+              Nexmo::Markdown::CodeSnippetRenderer::Javascript
+            when 'java'
+              Nexmo::Markdown::CodeSnippetRenderer::Java
+            when 'dotnet'
+              Nexmo::Markdown::CodeSnippetRenderer::Dotnet
+            when 'python'
+              Nexmo::Markdown::CodeSnippetRenderer::Python
+            when 'ruby'
+              Nexmo::Markdown::CodeSnippetRenderer::Ruby
+            when 'php'
+              Nexmo::Markdown::CodeSnippetRenderer::Php
+            when 'android'
+              Nexmo::Markdown::CodeSnippetRenderer::Android
+            when 'kotlin'
+              Nexmo::Markdown::CodeSnippetRenderer::Kotlin
+            when 'objective_c'
+              Nexmo::Markdown::CodeSnippetRenderer::ObjectiveC
+            when 'swift'
+              Nexmo::Markdown::CodeSnippetRenderer::Swift
+            else
+              raise "Unknown language: #{normalized_language}"
+            end
+          end
+
+          def normalized_language
+            if language == 'csharp'
+              'dotnet'
+            else
+              language
+            end
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet/run.rb

@@ -0,0 +1,29 @@
+module Nexmo
+  module Markdown
+    module Filters
+      module CodeSnippet
+        class Run
+          include OcticonsHelper
+          include Renderable
+
+          def initialize(config, snippet)
+            @config  = config
+            @snippet = snippet
+          end
+
+          def run_command
+            @run_command ||= begin
+              if @config['run_command']
+                @config['run_command'].gsub('{filename}', file_name)
+              end
+            end
+          end
+
+          def render
+            renderer.run_command(run_command, file_name, @config['code']['source']).to_s
+          end
+        end
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/filters/code_snippet_filter.rb

@@ -5,183 +5,46 @@ module Nexmo
 
       def call(input)
         input.gsub(/```single_code_snippet(.+?)```/m) do |_s|
-          config = YAML.safe_load($1)
+          @config = YAML.safe_load($1)
+          @binding = ::Nexmo::Markdown::Filters::CodeSnippet::Binding.new(@config)
 
-          @renderer = get_renderer(config['language'])
+          return instructions if @config['code_only']
 
-          lexer = Nexmo::Markdown::CodeLanguage.find(config['language']).lexer
-          lang = config['title'].delete('.')
-
-          application_html = generate_application_block(config['application'])
-
-          # Read the client
-          if config['client']
-            highlighted_client_source = generate_code_block(config['language'], config['client'], config['unindent'])
-          end
-
-          # Read the code
-          highlighted_code_source = generate_code_block(config['language'], config['code'], config['unindent'])
-
-          dependency_html = ''
-          if config['dependencies']
-            dependency_html = generate_dependencies(lexer.tag, config['dependencies'])
-          end
-
-          source_url = generate_source_url(config['code'])
-
-          client_html = ''
-          if highlighted_client_source
-            client_url = generate_source_url(config['client'])
-            id = SecureRandom.hex
-            create_instructions = @renderer.create_instructions(config['file_name']).render_markdown
-            erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_configure_client.html.erb")
-            client_html = ERB.new(erb).result(binding)
-          end
-
-          add_instructions = @renderer.add_instructions(config['file_name']).render_markdown
-          if config['code_only']
-            erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_code_only.html.erb")
-          else
-            erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_write_code.html.erb")
-          end
-
-          code_html = ERB.new(erb).result(binding)
-
-          return code_html if config['code_only']
-
-          config['run_command'] = config['run_command'].gsub('{filename}', config['file_name']) if config['run_command']
-          run_html = @renderer.run_command(config['run_command'], config['file_name'], config['code']['source']).to_s
+          "#{prerequisites}#{instructions}#{run}"
+        end
+      end
 
-          prereqs = (application_html + dependency_html + client_html).strip
+      def prerequisites
+        @prerequisites ||= begin
+          prereqs = [application_html, install_dependencies, import_dependencies, initialize_dependencies].join.strip
           prereqs = "<h2>#{::I18n.t('.filters.prerequisites')}</h2>#{prereqs}" unless prereqs.empty?
-          prereqs + code_html + run_html
+          prereqs
         end
       end
 
-      private
-
-      def highlight(source, lexer)
-        formatter = Rouge::Formatters::HTML.new
-        formatter.format(lexer.lex(source))
+      def application_html
+        @application_html ||= ::Nexmo::Markdown::Filters::CodeSnippet::CreateApplication.new(@config['application']).render
       end
 
-      def generate_code_block(language, input, unindent)
-        filename = "#{Nexmo::Markdown::Config.docs_base_path}/#{input['source']}"
-        return '' unless input
-        raise "CodeSnippetFilter - Could not load #{filename} for language #{language}" unless File.exist?(filename)
-
-        code = File.read(filename)
-        lexer = Nexmo::Markdown::CodeLanguage.find(language).lexer
-
-        total_lines = code.lines.count
-
-        # Minus one since lines are not zero-indexed
-        from_line = (input['from_line'] || 1) - 1
-        to_line = (input['to_line'] || total_lines) - 1
-
-        code = code.lines[from_line..to_line].join
-        code.unindent! if unindent
-
-        highlight(code, lexer)
+      def install_dependencies
+        @install_dependencies ||= ::Nexmo::Markdown::Filters::CodeSnippet::InstallDependencies.new(@config['dependencies'], @binding).render
       end
 
-      def get_renderer(language)
-        language = 'dotnet' if language == 'csharp'
-        case language
-        when 'curl'
-          Nexmo::Markdown::CodeSnippetRenderer::Curl
-        when 'node'
-          Nexmo::Markdown::CodeSnippetRenderer::Javascript
-        when 'javascript'
-          Nexmo::Markdown::CodeSnippetRenderer::Javascript
-        when 'java'
-          Nexmo::Markdown::CodeSnippetRenderer::Java
-        when 'dotnet'
-          Nexmo::Markdown::CodeSnippetRenderer::Dotnet
-        when 'python'
-          Nexmo::Markdown::CodeSnippetRenderer::Python
-        when 'ruby'
-          Nexmo::Markdown::CodeSnippetRenderer::Ruby
-        when 'php'
-          Nexmo::Markdown::CodeSnippetRenderer::Php
-        when 'android'
-          Nexmo::Markdown::CodeSnippetRenderer::Android
-        when 'kotlin'
-          Nexmo::Markdown::CodeSnippetRenderer::Kotlin
-        when 'objective_c'
-          Nexmo::Markdown::CodeSnippetRenderer::ObjectiveC
-        when 'swift'
-          Nexmo::Markdown::CodeSnippetRenderer::Swift
-        else
-          raise "Unknown language: #{language}"
-        end
+      def import_dependencies
+        @import_dependencies ||= ::Nexmo::Markdown::Filters::CodeSnippet::ImportDependencies.new(@config['import_dependencies'], @binding).render
       end
 
-      def generate_dependencies(language, dependencies)
-        # The only valid dependency for curl examples is `JWT`
-        if dependencies.map(&:upcase).include?('JWT')
-          title = ::I18n.t('filters.generate_your_jwt')
-        else
-          title = ::I18n.t('filters.install_dependencies')
-        end
-        deps = @renderer.dependencies(dependencies)
-        id = SecureRandom.hex
-        erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_dependencies.html.erb")
-        ERB.new(erb).result(binding)
+      def initialize_dependencies
+        @initialize_dependencies ||= ::Nexmo::Markdown::Filters::CodeSnippet::InitializeDependencies.new(@config['client'], @binding).render
       end
 
-      def generate_application_block(app)
-        return '' unless app
-
-        base_url = 'http://demo.ngrok.io'
-        base_url = 'https://example.com' if app['disable_ngrok']
-
-        app['name'] = 'ExampleProject' unless app['name']
-
-        # We should remove this default once we're sure that all Code Snippets
-        # have a type set e.g audit
-        app['type'] ||= 'voice'
-
-        if ['voice', 'rtc'].include? app['type']
-          app['event_url'] = "#{base_url}/webhooks/events" unless app['event_url']
-          app['answer_url'] = "#{base_url}/webhooks/answer" unless app['answer_url']
-          erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_application_#{app['type']}.html.erb")
-        elsif ['messages', 'dispatch'].include? app['type']
-          erb = File.read("#{GEM_ROOT}/lib/nexmo_markdown_renderer/views/code_snippets/_application_messages_dispatch.html.erb")
-        else
-          raise "Invalid application type when creating code snippet: '#{app['type']}'"
-        end
-
-        id = SecureRandom.hex
-
-        ERB.new(erb).result(binding)
+      def instructions
+        @instructions ||= ::Nexmo::Markdown::Filters::CodeSnippet::Instructions.new(@config, @binding).render
       end
 
-      def generate_source_url(code)
-        # Source example: .repos/nexmo/nexmo-java-code-snippets/ExampleClass.java
-        # Direct link on GitHub is in form https://github.com/nexmo/nexmo-java-code-snippets/blob/master/ExampleClass.java
-        start_section = 'https://github.com'
-
-        # Insert "blob/master" and strip ".repos"
-        repo_path = '\\0blob/master/'
-        file_section = code['source'].sub('.repos', '').sub(%r{(-quickstart|-code-snippets|-code-snippets)/}, repo_path)
-
-        # Line highlighting
-        line_section = ''
-        if code['from_line']
-          line_section += "#L#{code['from_line']}"
-          if code['to_line']
-            # If we've provided a to_line, use that
-            line_section += "-L#{code['to_line']}" if code['to_line']
-          else
-            # By default we read to the end of the file
-            line_section += "-L#{File.read(code['source']).lines.count}"
-          end
-        end
-
-        start_section + file_section + line_section
+      def run
+        @run ||= ::Nexmo::Markdown::Filters::CodeSnippet::Run.new(@config, @binding).render
       end
     end
-
   end
 end

data/lib/nexmo_markdown_renderer/filters/tab_filter.rb

@@ -50,6 +50,8 @@ module Nexmo
             tab_link.content = content[:tab_title]
           elsif content[:language].key == 'objective_c' || content[:language].key == 'swift'
             tab_link.inner_html = "<svg><use xlink:href=\"/assets/images/brands/ios.svg#ios\" /></svg><span>" + content[:tab_title] + '</span>'
+          elsif content[:language].key == 'kotlin'
+            tab_link.inner_html = "<img class=\"Vlt-icon Vlt-icon--small\" src=\"/assets/images/brands/kotlin.svg#kotlin\" /><span>" + content[:tab_title] + '</span>'
           else
             tab_link.inner_html = "<svg><use xlink:href=\"/assets/images/brands/#{content[:language].key}.svg##{content[:language].key}\" /></svg><span>" + content[:tab_title] + '</span>'
           end

data/lib/nexmo_markdown_renderer/filters/utils.rb

@@ -0,0 +1,50 @@
+module Nexmo
+  module Markdown
+    class Utils
+      def self.generate_source_url(code)
+        # Source example: .repos/nexmo/nexmo-java-code-snippets/ExampleClass.java
+        # Direct link on GitHub is in form https://github.com/nexmo/nexmo-java-code-snippets/blob/master/ExampleClass.java
+        start_section = 'https://github.com'
+
+        # Insert "blob/master" and strip ".repos"
+        repo_path = '\\0blob/master/'
+        file_section = code['source'].sub('.repos', '').sub(%r{(-quickstart|-code-snippets|-code-snippets)/}, repo_path)
+
+        # Line highlighting
+        line_section = ''
+        if code['from_line']
+          line_section += "#L#{code['from_line']}"
+          if code['to_line']
+            # If we've provided a to_line, use that
+            line_section += "-L#{code['to_line']}" if code['to_line']
+          else
+            # By default we read to the end of the file
+            line_section += "-L#{File.read(code['source']).lines.count}"
+          end
+        end
+
+        start_section + file_section + line_section
+      end
+
+      def self.generate_code_block(language, input, unindent)
+        return '' unless input
+        filename = "#{Nexmo::Markdown::Config.docs_base_path}/#{input['source']}"
+        raise "CodeSnippetFilter - Could not load #{filename} for language #{language}" unless File.exist?(filename)
+
+        code = File.read(filename)
+        lexer = Nexmo::Markdown::CodeLanguage.find(language).lexer
+
+        total_lines = code.lines.count
+
+        # Minus one since lines are not zero-indexed
+        from_line = (input['from_line'] || 1) - 1
+        to_line = (input['to_line'] || total_lines) - 1
+
+        code = code.lines[from_line..to_line].join
+        code.unindent! if unindent
+        formatter = Rouge::Formatters::HTML.new
+        formatter.format(lexer.lex(code))
+      end
+    end
+  end
+end

data/lib/nexmo_markdown_renderer/views/code_snippets/_application_rtc.html.erb

@@ -15,7 +15,7 @@
           <p><%= ::I18n.t('.code_snippets.nexmo_needs_to_connect_html') %></p>
         <% end %>
 
-        <pre class="Vlt-prism--dark dependencies command-line Vlt-prism--copy-disabled language-bash" data-prompt='$'><code>nexmo app:create "<%=app['name'] %>" <%=app['answer_url'] %> <%=app['event_url'] %> --keyfile=private.key --type=rtc</code></pre>
+        <pre class="Vlt-prism--dark dependencies command-line Vlt-prism--copy-disabled language-bash" data-prompt='$'><code>nexmo app:create "<%= name %>" <%= answer_url %> <%= event_url %> --keyfile=private.key --type=rtc</code></pre>
 
         <h4><%= ::I18n.t('.code_snippets.application_rtc.use_your_existing_app') %></h4>
 

data/lib/nexmo_markdown_renderer/views/code_snippets/_application_voice.html.erb

@@ -18,7 +18,7 @@
               <p><%= ::I18n.t('.code_snippets.nexmo_needs_to_connect_html') %></p>
             <% end %>
 
-            <pre class="Vlt-prism--dark dependencies command-line Vlt-prism--copy-disabled language-bash" data-prompt='$'><code>nexmo app:create "<%=app['name'] %>" <%=app['answer_url'] %> <%=app['event_url'] %> --keyfile private.key</code></pre>
+            <pre class="Vlt-prism--dark dependencies command-line Vlt-prism--copy-disabled language-bash" data-prompt='$'><code>nexmo app:create "<%= name %>" <%= answer_url %> <%= event_url %> --keyfile private.key</code></pre>
         <% end %>
     </div>
 </div>

data/lib/nexmo_markdown_renderer/views/code_snippets/_configure_client.html.erb

@@ -7,13 +7,13 @@
     <%= create_instructions %>
     <div class="copy-wrapper">
 
-      <div class="copy-button" data-lang="<%= lang %>" data-block="<%= config['source'] %>" data-section="configure">
+      <div class="copy-button" data-lang="<%= lang %>" data-block="<%= source %>" data-section="configure">
         <%= octicon "clippy", :class => 'top left' %> <span>Copy to Clipboard</span>
       </div>
       <pre class="Vlt-prism--dark language-<%= lexer.tag %> Vlt-prism--copy-disabled"><code><%= highlighted_client_source %></code></pre>
     </div>
 
-    <p><a data-section="configure" data-lang="<%= lang %>" data-block="<%= config['source'] %>" href="<%= client_url %>">View full source</a></p>
+    <p><a data-section="configure" data-lang="<%= lang %>" data-block="<%= source %>" href="<%= client_url %>">View full source</a></p>
 
   </div>
 </div>

data/lib/nexmo_markdown_renderer/views/code_snippets/_import_dependencies.html.erb

@@ -0,0 +1,18 @@
+<div class="Vlt-box Vlt-box--lesspadding Nxd-accordion-emphasis">
+  <h5 class="Vlt-js-accordion__trigger Vlt-accordion__trigger" data-accordion="acc<%= id %>" tabindex="0">
+    <%= ::I18n.t('.code_snippets.configure_client.import_dependencies') %>
+  </h5>
+
+  <div id="acc<%=id %>"  class="Vlt-js-accordion__content Vlt-accordion__content Vlt-accordion__content--noborder">
+    <%= create_instructions %>
+    <div class="copy-wrapper">
+
+      <div class="copy-button" data-lang="<%= lang %>" data-block="<%= config['source'] %>" data-section="configure">
+        <%= octicon "clippy", :class => 'top left' %> <span>Copy to Clipboard</span>
+      </div>
+      <pre class="Vlt-prism--dark language-<%= lexer.tag %> Vlt-prism--copy-disabled"><code><%= highlighted_import_source %></code></pre>
+    </div>
+
+    <p><a data-section="configure" data-lang="<%= lang %>" data-block="<%= config['source'] %>" href="<%= client_url %>">View full source</a></p>
+  </div>
+</div>

data/lib/version.rb

@@ -1,7 +1,7 @@
 # :nocov:
 module Nexmo
   module Markdown
-    VERSION = '0.3.1'
+    VERSION = '0.4.0'
   end
 end
 # :nocov:

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: nexmo_markdown_renderer
 version: !ruby/object:Gem::Version
-  version: 0.3.1
+  version: 0.4.0
 platform: ruby
 authors:
 - Nexmo
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-21 00:00:00.000000000 Z
+date: 2020-06-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: banzai
@@ -240,6 +240,14 @@ files:
 - lib/nexmo_markdown_renderer/filters/block_escape_filter.rb
 - lib/nexmo_markdown_renderer/filters/break_filter.rb
 - lib/nexmo_markdown_renderer/filters/code_filter.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/binding.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/create_application.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/import_dependencies.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/initialize_dependencies.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/install_dependencies.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/instructions.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/renderable.rb
+- lib/nexmo_markdown_renderer/filters/code_snippet/run.rb
 - lib/nexmo_markdown_renderer/filters/code_snippet_filter.rb
 - lib/nexmo_markdown_renderer/filters/code_snippet_list_filter.rb
 - lib/nexmo_markdown_renderer/filters/code_snippets_filter.rb
@@ -271,6 +279,7 @@ files:
 - lib/nexmo_markdown_renderer/filters/tooltip_filter.rb
 - lib/nexmo_markdown_renderer/filters/unfreeze_filter.rb
 - lib/nexmo_markdown_renderer/filters/use_case_list_filter.rb
+- lib/nexmo_markdown_renderer/filters/utils.rb
 - lib/nexmo_markdown_renderer/initializers/doc_finder.rb
 - lib/nexmo_markdown_renderer/initializers/i18n.rb
 - lib/nexmo_markdown_renderer/initializers/redcarpet.rb
@@ -304,6 +313,7 @@ files:
 - lib/nexmo_markdown_renderer/views/code_snippets/_code_only.html.erb
 - lib/nexmo_markdown_renderer/views/code_snippets/_configure_client.html.erb
 - lib/nexmo_markdown_renderer/views/code_snippets/_dependencies.html.erb
+- lib/nexmo_markdown_renderer/views/code_snippets/_import_dependencies.html.erb
 - lib/nexmo_markdown_renderer/views/code_snippets/_write_code.html.erb
 - lib/nexmo_markdown_renderer/views/code_snippets/list/plain.html.erb
 - lib/nexmo_markdown_renderer/views/concepts/list/plain.html.erb