2026-01-09 23:05:52 -05:00
<!DOCTYPE html>
< html lang = "en-US" dir = "ltr" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > Runtime API Examples | DreamFreely Library</ title >
< meta name = "description" content = "Community Conscious Creations" >
< meta name = "generator" content = "VitePress v2.0.0-alpha.15" >
< link rel = "preload stylesheet" href = "/assets/style.tE5om2fv.css" as = "style" >
< link rel = "preload stylesheet" href = "/vp-icons.css" as = "style" >
2026-01-10 00:23:33 -05:00
< script type = "module" src = "/assets/app.D2von411.js" ></ script >
2026-01-09 23:05:52 -05:00
< link rel = "preload" href = "/assets/inter-roman-latin.Di8DUHzh.woff2" as = "font" type = "font/woff2" crossorigin = "" >
2026-01-10 00:23:33 -05:00
< link rel = "modulepreload" href = "/assets/chunks/theme.CAK4ts65.js" >
< link rel = "modulepreload" href = "/assets/chunks/framework.j4Nev8bF.js" >
< link rel = "modulepreload" href = "/assets/api-examples.md.x63WI4Pt.lean.js" >
2026-01-09 23:05:52 -05:00
< script id = "check-dark-mode" >(()=>{ const e = localStorage . getItem ( "vitepress-theme-appearance" ) || "auto" , a = window . matchMedia ( "(prefers-color-scheme: dark)" ). matches ;( ! e || e === "auto" ? a : e === "dark" ) && document . documentElement . classList . add ( "dark" )})();</ script >
< script id = "check-mac-os" > document . documentElement . classList . toggle ( "mac" , /Mac|iPhone|iPod|iPad/i . test ( navigator . platform ));</ script >
</ head >
< body >
2026-01-10 00:23:33 -05:00
< div id = "app" >< div class = "Layout" data-v-1df9f90f > <!--[--><!--]--><!--[--> < span tabindex = "-1" data-v-331ec75c ></ span >< a href = "#VPContent" class = "VPSkipLink visually-hidden" data-v-331ec75c > Skip to content</ a > <!--]--><!----> < header class = "VPNav" data-v-1df9f90f data-v-da52a441 >< div class = "VPNavBar" data-v-da52a441 data-v-70946a35 >< div class = "wrapper" data-v-70946a35 >< div class = "container" data-v-70946a35 >< div class = "title" data-v-70946a35 >< div class = "VPNavBarTitle has-sidebar" data-v-70946a35 data-v-1e38c6bc >< a class = "title" href = "/" data-v-1e38c6bc > <!--[--><!--]--><!----> < span data-v-1e38c6bc > DreamFreely Library</ span > <!--[--><!--]--> </ a ></ div ></ div >< div class = "content" data-v-70946a35 >< div class = "content-body" data-v-70946a35 > <!--[--><!--]--> < div class = "VPNavBarSearch search" data-v-70946a35 > <!----> </ div >< nav aria-labelledby = "main-nav-aria-label" class = "VPNavBarMenu menu" data-v-70946a35 data-v-39714824 >< span id = "main-nav-aria-label" class = "visually-hidden" data-v-39714824 > Main Navigation </ span > <!--[--><!--[--> < a class = "VPLink link VPNavBarMenuLink" href = "/welcome/" tabindex = "0" data-v-39714824 data-v-52a1d768 > <!--[--> < span data-v-52a1d768 > Welcome</ span > <!--]--> </ a > <!--]--><!--[--> < a class = "VPLink link VPNavBarMenuLink" href = "/welcome/support.html" tabindex = "0" data-v-39714824 data-v-52a1d768 > <!--[--> < span data-v-52a1d768 > Support</ span > <!--]--> </ a > <!--]--><!--]--> </ nav > <!----> < div class = "VPNavBarAppearance appearance" data-v-70946a35 data-v-6c893767 >< button class = "VPSwitch VPSwitchAppearance" type = "button" role = "switch" title aria-checked = "false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3 >< span class = "check" data-v-1d5665e3 >< span class = "icon" data-v-1d5665e3 > <!--[--> < span class = "vpi-sun sun" data-v-5337faa4 ></ span >< span class = "vpi-moon moon" data-v-5337faa4 ></ span > <!--]--> </ span ></ span ></ button ></ div >< div class = "VPSocialLinks VPNavBarSocialLinks social-links" data-v-70946a35 data-v-0394ad82 data-v-d07f11e6 > <!--[--> < a class = "VPSocialLink no-icon" href = "https://canin.dreamfreely.org" aria-label = "org" target = "_blank" rel = "me noopener" data-v-d07f11e6 data-v-591a6b30 >< span class = "vpi-social-org" ></ span ></ a >< a class = "VPSocialLink no-icon" href = "https://shop.dreamfreely.org" aria-label = "kitsu" target = "_blank" rel = "me noopener" data-v-d07f11e6 data-v-591a6b30 >< span class = "vpi-social-kitsu" ></ span ></ a >< a class = "VPSocialLink no-icon" href = "https://appdeveloperone.com/DreamFreely" aria-label = "zcool" target = "_blank" rel = "me noopener" data-v-d07f11e6 data-v-591a6b30 >< span class = "vpi-social-zcool" ></ span ></ a > <!--]--> </ div >< div class = "VPFlyout VPNavBarExtra extra" data-v-70946a35 data-v-bf2fac68 data-v-42cb505d >< button type = "button" class = "button" aria-haspopup = "true" aria-expanded = "false" aria-label = "extra navigation" data-v-42cb505d >< span class = "vpi-more-horizontal icon" data-v-42cb505d ></ span ></ button >< div class = "menu" data-v-42cb505d >< div class = "VPMenu" data-v-42cb505d data-v-25a6cce8 > <!----><!--[--><!--[--><!----> < div class = "group" data-v-bf2fac68 >< div class = "item appearance" data-v-bf2fac68 >< p class = "label" data-v-bf2fac68 > Appearance</ p >< div class = "appearance-action" data-v-bf2fac68 >< button class = "VPSwitch VPSwitchAppearance" type = "button" role = "switch" title aria-checked = "false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3 >< span class = "check" data-v-1d5665e3 >< span class = "icon" data-v-1d5665e3 > <!--[--> < span class = "vpi-sun sun" data-v-5337faa4 ></ span >< span class = "vpi-moon moon" data-v-5337faa4 ></ span > <!--]--> </ span ></ span ></ button ></ div ></ div ></ div >< div class = "group" data-v-bf2fac68 >< div class = "item social-links" data-v-bf2fac68 >< div class = "VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6 > <!--[--> < a class = "VPSocialLink no-icon" href = "https://canin.dreamfreely.org" aria-label = "org" target = "_blank" rel = "me noopener" data-v-d07f11e6 data-v-591a6b30 >< span class = "vpi-social-org" ></ span ></ a >< a class = "VPSocialLink no-icon" href = "https://shop.dreamfreely.org" aria-label = "kitsu" target = "_blank" rel = "me noopener" data-v-d07f11e6 data-v-591a6b30 >< span class = "vpi-social-kitsu" ></ span ></ a >< a class = "VPSocialLink
2026-01-09 23:05:52 -05:00
<span class=" line " >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > import { useData } from ' vitepress' </ span ></ span >
< span class = "line" ></ span >
< span class = "line" >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > const { theme, page, frontmatter } = useData()</ span ></ span >
< span class = "line" >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > < /script> </ span ></ span >
< span class = "line" ></ span >
< span class = "line" >< span style = "--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;" > ## Results</ span ></ span >
< span class = "line" ></ span >
< span class = "line" >< span style = "--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;" > ### Theme Data</ span ></ span >
< span class = "line" >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > < pre> {{ theme }}< /pre> </ span ></ span >
< span class = "line" ></ span >
< span class = "line" >< span style = "--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;" > ### Page Data</ span ></ span >
< span class = "line" >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > < pre> {{ page }}< /pre> </ span ></ span >
< span class = "line" ></ span >
< span class = "line" >< span style = "--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold;" > ### Page Frontmatter</ span ></ span >
< span class = "line" >< span style = "--shiki-light:#24292E;--shiki-dark:#E1E4E8;" > < pre> {{ frontmatter }}< /pre> </ span ></ span ></ code ></ pre ></ div >< h2 id = "results" tabindex = "-1" > Results < a class = "header-anchor" href = "#results" aria-label = "Permalink to “Results”" > </ a ></ h2 >< h3 id = "theme-data" tabindex = "-1" > Theme Data < a class = "header-anchor" href = "#theme-data" aria-label = "Permalink to “Theme Data”" > </ a ></ h3 >< pre > {
" nav" : [
{
" text" : " Welcome" ,
" link" : " /welcome/"
},
{
" text" : " Support" ,
" link" : " /welcome/support"
}
],
" sidebar" : [
{
" text" : " Welcome" ,
" items" : [
{
" text" : " Chibu / Hola / Hello" ,
" link" : " /welcome/"
},
{
" text" : " About DreamFreely" ,
" link" : " /welcome/dreamfreely"
},
{
" text" : " About Canin Carlos" ,
" link" : " /welcome/canin"
}
]
},
{
" text" : " Rebel Coding 101" ,
" items" : [
{
" text" : " Intro to Coding" ,
" link" : " /rebel_coding/"
},
{
" text" : " Orientation" ,
" link" : " /rebel_coding/orientation"
},
{
" text" : " Intro to CLI" ,
" link" : " /rebel_coding/termintro"
},
{
" text" : " Step 1: HTML & CSS" ,
" link" : " /rebel_coding/step1"
},
{
" text" : " Step 2: JavaScript" ,
" link" : " /rebel_coding/step2"
},
{
" text" : " Step 3: Python Scrapers" ,
" link" : " /rebel_coding/step3"
},
{
" text" : " Step 4: The Full Stack" ,
" link" : " /rebel_coding/step4"
},
{
" text" : " Appendices" ,
" link" : " /rebel_coding/appendices"
}
]
},
{
" text" : " Rebel Coding 102" ,
" items" : [
{
" text" : " Reviewing the Full-Stack" ,
" link" : " /rebel_coding/v2"
},
{
" text" : " Planning Our App" ,
" link" : " /rebel_coding/v2Orient"
},
{
" text" : " Step 1: Server" ,
" link" : " /rebel_coding/step5"
},
{
" text" : " Step 2: Client" ,
" link" : " /rebel_coding/step6"
},
{
" text" : " Step 3: Deployment" ,
" link" : " /rebel_coding/step7"
},
{
" text" : " Step 4: Scaling, etc" ,
" link" : " /rebel_coding/step8"
},
{
" text" : " More Appendices" ,
" link" : " /rebel_coding/more-appendices"
}
]
},
{
" text" : " Manifesting Empathy" ,
" items" : [
{
" text" : " Welcome" ,
" link" : " /mempath/"
},
{
" text" : " The Egg (0-5)" ,
" link" : " /mempath/egg"
},
{
" text" : " The Hatchling (5-12)" ,
" link" : " /mempath/hatchling"
},
{
" text" : " Flight (12-18)" ,
" link" : " /mempath/flight"
},
{
" text" : " Flying (18-25)" ,
" link" : " /mempath/flying"
},
{
" text" : " Learning (25-35)" ,
" link" : " /mempath/learning"
},
{
" text" : " Building (35-45)" ,
" link" : " /mempath/building"
},
{
" text" : " Helping (45-60)" ,
" link" : " /mempath/helping"
},
{
" text" : " Enjoying (60+)" ,
" link" : " /mempath/enjoying"
},
{
" text" : " Outro" ,
" link" : " /mempath/onward"
},
{
" text" : " Appendices" ,
" link" : " /mempath/appendices"
}
]
},
{
2026-01-10 00:23:33 -05:00
" text" : " Diversity Inverted" ,
" items" : [
{
" text" : " Welcome" ,
" link" : " /divinv/"
},
{
" text" : " Whiteness" ,
" link" : " /divinv/1-whiteness"
},
{
" text" : " Indigeneity" ,
" link" : " /divinv/2-native"
},
{
" text" : " Latinx" ,
" link" : " /divinv/3-latinx"
},
{
" text" : " Blackness" ,
" link" : " /divinv/4-Black"
},
{
" text" : " Onwards" ,
" link" : " /divinv/5-onward"
},
{
" text" : " Appendices" ,
" link" : " /divinv/appendices"
}
]
2026-01-09 23:05:52 -05:00
},
{
" text" : " The Guidebook"
},
{
" text" : " Manifesting Empathy (archived)" ,
" items" : [
{
" text" : " Welcome" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Sexism" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/sexism"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Racism" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/racism"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Able-ism" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/able-ism"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Power Dynamics" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/power-dynamics"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Onwards" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/onward"
2026-01-09 23:05:52 -05:00
},
{
" text" : " Appendices" ,
2026-01-10 00:23:33 -05:00
" link" : " /mempath.bak/appendices"
2026-01-09 23:05:52 -05:00
}
]
}
],
" socialLinks" : [
{
2026-01-10 00:23:33 -05:00
" icon" : " org" ,
2026-01-09 23:05:52 -05:00
" link" : " https://canin.dreamfreely.org"
},
{
2026-01-10 00:23:33 -05:00
" icon" : " kitsu" ,
2026-01-09 23:05:52 -05:00
" link" : " https://shop.dreamfreely.org"
},
{
2026-01-10 00:23:33 -05:00
" icon" : " zcool" ,
" link" : " https://appdeveloperone.com/DreamFreely"
2026-01-09 23:05:52 -05:00
}
]
}</ pre >< h3 id = "page-data" tabindex = "-1" > Page Data < a class = "header-anchor" href = "#page-data" aria-label = "Permalink to “Page Data”" > </ a ></ h3 >< pre > {
" title" : " Runtime API Examples" ,
" description" : "" ,
" frontmatter" : {
" outline" : " deep"
},
" headers" : [],
" relativePath" : " api-examples.md" ,
" filePath" : " api-examples.md"
}</ pre >< h3 id = "page-frontmatter" tabindex = "-1" > Page Frontmatter < a class = "header-anchor" href = "#page-frontmatter" aria-label = "Permalink to “Page Frontmatter”" > </ a ></ h3 >< pre > {
" outline" : " deep"
}</ pre >< h2 id = "more" tabindex = "-1" > More < a class = "header-anchor" href = "#more" aria-label = "Permalink to “More”" > </ a ></ h2 >< p > Check out the documentation for the < a href = "https://vitepress.dev/reference/runtime-api#usedata" target = "_blank" rel = "noreferrer" > full list of runtime APIs</ a > .</ p ></ div ></ div ></ main >< footer class = "VPDocFooter" data-v-7011f0d8 data-v-e257564d > <!--[--><!--]--><!----> < nav class = "prev-next" aria-labelledby = "doc-footer-aria-label" data-v-e257564d >< span class = "visually-hidden" id = "doc-footer-aria-label" data-v-e257564d > Pager</ span >< div class = "pager" data-v-e257564d > <!----> </ div >< div class = "pager" data-v-e257564d >< a class = "VPLink link pager-link next" href = "/welcome/" data-v-e257564d > <!--[--> < span class = "desc" data-v-e257564d > Next page</ span >< span class = "title" data-v-e257564d > Chibu / Hola / Hello</ span > <!--]--> </ a ></ div ></ nav ></ footer > <!--[--><!--]--> </ div ></ div ></ div > <!--[--><!--]--> </ div ></ div > <!----><!--[--><!--]--> </ div ></ div >
2026-01-10 00:23:33 -05:00
< script > window.__VP_HASH_MAP__=JSON.parse("{\"api-examples.md\":\"x63WI4Pt\",\"df_guide_1_basic_psych.md\":\"CeMcMmuh\",\"df_guide_2_medi_vibes.md\":\"DXqrKVuP\",\"df_guide_3_with_loneliness.md\":\"CCm6CpFp\",\"df_guide_4_enter_alchemy.md\":\"C_rmpGLw\",\"df_guide_5_test_ethic.md\":\"CLeadJfH\",\"df_guide_6_social_physics.md\":\"DLXBEao5\",\"df_guide_7_quantum_realm.md\":\"DLdBPsJT\",\"df_guide_8_topol.md\":\"Ba9e4UzJ\",\"df_guide_appendices.md\":\"B6_t-HyW\",\"df_guide_index.md\":\"CEtKw1LU\",\"divinv_1-whiteness.md\":\"Gp4URLax\",\"divinv_2-native.md\":\"Vv8EGUun\",\"divinv_3-latinx.md\":\"BM4bdmUR\",\"divinv_4-black.md\":\"CUehWxOs\",\"divinv_5-onward.md\":\"CEQkr_Yq\",\"divinv_appendices.md\":\"Bmbs9w04\",\"divinv_index.md\":\"Bqo_SiH4\",\"exocto_analytics.md\":\"BKJsN1AA\",\"exocto_appendices.md\":\"Dni294_f\",\"exocto_automation.md\":\"CN2PTACp\",\"exocto_cooltools.md\":\"BTNgrA0k\",\"exocto_index.md\":\"BnPavi-q\",\"exocto_licences.md\":\"DzIeU3HF\",\"exocto_mailinglists.md\":\"CnM_HnlB\",\"exocto_payments.md\":\"CrBxLlhh\",\"exocto_seo101.md\":\"DviR7H5g\",\"exocto_socialmedia.md\":\"C39W_iye\",\"exocto_websites.md\":\"q-QXL0De\",\"index.1.md\":\"BirqA0z4\",\"index.md\":\"CpG2gthS\",\"markdown-examples.md\":\"CUSHEXel\",\"mempath.bak_able-ism.md\":\"DEEoY8Vi\",\"mempath.bak_appendices.md\":\"CmQnH-55\",\"mempath.bak_gender-studies.md\":\"Bm3aYqIc\",\"mempath.bak_index.md\":\"CjZxMHAK\",\"mempath.bak_notes.huggingface.md\":\"Khx3__Av\",\"mempath.bak_onward.md\":\"BVZnlB_v\",\"mempath.bak_openai.playground.md\":\"DWJTSwWP\",\"mempath.bak_outline.huggingface.md\":\"rtMna0fM\",\"mempath.bak_power-dynamics.md\":\"BpdS-0SU\",\"mempath.bak_racism.md\":\"DZ9tBx6B\",\"mempath.bak_sexism.md\":\"BEBA033J\",\"mempath_appendices.md\":\"Czbekzrn\",\"mempath_building.md\":\"DiuxWTcR\",\"mempath_egg.md\":\"CisKm_IF\",\"mempath_enjoying.md\":\"B4curKmU\",\"mempath_flight.md\":\"CVDxb1-C\",\"mempath_flying.md\":\"B6DOnD8x\",\"mempath_hatchling.md\":\"VVGsZ3N1\",\"mempath_helping.md\":\"P__Igwr5\",\"mempath_index.md\":\"Cvas8zRV\",\"mempath_learning.md\":\"BgKY3mQI\",\"mempath_onward.md\":\"QQAwPgA6\",\"rebel_coding_appendices.md\":\"hih51f2p\",\"rebel_coding_index.md\":\"Q72dPgpm\",\"rebel_coding_orientation.md\":\"DBUP6Scl\",\"rebel_coding_step1.md\":\"UGFgpiDv\",\"rebel_coding_step2.md\":\"g93kTiCg\",\"rebel_coding_step3.md\":\"CFJMlHnF\",\"rebel_coding_step4.md\":\"cGlIZ8RL\",\"rebel_coding_step5.md\":\"D7qbvCYY\",\"rebel_coding_step6.md\":\"KTPIgYna\",\"rebel_coding_step7.md\":\"D0XOrhEO\",\"rebel_coding_step8.md\":\"K9SkXD8n\",\"rebel_coding_termintro.md\":\"FZ5Hz2Ty\",\"rebel_coding_v2.md\":\"BQnisPze\",\"rebel_coding_v2orient.md\":\"Cv5u-Osk\",\"welcome_canin.md\":\"CHq_tepX\",\"welcome_dreamfreely.md\":\"Bxqk9nt5\",\"welcome_index.md\":\"DuIGE3qw\",\"welcome_support.md\":\"CYUo6QRX\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"DreamFreely Library\",\"description\":\"Community Conscious Creations\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Welcome\",\"link\":\"/welcome/\"},{\"text\":\"Support\",\"link\":\"/welcome/support\"}],\"sidebar\":[{\"text\":\"Welcome\",\"items\":[{\"text\":\"Chibu / Hola / Hello\",\"link\":\"/welcome/\"},{\"text\":\"About DreamFreely\",\"link\":\"/welcome/dreamfreely\"},{\"text\":\"About Canin Carlos\",\"link\":\"/welcome/canin\"}]},{\"text\":\"Rebel Coding 101\",\"items\":[{\"text\":\"Intro to Coding\",\"link\":\"/rebel_coding/\"},{\"text\":\"Orientation\",\"link\":\"/rebel_coding/orientation\"},{\"text\":\"Intro to CLI\",\"link\":\"/rebel_coding/termintro\"},{\"text\":\"Step 1: HTML & CSS\",\"link\":\"/rebel_coding/step1\"},{\"text\":\"Step 2: JavaScript\",\"link\":\"/rebel_coding/step2\"},{\"text\":\"Step 3: Python Scrapers\",\"link\":\"/rebel_coding/step3\"},{\"text\":\"Step 4: The Full Stack\",\"link\":\"/rebel_coding/step4\"},{\"text\":\"Appendices\",\"link\":\"/rebel_coding/appendices\"}]},{\"text\":\"Rebel Coding 102\",\"items\":[{\"text\":\"Reviewing the Full-Stack\
2026-01-09 23:05:52 -05:00
</ body >
</ html >
