Create asn1.livemd

public-apps/asn1.livemd

@@ -0,0 +1,203 @@
+<!-- livebook:{"app_settings":{"access_type":"public","output_type":"rich","slug":"ngap-tree"}} -->
+
+# NGAP Parser
+
+```elixir
+token = System.get_env("LB_MIX_GITHUB_ACCESS_TOKEN")
+
+Mix.install(
+  [
+    {:kino, github: "devmuroid/kino"},
+    {:jason, "~> 1.4"},
+    # {:ngapv1710, github: "devmuroid/ngapv1710"},
+    {:ngapv1710, git: "https://#{token}@github.com/devmuroid/ngapv1710"},
+    {:lemon_ex, "~> 0.2.4"}
+  ],
+  config: [
+    lemon_ex: [
+      api_key: System.get_env("LB_LEMONSQUEEZY_API_KEY"),
+      # webhook_secret: System.get_env("LEMONSQUEEZY_WEBHOOK_SECRET"),
+      # (Optional) You can provide HTTPoison options which are added to every request.
+      # See all options here: https://hexdocs.pm/httpoison/HTTPoison.Request.html#content
+      request_options: [timeout: 10_000]
+    ]
+  ]
+)
+```
+
+## Parse 3GPP ASN.1 Protocols
+
+```elixir
+defmodule Parser do
+
+  def parse_packet(:ngap,packet) do
+    parsed = packet |> Base.decode16!(case: :lower) |> :ngap."dec_NGAP-PDU"()
+    {{message_type, message_map}, _new_bytes} = parsed
+    %{:procedureCode => pc, :value => %{:protocolIEs => protocolIEs}} = message_map
+    procedure_code = :ngap_general.pc(pc)
+    infoelements = :ngap_general.change_protocol_ies(protocolIEs)
+
+    message_map =
+      message_map
+      |> Map.replace!(:value, %{:protocolIEs => infoelements})
+      |> Map.replace!(:procedureCode, procedure_code)
+
+    {message_type, message_map}
+    # |> Kino.Tree.new()
+  end
+
+  def parse_packet(_,_) do
+    "unsupported_protocol"
+  end
+  
+  def parser_frame(frame_controls, frame_result) do
+    # label =
+    #   Kino.Markdown.new("""
+    #   ### Enter the protocol and hex packet
+    #   """)
+
+    form =
+      Kino.Control.form(
+        [
+          p: Kino.Input.textarea("Packet", default: "000e008081000007000a000560fc8b21dc00550005c035c143d4001c00070002f83900004000000002000100770009000004000000010000005e0020ee791b7dd5bbf424ab0af061c5920726c124dd3d17659fb8ed284fee4a6fd7de00264026257e026d8c8a0e017e0042010177000bf202f839000040fc8b21dc54062202f83900015e0148"),
+          pr: Kino.Input.select("Protocol", [{:ngap, "NGAP"}, {:rrc, "RRC"}])
+        ],
+        submit: "Parse",
+        reset_on_submit: [:p]
+      )
+
+    # Kino.Frame.render(frame_controls, label)
+    Kino.Frame.clear(frame_controls)
+    Kino.Frame.append(frame_controls, form)
+
+    Kino.listen(form, fn %{data: %{p: packet, pr: protocol}, origin: _origin} ->
+      # IO.inspect(event)
+      frame_result |> Kino.Frame.clear()
+      tree = parse_packet(protocol,packet) |> Kino.Tree.new()
+      frame_result |> Kino.Frame.render(tree)
+    end)
+
+  end
+end
+```
+
+```elixir
+# Kino.Markdown.new("""
+
+# <!-- Features Section -->
+# <div class="bg-gray-100 py-4 px-4">
+# <div class="container mx-auto text-center">
+# <h2 class="text-3xl font-bold mb-8">Why Use Packet Parser?</h2>
+# <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto">
+
+# <!-- Feature 1 -->
+# <div class="bg-white p-6 rounded-lg shadow-md">
+# <div class="text-indigo-600">
+# <!-- Icon -->
+# <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+# <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
+# </svg>
+# </div>
+# <h3 class="text-xl font-semibold mb-2">Instant Packet Parsing</h3>
+# <p class="text-gray-600">
+# Quickly convert hexadecimal packet contents into readable packet information without complex setup or tools.
+# </p>
+# </div>
+
+# <!-- Feature 2 -->
+# <div class="bg-white p-6 rounded-lg shadow-md">
+# <div class="text-indigo-600">
+# <!-- Icon -->
+# <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+# <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m-6-3l3-3V4m-6 3a9 9 0 100 18A9 9 0 003 7z" />
+# </svg>
+# </div>
+# <h3 class="text-xl font-semibold mb-2">Multiple Protocols</h3>
+# <p class="text-gray-600">
+# Parse packets across multiple protocols like <b>NGAP</b>, <b>RRC</b>, <b>S1AP</b> using <b>ASN.1</b> encoding format for 5G protocols as defined by the <b>3GPP</b> standards.
+# </p>
+# </div>
+
+# <!-- Feature 3 -->
+# <div class="bg-white p-6 rounded-lg shadow-md">
+# <div class="text-indigo-600">
+# <!-- Icon -->
+# <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mx-auto mb-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+# <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3l4 4-4 4V7H7v2a9 9 0 11-9 0 9 9 0 019 0v-2h6z" />
+# </svg>
+# </div>
+# <h3 class="text-xl font-semibold mb-2">Tailored for 5G</h3>
+# <p class="text-gray-600">
+# Seamlessly decode ASN.1-based packets in 5G networks, giving you a powerful tool for analyzing modern protocols.
+# </p>
+# </div>
+
+# </div>
+# </div>
+# </div>
+
+# """)
+```
+
+## Parser
+
+```elixir
+# Kino.Markdown.new("""
+# ### Enter your e-mail address
+# """)
+```
+
+```elixir
+form_mail =
+  Kino.Control.form(
+    [
+      mail: Kino.Input.text("E-Mail Address",default: "devmuroid@gmail.com"),
+      licence_key: Kino.Input.password("Licence Key")
+    ],
+    submit: "Sign-in"
+  )
+# Kino.nothing()
+```
+
+```elixir
+frame_controls = Kino.Frame.new(placeholder: false)
+# Kino.nothing()
+```
+
+```elixir
+frame_result = Kino.Frame.new(placeholder: false)
+# Kino.nothing()
+```
+
+```elixir
+# Kino.Layout.grid([form_mail, frame_controls], columns: {1,2}, boxed: true, gap: 8)
+```
+
+```elixir
+# frame_result
+```
+
+```elixir
+# LemonEx.Subscriptions.list(filter: [user_email: "mail@mail.com"])
+# hd([])
+# Kino.nothing()
+```
+
+```elixir
+Kino.listen(form_mail, fn %{data: %{mail: mail, licence_key: _licence_key}, origin: _origin} ->
+  # IO.inspect(event)
+  frame_controls |> Kino.Frame.clear()
+  frame_result |> Kino.Frame.clear()
+  {:ok, %LemonEx.PaginatedResponse{:data => subscriptions}} =
+    LemonEx.Subscriptions.list(filter: [user_email: mail])
+
+  if subscriptions != [] && hd(subscriptions).status == "active" do
+    # Kino.Tree.new(%{user_name: hd(subscriptions).user_name})
+    Parser.parser_frame(frame_controls,frame_result)
+  else
+    frame_controls |> Kino.Frame.render("User not found")
+  end
+end)
+```
+
+<!-- livebook:{"offset":6140,"stamp":{"token":"XCP.8bGC-qD-WmgAjvxxmy3X7TljVwFvk-TQK3aQoCk8qqXco4lZYkATe3Kw3wf3F0TFLYdsesodX7vnQ8zRf8P7mRgTh2ciuc4l_eLWUas5d7lLgNfbmXpnPh5TPEqCLjULX_kAafm9VCpMi__PXJ9UU6Gguf2NP78_ic9a","version":2}} -->