<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Raisul Islam</title>
    <description>The latest articles on DEV Community by Raisul Islam (@raisulislam0).</description>
    <link>https://dev.to/raisulislam0</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3991982%2Fffca3621-e1a8-4106-884a-6d1d051fcd80.jpg</url>
      <title>DEV Community: Raisul Islam</title>
      <link>https://dev.to/raisulislam0</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/raisulislam0"/>
    <language>en</language>
    <item>
      <title>frappe_doc — Smart, auto‑generated API &amp; DocType documentation for Frappe, inspired by FastAPI Swagger.</title>
      <dc:creator>Raisul Islam</dc:creator>
      <pubDate>Tue, 23 Jun 2026 17:53:14 +0000</pubDate>
      <link>https://dev.to/raisulislam0/frappedoc-smart-auto-generated-api-doctype-documentation-for-frappe-inspired-by-fastapi-4i10</link>
      <guid>https://dev.to/raisulislam0/frappedoc-smart-auto-generated-api-doctype-documentation-for-frappe-inspired-by-fastapi-4i10</guid>
      <description>&lt;h1&gt;
  
  
  📚 frappe_doc — The Developer Portal for Frappe &amp;amp; ERPNext
&lt;/h1&gt;

&lt;blockquote&gt;
&lt;p&gt;Stop digging through source code. Stop guessing parameter names. Stop opening five browser tabs to understand one API call.&lt;br&gt;&lt;br&gt;
&lt;strong&gt;frappe_doc&lt;/strong&gt; gives you a live, searchable, interactive documentation portal — auto-generated from your actual codebase.&lt;/p&gt;
&lt;/blockquote&gt;




&lt;h2&gt;
  
  
  Table of Contents
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;What is frappe_doc?&lt;/li&gt;
&lt;li&gt;Features at a Glance&lt;/li&gt;
&lt;li&gt;Installation&lt;/li&gt;
&lt;li&gt;Accessing the Portal&lt;/li&gt;
&lt;li&gt;
API Explorer

&lt;ul&gt;
&lt;li&gt;How APIs Are Discovered&lt;/li&gt;
&lt;li&gt;HTTP Method Inference&lt;/li&gt;
&lt;li&gt;Searching &amp;amp; Filtering&lt;/li&gt;
&lt;li&gt;Code Snippets (Frappe JS &amp;amp; cURL)&lt;/li&gt;
&lt;li&gt;Try It Out&lt;/li&gt;
&lt;li&gt;Refresh Cache&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
Writing Great API Documentation

&lt;ul&gt;
&lt;li&gt;Python Type Hints (Automatic)&lt;/li&gt;
&lt;li&gt;Google-Style Docstrings&lt;/li&gt;
&lt;li&gt;Full Example — Best Practice API&lt;/li&gt;
&lt;li&gt;Docstring Section Reference&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
DocType Field Explorer

&lt;ul&gt;
&lt;li&gt;Hierarchical Child Tables&lt;/li&gt;
&lt;li&gt;Field Search&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Access Control&lt;/li&gt;
&lt;li&gt;FAQ&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  What is frappe_doc?
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;frappe_doc&lt;/strong&gt; is a zero-configuration developer portal that installs as a standard Frappe app.&lt;/p&gt;

&lt;p&gt;The moment you install it, it:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Scans every installed app&lt;/strong&gt; for all &lt;code&gt;@frappe.whitelist()&lt;/code&gt; functions using Python's &lt;code&gt;ast&lt;/code&gt; module — no code is imported or executed, so it's completely safe.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Parses docstrings&lt;/strong&gt; to extract parameter descriptions, return types, and usage examples.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Extracts Python type annotations&lt;/strong&gt; from your function signatures directly.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Renders an interactive UI&lt;/strong&gt; in your Frappe desk at &lt;code&gt;/app/developer_portal&lt;/code&gt; (or the shortcut &lt;code&gt;/doc&lt;/code&gt;).&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;You get &lt;strong&gt;Swagger-like documentation&lt;/strong&gt; — but built for the Frappe ecosystem, requiring zero extra configuration files, zero decorators beyond what you already use, and zero maintenance overhead.&lt;/p&gt;




&lt;h2&gt;
  
  
  Features at a Glance
