bca49d3537
* [WiP] Support UI components returned from a computed var * Get rid of nasty react hooks warning * include @babel/standalone in the base to avoid CDN * put window variables behind an object * use jsx * implement the thing * cleanup dead test code (#3909) * override dict in propsbase to use camelCase (#3910) * override dict in propsbase to use camelCase * fix underscore in dict * dang it darglint * [REF-3562][REF-3563] Replace chakra usage (#3872) * [ENG-3717] [flexgen] Initialize app from refactored code (#3918) * Remove Pydantic from some classes (#3907) * half of the way there * add dataclass support * Forbid Computed var shadowing (#3843) * get it right pyright * fix unit tests * rip out more pydantic * fix weird issues with merge_imports * add missing docstring * make special props a list instead of a set * fix moment pyi * actually ignore the runtime error * it's ruff out there --------- Co-authored-by: benedikt-bartscher <31854409+benedikt-bartscher@users.noreply.github.com> * Merging * fixss * fix field_name * always import react * move func to file * do some weird things * it's really ruff out there * add docs * how does this work * dang it darglint * fix the silly * don't remove computed guy * silly goose, don't ignore var types :D * update code * put f string on one line * make it deprecated instead of outright killing it * i hate it * add imports from react * assert it has evalReactComponent * do things ig * move get field to global context * ooops --------- Co-authored-by: Khaleel Al-Adhami <khaleel.aladhami@gmail.com> Co-authored-by: benedikt-bartscher <31854409+benedikt-bartscher@users.noreply.github.com> Co-authored-by: Elijah Ahianyo <elijahahianyo@gmail.com>
57 lines
1.4 KiB
Django/Jinja
57 lines
1.4 KiB
Django/Jinja
{% extends "web/pages/base_page.js.jinja2" %}
|
|
|
|
{% block early_imports %}
|
|
import '/styles/styles.css'
|
|
{% endblock %}
|
|
|
|
{% block declaration %}
|
|
import { EventLoopProvider, StateProvider, defaultColorMode } from "/utils/context.js";
|
|
import { ThemeProvider } from 'next-themes'
|
|
import * as React from "react";
|
|
import * as utils_context from "/utils/context.js";
|
|
import * as utils_state from "/utils/state.js";
|
|
import * as radix from "@radix-ui/themes";
|
|
|
|
{% for custom_code in custom_codes %}
|
|
{{custom_code}}
|
|
{% endfor %}
|
|
{% endblock %}
|
|
|
|
{% block export %}
|
|
function AppWrap({children}) {
|
|
|
|
{% for hook in hooks %}
|
|
{{ hook }}
|
|
{% endfor %}
|
|
|
|
return (
|
|
{{utils.render(render, indent_width=0)}}
|
|
)
|
|
}
|
|
|
|
export default function MyApp({ Component, pageProps }) {
|
|
React.useEffect(() => {
|
|
// Make contexts and state objects available globally for dynamic eval'd components
|
|
let windowImports = {
|
|
"react": React,
|
|
"@radix-ui/themes": radix,
|
|
"/utils/context": utils_context,
|
|
"/utils/state": utils_state,
|
|
};
|
|
window["__reflex"] = windowImports;
|
|
}, []);
|
|
return (
|
|
<ThemeProvider defaultTheme={ defaultColorMode } attribute="class">
|
|
<AppWrap>
|
|
<StateProvider>
|
|
<EventLoopProvider>
|
|
<Component {...pageProps} />
|
|
</EventLoopProvider>
|
|
</StateProvider>
|
|
</AppWrap>
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
{% endblock %}
|