Hugging Face's logo

Spaces:
matthoffner
/
open-codetree
Paused

App Files Community
open-codetree / out /index.html
matt HOFFNER
fix
f5859ae
raw
history blame
7.18 kB
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/out/_next/static/css/c5c95776c4c00366.css" as="style"/><link rel="stylesheet" href="/out/_next/static/css/c5c95776c4c00366.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/out/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script><script src="/out/_next/static/chunks/webpack-81e60f962d200096.js" defer=""></script><script src="/out/_next/static/chunks/framework-111397ef944354a4.js" defer=""></script><script src="/out/_next/static/chunks/main-43dd090d6e2f3fcb.js" defer=""></script><script src="/out/_next/static/chunks/pages/_app-f7d761699fa587fc.js" defer=""></script><script src="/out/_next/static/chunks/493-11aa77032d610cd8.js" defer=""></script><script src="/out/_next/static/chunks/pages/index-3857c07736016c73.js" defer=""></script><script src="/out/_next/static/SPl5kryavDT7Ct_21XfLP/_buildManifest.js" defer=""></script><script src="/out/_next/static/SPl5kryavDT7Ct_21XfLP/_ssgManifest.js" defer=""></script></head><body><div id="__next"><div style="height:3rem;background:#171E25" class="flex items-center pl-5 pr-12 justify-between"><div><div class="text-2xl font-medium text-gray-200">Codetree AI</div></div></div><div style="background:#171E25"><div class="flex flex-col"><div class="px-4 pb-2 pt-3 shadow-lg sm:pb-3 sm:pt-4"><form class="relative w-full"><textarea placeholder="Chat with GPT-4 and code blocks will automatically render in the editor! Codetree uses WebAssembly and Esbuild to compile in the browser." spellcheck="false" class="textarea"></textarea><button type="submit" class="absolute inset-y-0 right-3 my-auto flex h-8 w-8 items-center justify-center rounded-md transition-all"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" class="h-4 w-4" stroke-width="2"><path d="M.5 1.163A1 1 0 0 1 1.97.28l12.868 6.837a1 1 0 0 1 0 1.766L1.969 15.72A1 1 0 0 1 .5 14.836V10.33a1 1 0 0 1 .816-.983L8.5 8 1.316 6.653A1 1 0 0 1 .5 5.67V1.163Z" fill="currentColor"></path></svg></button></form></div><div class="flex flex-col items-start space-y-4 overflow-y-auto max-h-[20vh]"></div></div><div style="height:calc(100vh - 8rem)"><div class="split-view split-view-horizontal split-view-separator-border allotment-module_splitView__L-yRc allotment-module_horizontal__7doS8 allotment-module_separatorBorder__x-rDS"><div class="split-view-container allotment-module_splitViewContainer__rQnVa"><div class="split-view-view allotment-module_splitViewView__MGZ6O"><div class="rc-tabs rc-tabs-top editor-input-tabs"><div role="tablist" class="rc-tabs-nav"><div class="rc-tabs-nav-wrap"><div class="rc-tabs-nav-list" style="transform:translate(0px, 0px)"><div class="rc-tabs-tab"><div role="tab" aria-selected="false" class="rc-tabs-tab-btn" tabindex="0"><div>app.jsx</div></div></div><div class="rc-tabs-tab" style="margin-left:16px"><div role="tab" aria-selected="false" class="rc-tabs-tab-btn" tabindex="0"><div>index.html</div></div></div><div class="rc-tabs-tab" style="margin-left:16px"><div role="tab" aria-selected="false" class="rc-tabs-tab-btn" tabindex="0"><div>main.css</div></div></div><div class="rc-tabs-ink-bar rc-tabs-ink-bar-animated"></div></div></div><div class="rc-tabs-nav-operations rc-tabs-nav-operations-hidden"><button type="button" class="rc-tabs-nav-more" style="margin-left:16px;visibility:hidden;order:1" tabindex="-1" aria-hidden="true" aria-haspopup="listbox" aria-controls="null-more-popup" id="null-more" aria-expanded="false">More</button></div></div><div class="rc-tabs-content-holder"><div class="rc-tabs-content rc-tabs-content-top"><div role="tabpanel" tabindex="-1" aria-hidden="true" style="display:none" class="rc-tabs-tabpane"></div><div role="tabpanel" tabindex="-1" aria-hidden="true" style="display:none" class="rc-tabs-tabpane"></div><div role="tabpanel" tabindex="-1" aria-hidden="true" style="display:none" class="rc-tabs-tabpane"></div></div></div></div></div><div class="split-view-view allotment-module_splitViewView__MGZ6O"><div class="split-view split-view-vertical split-view-separator-border allotment-module_splitView__L-yRc allotment-module_vertical__WSwwa allotment-module_separatorBorder__x-rDS"><div class="split-view-container allotment-module_splitViewContainer__rQnVa"><div class="split-view-view allotment-module_splitViewView__MGZ6O"><div class="iframe-container"><iframe id="super-iframe" sandbox="allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation" allow="accelerometer; camera; encrypted-media; geolocation; gyroscope; microphone; midi; clipboard-read; clipboard-write" scrolling="auto" frameBorder="0" title="previewWindow" srcDoc="
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;title&gt;Codetree &lt;/title&gt;
&lt;style&gt;
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;root&quot;&gt;
&lt;/div&gt;
&lt;script&gt;
//====== send massage to iframe
window.onerror = function (err) {
window.parent.postMessage(
{ source: &quot;iframe&quot;, type: &quot;iframe_error&quot;, message: err },
&quot;*&quot;
);
};
window.onunhandledrejection = function (err) {
window.parent.postMessage(
{ source: &quot;iframe&quot;, type: &quot;iframe_error&quot;, message: err.reason },
&quot;*&quot;
);
};
//====== listen to income message of parent
window.onmessage = function (event) {
try {
eval(event.data);
} catch (error) {
throw error;
}
};
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
"></iframe></div></div><div class="split-view-view allotment-module_splitViewView__MGZ6O"><div class="text-gray-300 relative h-full"><div class="flex items-center justify-between px-3 h-9"><button class="editor-button h-5 mr-3">Clear</button></div><div class="h-80 overflow-auto"></div></div></div></div></div></div></div></div></div><div style="height:2rem" class="h-full w-full flex items-center justify-between bg-tree-hard border-t-2 border-black text-gray-300 pl-5 pb-0.5 flex-shrink-0 z-50"><div class="flex items-center"></div><div class="flex justify-center items-center"><div class="flex items-center cursor-pointer text-gray-400"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="20" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M10.9999 11.9998L3.92886 19.0708L2.51465 17.6566L8.1715 11.9998L2.51465 6.34292L3.92886 4.92871L10.9999 11.9998ZM10.9999 18.9998H20.9999V20.9998H10.9999V18.9998Z"></path></svg></div><div class="ml-2 w-6"></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"SPl5kryavDT7Ct_21XfLP","assetPrefix":"/out","nextExport":true,"isFallback":false,"appGip":true,"scriptLoader":[]}</script></body></html>