&lt;/h2&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Feature&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;🔍 &lt;strong&gt;API Explorer&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Browse, search, and filter all whitelisted endpoints across all installed apps&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;📝 &lt;strong&gt;Auto-parsed Docs&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Docstrings, type hints, args, returns, and examples — rendered automatically&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🧪 &lt;strong&gt;Try It Out&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Send live API requests directly from the portal, see real responses&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;📋 &lt;strong&gt;Code Snippets&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;One-click &lt;code&gt;frappe.call()&lt;/code&gt; and &lt;code&gt;curl&lt;/code&gt; snippets ready to copy&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🏗️ &lt;strong&gt;DocType Explorer&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Browse all DocType fields with child table trees expanded hierarchically&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;⚡ &lt;strong&gt;Smart Caching&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;Results are cached for 1 hour; one click to refresh on demand&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;🔒 &lt;strong&gt;Safe &amp;amp; Secure&lt;/strong&gt;
&lt;/td&gt;
&lt;td&gt;AST-only scanning (no execution), with role-based access control&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h2&gt;
  
  
  Installation
&lt;/h2&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# From your bench directory&lt;/span&gt;
&lt;span class="nb"&gt;cd&lt;/span&gt; /path/to/frappe-bench

&lt;span class="c"&gt;# Get the app&lt;/span&gt;
bench get-app https://github.com/raisulislam0/frappe_doc.git

&lt;span class="c"&gt;# Install on your site&lt;/span&gt;
bench &lt;span class="nt"&gt;--site&lt;/span&gt; yoursite.com install-app frappe_doc
bench &lt;span class="nt"&gt;--site&lt;/span&gt; yoursite.com migrate

&lt;span class="c"&gt;# Clear cache to register the new page&lt;/span&gt;
bench &lt;span class="nt"&gt;--site&lt;/span&gt; yoursite.com clear-cache
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h2&gt;
  
  
  Accessing the Portal
&lt;/h2&gt;

&lt;p&gt;Once installed, any &lt;strong&gt;System Manager&lt;/strong&gt; (or any logged-in user when &lt;code&gt;developer_mode&lt;/code&gt; is enabled) can access the portal:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Direct desk link:&lt;/strong&gt; &lt;code&gt;/app/developer_portal&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Short URL:&lt;/strong&gt; &lt;code&gt;/doc&lt;/code&gt; (redirects automatically)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The portal is divided into two main tabs:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;strong&gt;API Explorer&lt;/strong&gt; — Browse all &lt;code&gt;@frappe.whitelist()&lt;/code&gt; endpoints&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;DocType Fields&lt;/strong&gt; — Explore all DocType schemas with child-table trees&lt;/li&gt;
&lt;/ol&gt;




&lt;h2&gt;
  
  
  API Explorer
&lt;/h2&gt;

&lt;h3&gt;
  
  
  How APIs Are Discovered
&lt;/h3&gt;

&lt;p&gt;frappe_doc &lt;strong&gt;automatically scans all installed apps&lt;/strong&gt; using Python's &lt;code&gt;ast&lt;/code&gt; module. It walks every &lt;code&gt;.py&lt;/code&gt; file in every installed app and detects all functions decorated with:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;allow_guest&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="bp"&gt;True&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;methods&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;GET&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;])&lt;/span&gt;
&lt;span class="nd"&gt;@whitelist&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# bare form also detected
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;No configuration needed. No registration required. If it's whitelisted, it's documented.&lt;/p&gt;




&lt;h3&gt;
  
  
  HTTP Method Inference
&lt;/h3&gt;

