Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
}
}
function EmptyFragment() {
return ;
}
// document.body.innerHTML = renderToString();
// document.body.firstChild.setAttribute('is-ssr', 'true');
installLogger(
String(localStorage.LOG) === 'true' || location.href.match(/logger/),
String(localStorage.CONSOLE) === 'true' || location.href.match(/console/)
);
render(, document.body);
const language = matched[1];
const dataset = matched[2];
// We are rendering a single dataset
page_content.innerHTML = '<section><div id="dynamic-single-dataset" class="wrapper wrapper-content-sm wrapper-content-dataset"></div></section>';
// Modify the nav
const navLinkEnglish = document.getElementById('nav-link-english');
const navLinkFarsi = document.getElementById('nav-link-farsi');
const path = location.pathname.slice(3);
navLinkEnglish['href'] = `/en${path}`;
navLinkFarsi['href'] = `/fa${path}`;
// Render the dataset
render(h(Dataset, {lang: language, id: dataset}), document.getElementById('dynamic-single-dataset'));
}
else {
var errorText = "<p style="text-align: center; margin-bottom: 20em; font-size: 1em;">Sorry, we can't seem to find the page you're looking for. Try going to the <a href="/"+PAGE_LANG+"">homepage</a> or checkout some of our <a href="/"+PAGE_LANG+"/datasets">datasets"
page_content.innerHTML = '</a></p><h2 style="text-align: center; margin-top: 5em; margin-bottom: .4em;"><a href="/"+PAGE_LANG+"/datasets">404 - Page Not Found</a></h2><a href="/"+PAGE_LANG+"/datasets">' + errorText;
}
});
</a>
__proto.destroy = function () {
preact.render("", this.tempElement);
this.off();
this.tempElement = null;
this.innerMoveable = null;
};
const main = locale => {
if (target) {
const store = initStore(options, locale, messages);
render(
,
target,
);
createMask(store);
}
};
hostElements.forEach(function (elm) {
var hostNode = elm;
if (hostNode._habitat) {
return;
}
hostNode._habitat = true;
var props = collectPropsFromElement(elm, defaultProps) || defaultProps;
if(cleanRoot) {
hostNode.innerHTML = "";
}
return render(h(widget, props), hostNode, root);
});
};
<div>Hello Preact CSS</div>
)
}
Comp.css = `
h1{
color: red;
}
`
Preact.render(, document.querySelector('#root'))
//Test Multiple rendering only append style once
Preact.render(, document.querySelector('#root2'))
class CompB extends Preact.Component {
static css = `
h1{
color: green;
}
`
render() {
return <>
<h1>
I'm green
</h1>
<div>
I'm black</div>
import { render } from "preact";
import App from './components/App';
if (typeof window !== "undefined") {
render(, document.body);
}
import { h, render } from 'preact';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
import './index.css';
import './i18n';
render(, document.getElementById('root'));
registerServiceWorker();
function init () {
let App = require('./components/app').default
root = render(, document.body, root)
}
{conference.city} {conference.year}
))}
)
}
render(, document.getElementById('app'));