&lt;p&gt;frappe_doc intelligently infers the expected HTTP method from your function name, even when you don't explicitly declare one:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Function Name Prefix&lt;/th&gt;
&lt;th&gt;Inferred Method&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;get_&lt;/code&gt;, &lt;code&gt;fetch_&lt;/code&gt;, &lt;code&gt;find_&lt;/code&gt;, &lt;code&gt;search_&lt;/code&gt;, &lt;code&gt;list_&lt;/code&gt;, &lt;code&gt;check_&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;&lt;code&gt;GET&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;create_&lt;/code&gt;, &lt;code&gt;save_&lt;/code&gt;, &lt;code&gt;submit_&lt;/code&gt;, &lt;code&gt;add_&lt;/code&gt;, &lt;code&gt;insert_&lt;/code&gt;, &lt;code&gt;post_&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;&lt;code&gt;POST&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;update_&lt;/code&gt;, &lt;code&gt;edit_&lt;/code&gt;, &lt;code&gt;modify_&lt;/code&gt;, &lt;code&gt;patch_&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;&lt;code&gt;PUT (via POST)&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;code&gt;delete_&lt;/code&gt;, &lt;code&gt;remove_&lt;/code&gt;, &lt;code&gt;cancel_&lt;/code&gt;, &lt;code&gt;disable_&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;&lt;code&gt;DELETE (via POST)&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Tip:&lt;/strong&gt; Use &lt;strong&gt;explicit method declarations&lt;/strong&gt; to override inference and get the most accurate documentation:&lt;/p&gt;


&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;methods&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;GET&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;])&lt;/span&gt;
&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;get_employee_profile&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;employee_id&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="bp"&gt;...&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/blockquote&gt;

&lt;p&gt;Inferred methods are shown with a &lt;code&gt;~&lt;/code&gt; prefix (e.g., &lt;code&gt;~GET&lt;/code&gt;) and a dashed border to indicate they are guesses. Explicitly declared methods appear with solid badges.&lt;/p&gt;




&lt;h3&gt;
  
  
  Searching &amp;amp; Filtering
&lt;/h3&gt;

&lt;p&gt;The search bar supports multiple scopes via a dropdown:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Scope&lt;/th&gt;
&lt;th&gt;Searches In&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;All&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Everything — route, args, docstring, file, app&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;App&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The app name (e.g., &lt;code&gt;erpnext&lt;/code&gt;, &lt;code&gt;hrms&lt;/code&gt;)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Module&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Full Python module path&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Filename&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Source file path&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;DocType&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Detected associated DocType&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Function&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The function name only&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Route&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;The full &lt;code&gt;/api/method/...&lt;/code&gt; route&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Args&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Parameter names&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Docstring&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Content of the docstring&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;




&lt;h3&gt;
  
  
  Code Snippets (Frappe JS &amp;amp; cURL)
&lt;/h3&gt;

&lt;p&gt;Every API card has a &lt;strong&gt;Usage&lt;/strong&gt; section (collapsed by default) that generates ready-to-use code snippets.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Frappe JS tab:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;frappe&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;call&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
    &lt;span class="na"&gt;method&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;hrms.api.leave.apply_for_leave&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;args&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="na"&gt;employee&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;leave_type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;from_date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;to_date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="na"&gt;callback&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;r&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;message&lt;/span&gt;&lt;span class="p"&gt;);&lt;/span&gt;
    &lt;span class="p"&gt;}&lt;/span&gt;
&lt;span class="p"&gt;});&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;curl tab:&lt;/strong&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;curl &lt;span class="nt"&gt;-X&lt;/span&gt; POST &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="s2"&gt;"https://yoursite.com/api/method/hrms.api.leave.apply_for_leave"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-H&lt;/span&gt; &lt;span class="s2"&gt;"Authorization: token &amp;lt;api_key&amp;gt;:&amp;lt;api_secret&amp;gt;"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-H&lt;/span&gt; &lt;span class="s2"&gt;"Content-Type: application/x-www-form-urlencoded"&lt;/span&gt; &lt;span class="se"&gt;\&lt;/span&gt;
  &lt;span class="nt"&gt;-d&lt;/span&gt; &lt;span class="s2"&gt;"employee=EMP-001&amp;amp;leave_type=Casual+Leave&amp;amp;from_date=2024-01-01&amp;amp;to_date=2024-01-03"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;Examples tab&lt;/strong&gt; (shown if you document &lt;code&gt;Example Request&lt;/code&gt; / &lt;code&gt;Example Response&lt;/code&gt; in your docstring):&lt;br&gt;
Side-by-side JSON blocks showing request and response payloads.&lt;/p&gt;


&lt;h3&gt;
  
  
  Try It Out
&lt;/h3&gt;

&lt;p&gt;Click the &lt;strong&gt;TRY IT OUT&lt;/strong&gt; section on any API card to:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Fill in parameter values in an interactive form&lt;/li&gt;
&lt;li&gt;Click &lt;strong&gt;▶ Send Request&lt;/strong&gt; to fire the real API call against your running site&lt;/li&gt;
&lt;li&gt;Instantly see the JSON response with syntax highlighting&lt;/li&gt;
&lt;li&gt;See the response time in milliseconds&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;If your docstring includes an &lt;code&gt;Example Request&lt;/code&gt; section, the form fields are &lt;strong&gt;pre-filled&lt;/strong&gt; with the example values automatically.&lt;/p&gt;


&lt;h3&gt;
  
  
  Refresh Cache
&lt;/h3&gt;

&lt;p&gt;Scan results are cached for &lt;strong&gt;1 hour&lt;/strong&gt;. If you write a new API and want to see it immediately, click the &lt;strong&gt;Refresh Cache&lt;/strong&gt; button in the API Explorer toolbar. It re-scans all apps and updates the cache.&lt;/p&gt;


&lt;h2&gt;
  
  
  Writing Great API Documentation
&lt;/h2&gt;

&lt;p&gt;This is where the real magic happens. By following these conventions in your Python code, frappe_doc renders rich, professional documentation &lt;strong&gt;automatically&lt;/strong&gt; — with no extra work.&lt;/p&gt;


&lt;h3&gt;
  
  
  Python Type Hints (Automatic)
&lt;/h3&gt;

&lt;p&gt;frappe_doc reads Python 3 type annotations directly from your function signature. &lt;strong&gt;You do not need to repeat types in the docstring&lt;/strong&gt; — they are detected automatically.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;toggle_item&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;is_active&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;bool&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="sh"&gt;"""&lt;/span&gt;&lt;span class="s"&gt;Toggle the active state of an item.&lt;/span&gt;&lt;span class="sh"&gt;"""&lt;/span&gt;
    &lt;span class="bp"&gt;...&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;What frappe_doc renders:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Parameter badges: &lt;code&gt;name: str&lt;/code&gt; · &lt;code&gt;is_active: bool&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Parameter table with &lt;strong&gt;Type&lt;/strong&gt; column pre-filled: &lt;code&gt;str&lt;/code&gt;, &lt;code&gt;bool&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Returns section shows: &lt;code&gt;dict&lt;/code&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Supported types include all Python built-ins and complex annotations:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;get_items&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="n"&gt;filters&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;limit&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;int&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;fields&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;list&lt;/span&gt; &lt;span class="o"&gt;|&lt;/span&gt; &lt;span class="bp"&gt;None&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="bp"&gt;None&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;list&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;]:&lt;/span&gt;
    &lt;span class="bp"&gt;...&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;These will render as &lt;code&gt;dict&lt;/code&gt;, &lt;code&gt;int&lt;/code&gt;, &lt;code&gt;list | None&lt;/code&gt;, &lt;code&gt;list[dict]&lt;/code&gt; in the portal.&lt;/p&gt;




&lt;h3&gt;
  
  
  Google-Style Docstrings
&lt;/h3&gt;

&lt;p&gt;frappe_doc parses &lt;strong&gt;Google-style docstrings&lt;/strong&gt; — the most readable and widely adopted Python docstring format.&lt;/p&gt;

&lt;h4&gt;
  
  
  Section Headers (Recognized)
&lt;/h4&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Section Header&lt;/th&gt;
&lt;th&gt;Alias(es)&lt;/th&gt;
&lt;th&gt;Purpose&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Args:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Arguments:&lt;/code&gt;, &lt;code&gt;Parameters:&lt;/code&gt;, &lt;code&gt;Params:&lt;/code&gt;
&lt;/td&gt;
&lt;td&gt;Document parameters&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Returns:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Return:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Describe the return value&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Raises:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;Document exceptions&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Example Request:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;Sample request JSON&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Example Response:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;—&lt;/td&gt;
&lt;td&gt;Sample response JSON&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Example:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Examples:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Generic example (used as request)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Notes:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&lt;code&gt;Note:&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Additional context&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h4&gt;
  
  
  &lt;code&gt;Args:&lt;/code&gt; Format
&lt;/h4&gt;

&lt;p&gt;Each argument follows this pattern (indent with 2–4 spaces):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;    arg_name (type): Description of the argument.
        Continuation lines are joined automatically.
    another_arg (str, optional): This one is optional.
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;blockquote&gt;
&lt;p&gt;&lt;strong&gt;Note:&lt;/strong&gt; If you use Python type hints in the signature, you can skip the &lt;code&gt;(type)&lt;/code&gt; part in the docstring — frappe_doc will automatically read them from the signature. Only add the type in the docstring when you need to be more descriptive (e.g., &lt;code&gt;(str, optional)&lt;/code&gt;, &lt;code&gt;(list of dict)&lt;/code&gt;).&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  &lt;code&gt;Example Request:&lt;/code&gt; and &lt;code&gt;Example Response:&lt;/code&gt;
&lt;/h4&gt;

&lt;p&gt;Use fenced JSON code blocks for the best rendering:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="err"&gt;Example&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;Request:&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="err"&gt;```&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;endraw&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="err"&gt;json&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"employee"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"EMP-001"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"leave_type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Casual Leave"&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;raw&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;

        &lt;/span&gt;&lt;span class="err"&gt;```&lt;/span&gt;&lt;span class="w"&gt;

    &lt;/span&gt;&lt;span class="err"&gt;Example&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;Response:&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="err"&gt;```&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;endraw&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="err"&gt;json&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"status"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"success"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt;
            &lt;/span&gt;&lt;span class="nl"&gt;"application"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"HR-LAP-2024-00001"&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;raw&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;

        &lt;/span&gt;&lt;span class="err"&gt;```&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Or inline JSON (frappe_doc will auto-detect and pretty-print it):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight json"&gt;&lt;code&gt;&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="err"&gt;Example&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="err"&gt;Request:&lt;/span&gt;&lt;span class="w"&gt;
        &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nl"&gt;"employee"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"EMP-001"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nl"&gt;"leave_type"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s2"&gt;"Casual Leave"&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;&lt;span class="w"&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;






&lt;h3&gt;
  
  
  Full Example — Best Practice API
&lt;/h3&gt;

&lt;p&gt;Here is the &lt;strong&gt;ideal&lt;/strong&gt; frappe_doc-optimized API function:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="nd"&gt;@frappe.whitelist&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;methods&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;POST&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;])&lt;/span&gt;
&lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;apply_for_leave&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;
    &lt;span class="n"&gt;employee&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;leave_type&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;from_date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;to_date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;reason&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="sh"&gt;""&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;half_day&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;bool&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="bp"&gt;False&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="n"&gt;half_day_date&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nb"&gt;str&lt;/span&gt; &lt;span class="o"&gt;|&lt;/span&gt; &lt;span class="bp"&gt;None&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="bp"&gt;None&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt; &lt;span class="nb"&gt;dict&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="sh"&gt;"""&lt;/span&gt;&lt;span class="s"&gt;Submit a new Leave Application for an employee.

    Creates a Leave Application document, validates leave balance,
    and notifies the employee&lt;/span&gt;&lt;span class="sh"&gt;'&lt;/span&gt;&lt;span class="s"&gt;s leave approver via email.

    Args:
        employee (str): The Employee ID (e.g., &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;EMP-0001&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;).
        leave_type (str): Name of the Leave Type (e.g., &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Casual Leave&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;).
        from_date (str): Leave start date in YYYY-MM-DD format.
        to_date (str): Leave end date in YYYY-MM-DD format.
        reason (str, optional): Reason for the leave. Defaults to empty string.
        half_day (bool, optional): Whether to apply for a half day. Defaults to False.
        half_day_date (str, optional): Date of the half day, required when half_day is True.

    Returns:
        dict: A result object with ``status`` (&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;success&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt; or &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;error&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;),
              ``name`` (the created document name), and ``message``.

    Raises:
        frappe.ValidationError: If leave balance is insufficient or dates are invalid.
        frappe.PermissionError: If the user is not authorized to apply leave for this employee.

    Example Request:
        ```

json
        {
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;employee&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;EMP-0001&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;leave_type&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Casual Leave&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;from_date&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;2024-08-01&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;to_date&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;2024-08-03&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;reason&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Family function&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;
        }


        ```

    Example Response:
        ```

json
        {
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;status&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;success&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;name&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;HR-LAP-2024-00042&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;,
            &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;message&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;: &lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;Leave Application submitted successfully.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;
        }


        ```
    &lt;/span&gt;&lt;span class="sh"&gt;"""&lt;/span&gt;
    &lt;span class="c1"&gt;# ... implementation ...
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;What frappe_doc renders for this function:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;✅ Method badge: &lt;code&gt;POST&lt;/code&gt; (explicit, solid badge)&lt;/li&gt;
&lt;li&gt;✅ Parameter pills: &lt;code&gt;employee: str&lt;/code&gt; · &lt;code&gt;leave_type: str&lt;/code&gt; · &lt;code&gt;from_date: str&lt;/code&gt; · &lt;code&gt;to_date: str&lt;/code&gt; · &lt;code&gt;reason: str&lt;/code&gt; · &lt;code&gt;half_day: bool&lt;/code&gt; · &lt;code&gt;half_day_date: str | None&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;✅ Summary: "Submit a new Leave Application for an employee."&lt;/li&gt;
&lt;li&gt;✅ Description paragraph about what the function does&lt;/li&gt;
&lt;li&gt;✅ Full parameter table with types and descriptions&lt;/li&gt;
&lt;li&gt;✅ Returns documentation&lt;/li&gt;
&lt;li&gt;✅ Side-by-side JSON example panels&lt;/li&gt;
&lt;li&gt;✅ Try It Out form pre-filled with example values&lt;/li&gt;
&lt;/ul&gt;




&lt;h3&gt;
  
  
  Docstring Section Reference
&lt;/h3&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;What You Want&lt;/th&gt;
&lt;th&gt;How To Write It&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;One-line summary&lt;/td&gt;
&lt;td&gt;First line of the docstring&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Multi-paragraph description&lt;/td&gt;
&lt;td&gt;Paragraphs after summary, before first section header&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Parameter with type from signature&lt;/td&gt;
&lt;td&gt;Just write &lt;code&gt;arg_name: Description&lt;/code&gt; (type auto-detected)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Parameter with explicit type&lt;/td&gt;
&lt;td&gt;&lt;code&gt;arg_name (type): Description&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Optional parameter&lt;/td&gt;
&lt;td&gt;&lt;code&gt;arg_name (type, optional): Description. Defaults to X.&lt;/code&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Return value&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Returns:&lt;/code&gt; section with text description&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;JSON request example&lt;/td&gt;
&lt;td&gt;
&lt;code&gt;Example Request:&lt;/code&gt; + fenced&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;br&gt;
 &lt;code&gt;json block |&lt;br&gt;
| JSON response example | `Example Response:` + fenced&lt;/code&gt;&lt;br&gt;
&lt;br&gt;
json block |&lt;br&gt;
| Generic example | &lt;code&gt;Example:&lt;/code&gt; or &lt;code&gt;Examples:&lt;/code&gt; + fenced&lt;br&gt;
&lt;br&gt;
 ```json block |&lt;/p&gt;




&lt;h2&gt;
  
  
  DocType Field Explorer
&lt;/h2&gt;

&lt;p&gt;Switch to the &lt;strong&gt;DocType Fields&lt;/strong&gt; tab to browse the schema of any DocType installed on your site.&lt;/p&gt;

&lt;h3&gt;
  
  
  Hierarchical Child Tables
&lt;/h3&gt;

&lt;p&gt;This is the feature that will &lt;strong&gt;change how you develop on Frappe&lt;/strong&gt; forever.&lt;/p&gt;

&lt;p&gt;In standard Frappe development, if a DocType has a child table field (e.g., &lt;code&gt;Sales Order → Items&lt;/code&gt;), you have to:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;Open the DocType list&lt;/li&gt;
&lt;li&gt;Search for "Sales Order"&lt;/li&gt;
&lt;li&gt;Find the &lt;code&gt;items&lt;/code&gt; field&lt;/li&gt;
&lt;li&gt;Note that it links to &lt;code&gt;Sales Order Item&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;Open a &lt;strong&gt;new browser tab&lt;/strong&gt; for the DocType list&lt;/li&gt;
&lt;li&gt;Search for "Sales Order Item"&lt;/li&gt;
&lt;li&gt;Browse its fields&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;With frappe_doc, this is one click.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The DocType Field Explorer renders child table fields as &lt;strong&gt;collapsible, indented trees&lt;/strong&gt;. Click the arrow next to any &lt;code&gt;Table&lt;/code&gt; or &lt;code&gt;Table MultiSelect&lt;/code&gt; field to expand it and see &lt;strong&gt;all child table fields inline&lt;/strong&gt; — no navigation required.&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
plaintext
▾ Sales Order
  ├── customer           Link → Customer
  ├── delivery_date      Date
  ├── po_no              Data
  ▾ items                Table → Sales Order Item      [EXPAND]
    │  ├── item_code      Link → Item                  required
    │  ├── item_name      Data
    │  ├── qty            Float                        required
    │  ├── rate           Currency
    │  ├── amount         Currency                     in_list_view
    │  └── warehouse      Link → Warehouse
  ▾ taxes                Table → Sales Taxes and Charges
    │  ├── charge_type    Select
    │  └── tax_amount     Currency


&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This gives you the &lt;strong&gt;complete picture&lt;/strong&gt; of a document's data structure in one place.&lt;/p&gt;




&lt;h3&gt;
  
  
  Field Search
&lt;/h3&gt;

&lt;p&gt;Use the search bar in the DocType Fields tab to filter fields by:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Scope&lt;/th&gt;
&lt;th&gt;Description&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;All&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Searches fieldname and label together&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Fieldname&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Exact fieldname match (great for API queries)&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Label&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Human-readable label search&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;code&gt;Fieldtype&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;Filter by type (e.g., search for all &lt;code&gt;Link&lt;/code&gt; fields)&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Each field row shows:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Fieldname&lt;/strong&gt; (monospaced, bold for top-level fields)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Label&lt;/strong&gt; (greyed out, human-readable)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Type badge&lt;/strong&gt; (with the linked DocType for &lt;code&gt;Link&lt;/code&gt; / &lt;code&gt;Table&lt;/code&gt; fields)&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;reqd&lt;/code&gt;&lt;/strong&gt; badge for required fields&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;&lt;code&gt;in_list_view&lt;/code&gt;&lt;/strong&gt; badge for fields visible in list view&lt;/li&gt;
&lt;/ul&gt;




&lt;h2&gt;
  
  
  FAQ
&lt;/h2&gt;

&lt;p&gt;&lt;strong&gt;Q: Does frappe_doc import or execute any of my app's code during scanning?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: No. frappe_doc uses Python's &lt;code&gt;ast&lt;/code&gt; module to parse source files as text. Your code is never imported or executed during the scan. This makes it completely safe to use even on production servers.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: How often does it re-scan?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: Scan results are cached in Redis for &lt;strong&gt;1 hour&lt;/strong&gt;. Click the &lt;strong&gt;Refresh Cache&lt;/strong&gt; button at any time to force an immediate re-scan.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Does it work with &lt;code&gt;async&lt;/code&gt; functions?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: Yes. Both &lt;code&gt;def&lt;/code&gt; and &lt;code&gt;async def&lt;/code&gt; functions decorated with &lt;code&gt;@frappe.whitelist()&lt;/code&gt; are discovered and documented.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Do I need to restart the server after installing?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: No. Just run &lt;code&gt;bench --site mysite clear-cache&lt;/code&gt; and navigate to &lt;code&gt;/app/developer_portal&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: My new API isn't showing up. What do I do?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: Click the &lt;strong&gt;Refresh Cache&lt;/strong&gt; button in the API Explorer. The 1-hour cache is serving the old scan result.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Does it work with custom apps?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: Yes. frappe_doc scans &lt;strong&gt;every installed app&lt;/strong&gt; on your site — including all your custom apps. There is nothing to configure.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: What if I don't write any docstrings?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: frappe_doc still documents your API. It shows the route, parameter names (from the function signature), type hints (if you use them), and inferred HTTP method. But you'll get much richer documentation if you add docstrings.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Q: Can I document APIs that already use Google-style docstrings from another style guide?&lt;/strong&gt;&lt;br&gt;&lt;br&gt;
A: Yes. frappe_doc recognizes all the standard Google-style section headers (&lt;code&gt;Args:&lt;/code&gt;, &lt;code&gt;Returns:&lt;/code&gt;, &lt;code&gt;Example:&lt;/code&gt;, etc.) and is designed to work with existing codebases without any changes.&lt;/p&gt;




&lt;h2&gt;
  
  
  Summary
&lt;/h2&gt;

&lt;p&gt;Stop treating your Frappe backend like a black box.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;frappe_doc&lt;/strong&gt; gives every developer on your team — whether they're building JavaScript frontends, writing Python integrations, or onboarding as a new hire — a single, searchable, interactive portal to understand and test every API in your entire Frappe ecosystem.&lt;/p&gt;

&lt;p&gt;All it takes is writing clean Python code the way you already should be. Add type hints. Add a docstring. frappe_doc does the rest.&lt;/p&gt;

&lt;p&gt;Then open &lt;code&gt;/doc&lt;/code&gt; in your browser. That's it. 🚀&lt;/p&gt;




&lt;p&gt;&lt;em&gt;frappe_doc is open source and built with ❤️ for the Frappe community.&lt;/em&gt;&lt;/p&gt;

</description>
      <category>api</category>
      <category>python</category>
      <category>showdev</category>
      <category>tooling</category>
    </item>
    <item>
      <title>Text Editor Fullscreen — Fullscreen mode for all Text Editor fields</title>
      <dc:creator>Raisul Islam</dc:creator>
      <pubDate>Fri, 19 Jun 2026 06:30:16 +0000</pubDate>
      <link>https://dev.to/raisulislam0/text-editor-fullscreen-fullscreen-mode-for-all-text-editor-fields-1h4c</link>
      <guid>https://dev.to/raisulislam0/text-editor-fullscreen-fullscreen-mode-for-all-text-editor-fields-1h4c</guid>
      <description>&lt;p&gt;🖊️ Text Editor Fullscreen&lt;br&gt;
If you've ever had to write long content inside a Text Editor field — job descriptions, terms &amp;amp; conditions, email templates, knowledge base articles, bios — you know how cramped the default editor feels.&lt;br&gt;
This app adds a one-click fullscreen mode to every Text Editor (Quill) field on the desk, for both editable and read-only views.&lt;/p&gt;

&lt;p&gt;Features&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Fullscreen editing — expand any Text Editor field into a focused modal&lt;/li&gt;
&lt;li&gt;Read-only fullscreen — view long HTML content without editing, comfortably&lt;/li&gt;
&lt;li&gt;Lock toggle — prevent accidental close from Escape or outside clicks&lt;/li&gt;
&lt;li&gt;Image cropping — crop inserted images (Free, 1:1, 4:3, 16:9) right inside the editor&lt;/li&gt;
&lt;li&gt;Image deletion — select an image and hit Delete/Backspace, or use the delete button on the resize overlay&lt;/li&gt;
&lt;li&gt;Full-width aware — modal size adapts to your desk's Toggle Full Width setting, live&lt;/li&gt;
&lt;li&gt;Dark theme support — styled with Frappe CSS variables, works in both light and dark mode&lt;/li&gt;
&lt;li&gt;Zero configuration — install and it works on every Text Editor field across your site&lt;/li&gt;
&lt;li&gt;Compatible with ERPNext v15 and v16&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Installation&lt;br&gt;
bashcd $PATH_TO_YOUR_BENCH&lt;br&gt;
bench get-app &lt;a href="https://github.com/raisulislam0/text_editor_fullscreen" rel="noopener noreferrer"&gt;https://github.com/raisulislam0/text_editor_fullscreen&lt;/a&gt;&lt;br&gt;
bench install-app text_editor_fullscreen&lt;br&gt;
bench --site [your_site_name] clear-cache&lt;/p&gt;

&lt;p&gt;Links&lt;/p&gt;

&lt;p&gt;🔗 GitHub: &lt;a href="https://github.com/raisulislam0/text_editor_fullscreen" rel="noopener noreferrer"&gt;https://github.com/raisulislam0/text_editor_fullscreen&lt;/a&gt;&lt;br&gt;
🎥 Video demo: &lt;a href="https://youtu.be/JAzG84p_XPo" rel="noopener noreferrer"&gt;https://youtu.be/JAzG84p_XPo&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Would love feedback — bug reports, feature requests, or just whether it works on your setup. If it's useful, a ⭐ on the repo helps a lot!&lt;/p&gt;

</description>
      <category>frappe</category>
      <category>erpnext</category>
      <category>python</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
