Skip to content

Commit e5b5deb

Browse files
jaehjaeh
committedFeb 7, 2021
docs: update
·
v0.0.156v0.0.104
1 parent 0b1f3ec commit e5b5deb

File tree

20 files changed

+54
-54
lines changed

20 files changed

+54
-54
lines changed
 

‎docs/404.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>404 - not found</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="404 - not found."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div>404 - not found.</div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>404 - not found</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="404 - not found."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div>404 - not found.</div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/build/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>external data</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h3>external data</h3><p>This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json.</p><p><h4>state.data</h4><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">{</code><code class="line"> <span class="string">&quot;data&quot;</span>: {</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;external data&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json.&quot;</span></code><code class="line"> }</code><code class="line">}</code></pre></div></p></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>external data</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h3>external data</h3><p>This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json.</p><p><h4>state.data</h4><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">{</code><code class="line"> <span class="string">&quot;data&quot;</span>: {</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;external data&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;This is some static data, loaded via example/app.mjs#build and from example/assets/data/index.json.&quot;</span></code><code class="line"> }</code><code class="line">}</code></pre></div></p></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/concepts/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -14,4 +14,4 @@
1414
you can define functions that get transpiled into serverside lambdas.
1515
server side lambdas will be available for GET and/or POST requests.</p><p>the server side function signature is (req, res) =&gt; {},
1616
as it is in most nodejs http servers,
17-
with the addition of req.body being async =&gt; awaited before execution of the lambda.</p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
17+
with the addition of req.body being async =&gt; awaited before execution of the lambda.</p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/files/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
<a href="https://github.com/jaeh/node-zopfli-es" target="_blank" rel="noopener">node-zopfli-es</a>
66
(if it is installed)</p><h2 id="themes">/assets/themes</h2><p>the themes directory contains... themes.</p><p>a magic theme is an object of css rules, see
77
<a href="https://github.com/magic/css/" target="_blank" rel="noopener">@magic/css</a>
8-
for more examples and documentation.</p><h3 id="themes-example">example theme</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> <span class="string">&#39;body&#39;</span>: {</code><code class="line"> color: <span class="string">&#39;blue&#39;</span>,</code><code class="line"> },</code><code class="line">}</code></pre></div><h2 id="app">/assets/app.mjs</h2><p>the /app.mjs file allows you to set global state, actions, and styles</p><h3 id="app-example">example /app.mjs</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> state: {</code><code class="line"> globalStateVar: <span class="string">&#39;globally available&#39;</span>,</code><code class="line"> },</code><code class="line"> actions: {</code><code class="line"> globalAction: () <span class="keyword">=&gt;</span> ({ globalStateVar: <span class="string">&#39;overwritten.&#39;</span> }),</code><code class="line"> },</code><code class="line"> style: {</code><code class="line"> <span class="string">&#39;body&#39;</span>: {</code><code class="line"> color: <span class="string">&#39;green&#39;</span>,</code><code class="line"> },</code><code class="line"> },</code><code class="line">}</code></pre></div><h2 id="config">/config.mjs</h2><p>the /config.mjs file allows you to set various aspects of your app</p><h3 id="config-example">example /config.mjs</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> ROOT: <span class="string">&#39;example&#39;</span>,</code><code class="line"> THEME: <span class="string">&#39;blue&#39;</span>,</code><code class="line"> WEB_ROOT: <span class="string">&#39;/core/&#39;</span>,</code><code class="line"></code><code class="line"> <span class="comment">// <span class="keyword">this</span> option adds the</span></code><code class="line"> <span class="comment">// &#39;X-Clacks-Overhead&#39;, &#39;GNU Terry Pratchet&#39;</span></code><code class="line"> <span class="comment">// http header</span></code><code class="line"> <span class="comment">// see <a href="http://www.gnuterrypratchett.com/" target="_blank" rel="noopener">http://www.gnuterrypratchett.com/</a></span></code><code class="line"> FOR_DEATH_CAN_NOT_HAVE_HIM: true,</code><code class="line"></code><code class="line"> <span class="comment">// <span class="keyword">default</span> CLIENT_LIB_NAME, overwrite to change names of transpiled css and js files</span></code><code class="line"> CLIENT_LIB_NAME: <span class="string">&#39;magic&#39;</span>,</code><code class="line">}</code></pre></div><a href="https://github.com/magic/core/blob/master/src/modules/Menu.mjs" target="_blank" rel="noopener">Menu.mjs on github</a></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
8+
for more examples and documentation.</p><h3 id="themes-example">example theme</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> <span class="string">&#39;body&#39;</span>: {</code><code class="line"> color: <span class="string">&#39;blue&#39;</span>,</code><code class="line"> },</code><code class="line">}</code></pre></div><h2 id="app">/assets/app.mjs</h2><p>the /app.mjs file allows you to set global state, actions, and styles</p><h3 id="app-example">example /app.mjs</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> state: {</code><code class="line"> globalStateVar: <span class="string">&#39;globally available&#39;</span>,</code><code class="line"> },</code><code class="line"> actions: {</code><code class="line"> globalAction: () <span class="keyword">=&gt;</span> ({ globalStateVar: <span class="string">&#39;overwritten.&#39;</span> }),</code><code class="line"> },</code><code class="line"> style: {</code><code class="line"> <span class="string">&#39;body&#39;</span>: {</code><code class="line"> color: <span class="string">&#39;green&#39;</span>,</code><code class="line"> },</code><code class="line"> },</code><code class="line">}</code></pre></div><h2 id="config">/config.mjs</h2><p>the /config.mjs file allows you to set various aspects of your app</p><h3 id="config-example">example /config.mjs</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">default</span> {</code><code class="line"> ROOT: <span class="string">&#39;example&#39;</span>,</code><code class="line"> THEME: <span class="string">&#39;blue&#39;</span>,</code><code class="line"> WEB_ROOT: <span class="string">&#39;/core/&#39;</span>,</code><code class="line"></code><code class="line"> <span class="comment">// <span class="keyword">this</span> option adds the</span></code><code class="line"> <span class="comment">// &#39;X-Clacks-Overhead&#39;, &#39;GNU Terry Pratchet&#39;</span></code><code class="line"> <span class="comment">// http header</span></code><code class="line"> <span class="comment">// see <a href="http://www.gnuterrypratchett.com/" target="_blank" rel="noopener">http://www.gnuterrypratchett.com/</a></span></code><code class="line"> FOR_DEATH_CAN_NOT_HAVE_HIM: true,</code><code class="line"></code><code class="line"> <span class="comment">// <span class="keyword">default</span> CLIENT_LIB_NAME, overwrite to change names of transpiled css and js files</span></code><code class="line"> CLIENT_LIB_NAME: <span class="string">&#39;magic&#39;</span>,</code><code class="line">}</code></pre></div><a href="https://github.com/magic/core/blob/master/src/modules/Menu.mjs" target="_blank" rel="noopener">Menu.mjs on github</a></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,4 +17,4 @@
1717
serverless lambdas, derived from the
1818
<a href="https://github.com/magic-modules/" target="_blank" rel="noopener">@magic-modules</a>
1919
you use in your pages.</p><p>this makes visitor statistics, user authentication and authorization,
20-
chat, and all other server side services possible.</p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
20+
chat, and all other server side services possible.</p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/libraries/index.html

+1-1
Large diffs are not rendered by default.

‎docs/magic.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/modules/example/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic-modules/example</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic-modules example module."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li class="active"><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h1 id="magic-modulesexample">@magic-modules/example</h1><h2 id="custom-module">custom module</h2><div class="Mod"><h3>Mod.Mod</h3><p>this is Mod. it gets loaded from <a href="https://github.com/magic/core/blob/master/example/assets/modules/Mod.mjs" target="_blank" rel="noopener">/assets/modules/Mod.mjs</a></p><p>the state of this module: </p></div><div class="Component"><h5>Mod Component Title, passed via props</h5><p>Component, a second component in <a href="https://github.com/magic/core/blob/master/example/assets/modules/Component.mjs" target="_blank" rel="noopener">/assets/modules/Component.mjs</a></p></div><h3 id="mod-sourcecode">Mod sourcecode:</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = <span class="state">state</span> <span class="keyword">=&gt;</span></code><code class="line"> div({ class: <span class="string">&#39;Mod&#39;</span> }, [</code><code class="line"> h3(<span class="string">&#39;Mod.Mod&#39;</span>),</code><code class="line"> p([</code><code class="line"> <span class="string">&#39;this is Mod. it gets loaded from &#39;</span>,</code><code class="line"> Link({ to: <span class="string">&#39;https://github.com/magic/core/blob/master/example/assets/modules/Mod.mjs&#39;</span> }, <span class="string">&#39;/assets/modules/Mod.mjs&#39;</span>),</code><code class="line"> <span class="string">&#39; automatically, no need to import it.&#39;</span>,</code><code class="line"> ]),</code><code class="line"> p([<span class="string">&#39;the state of this module: &#39;</span>, JSON.stringify(state.module)]),</code><code class="line"> ])</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> <span class="state">state</span> = {</code><code class="line"> module: {</code><code class="line"> test: <span class="string">&#39;testing&#39;</span>,</code><code class="line"> },</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> style = {</code><code class="line"> margin: <span class="string">&#39;0 0 1em&#39;</span>,</code><code class="line"> padding: <span class="string">&#39;0.5em&#39;</span>,</code><code class="line"> border: <span class="string">&#39;1px solid&#39;</span>,</code><code class="line"> borderColor: <span class="string">&#39;green&#39;</span>,</code><code class="line"></code><code class="line"> h3: {</code><code class="line"> margin: 0,</code><code class="line"> },</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> global = {</code><code class="line"> state: {</code><code class="line"> module: true,</code><code class="line"> },</code><code class="line">}</code></pre></div><h3 id="component-sourcecode">Component sourcecode:</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = props <span class="keyword">=&gt;</span> {</code><code class="line"> props = <span class="keyword">typeof</span> props === <span class="string">&#39;string&#39;</span> ? { header: props } : props</code><code class="line"> CHECK_PROPS(props, propTypes, <span class="string">&#39;Component&#39;</span>)</code><code class="line"> <span class="keyword">const</span> header = props.header || props.title</code><code class="line"></code><code class="line"> <span class="keyword">return</span> div({ class: <span class="string">&#39;Component&#39;</span> }, \[</code><code class="line"> header &amp;&amp; h5(header),</code><code class="line"> p([</code><code class="line"> <span class="string">&#39;Component, a second component in &#39;</span>,</code><code class="line"> Link(</code><code class="line"> { to: <span class="string">&#39;https://github.com/magic/core/blob/master/example/assets/modules/Component.mjs&#39;</span> },</code><code class="line"> <span class="string">&#39;/assets/modules/Component.mjs&#39;</span>,</code><code class="line"> ),</code><code class="line"> ]),</code><code class="line"> ])</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> style = {</code><code class="line"> border: <span class="string">&#39;1px solid orange&#39;</span>,</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> propTypes = {</code><code class="line"> Component: [{ key: <span class="string">&#39;header&#39;</span>, type: [<span class="string">&#39;string&#39;</span>, <span class="string">&#39;array&#39;</span>], required: [<span class="string">&#39;title&#39;</span>] }],</code><code class="line">}</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic-modules/example</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic-modules example module."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li class="active"><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h1 id="magic-modulesexample">@magic-modules/example</h1><h2 id="custom-module">custom module</h2><div class="Mod"><h3>Mod.Mod</h3><p>this is Mod. it gets loaded from <a href="https://github.com/magic/core/blob/master/example/assets/modules/Mod.mjs" target="_blank" rel="noopener">/assets/modules/Mod.mjs</a></p><p>the state of this module: </p></div><div class="Component"><h5>Mod Component Title, passed via props</h5><p>Component, a second component in <a href="https://github.com/magic/core/blob/master/example/assets/modules/Component.mjs" target="_blank" rel="noopener">/assets/modules/Component.mjs</a></p></div><h3 id="mod-sourcecode">Mod sourcecode:</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = <span class="state">state</span> <span class="keyword">=&gt;</span></code><code class="line"> div({ class: <span class="string">&#39;Mod&#39;</span> }, [</code><code class="line"> h3(<span class="string">&#39;Mod.Mod&#39;</span>),</code><code class="line"> p([</code><code class="line"> <span class="string">&#39;this is Mod. it gets loaded from &#39;</span>,</code><code class="line"> Link({ to: <span class="string">&#39;https://github.com/magic/core/blob/master/example/assets/modules/Mod.mjs&#39;</span> }, <span class="string">&#39;/assets/modules/Mod.mjs&#39;</span>),</code><code class="line"> <span class="string">&#39; automatically, no need to import it.&#39;</span>,</code><code class="line"> ]),</code><code class="line"> p([<span class="string">&#39;the state of this module: &#39;</span>, JSON.stringify(state.module)]),</code><code class="line"> ])</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> <span class="state">state</span> = {</code><code class="line"> module: {</code><code class="line"> test: <span class="string">&#39;testing&#39;</span>,</code><code class="line"> },</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> style = {</code><code class="line"> margin: <span class="string">&#39;0 0 1em&#39;</span>,</code><code class="line"> padding: <span class="string">&#39;0.5em&#39;</span>,</code><code class="line"> border: <span class="string">&#39;1px solid&#39;</span>,</code><code class="line"> borderColor: <span class="string">&#39;green&#39;</span>,</code><code class="line"></code><code class="line"> h3: {</code><code class="line"> margin: 0,</code><code class="line"> },</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> global = {</code><code class="line"> state: {</code><code class="line"> module: true,</code><code class="line"> },</code><code class="line">}</code></pre></div><h3 id="component-sourcecode">Component sourcecode:</h3><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = props <span class="keyword">=&gt;</span> {</code><code class="line"> props = <span class="keyword">typeof</span> props === <span class="string">&#39;string&#39;</span> ? { header: props } : props</code><code class="line"> CHECK_PROPS(props, propTypes, <span class="string">&#39;Component&#39;</span>)</code><code class="line"> <span class="keyword">const</span> header = props.header || props.title</code><code class="line"></code><code class="line"> <span class="keyword">return</span> div({ class: <span class="string">&#39;Component&#39;</span> }, \[</code><code class="line"> header &amp;&amp; h5(header),</code><code class="line"> p([</code><code class="line"> <span class="string">&#39;Component, a second component in &#39;</span>,</code><code class="line"> Link(</code><code class="line"> { to: <span class="string">&#39;https://github.com/magic/core/blob/master/example/assets/modules/Component.mjs&#39;</span> },</code><code class="line"> <span class="string">&#39;/assets/modules/Component.mjs&#39;</span>,</code><code class="line"> ),</code><code class="line"> ]),</code><code class="line"> ])</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> style = {</code><code class="line"> border: <span class="string">&#39;1px solid orange&#39;</span>,</code><code class="line">}</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> propTypes = {</code><code class="line"> Component: [{ key: <span class="string">&#39;header&#39;</span>, type: [<span class="string">&#39;string&#39;</span>, <span class="string">&#39;array&#39;</span>], required: [<span class="string">&#39;title&#39;</span>] }],</code><code class="line">}</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/modules/html/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>html file example</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="this module gets imported from a html file."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li class="active"><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h2>html file example</h2><p>this module gets imported from a html file.</p><p>see <a href="https://github.com/magic/core/blob/master/example/pages/modules/html.html" target="_blank" rel="noopener">this html file</a> for an example.</p><p>all html valid in &lt;body&gt; can be used, excluding the &lt;script&gt; and &lt;style&gt; tags.</p><p>the state looks like the following, and any valid json is allowed</p><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">---</code><code class="line">@state</code><code class="line">{</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;markdown file example&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;markdown file description&quot;</span></code><code class="line">}</code><code class="line">---</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>html file example</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="this module gets imported from a html file."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li class="active"><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h2>html file example</h2><p>this module gets imported from a html file.</p><p>see <a href="https://github.com/magic/core/blob/master/example/pages/modules/html.html" target="_blank" rel="noopener">this html file</a> for an example.</p><p>all html valid in &lt;body&gt; can be used, excluding the &lt;script&gt; and &lt;style&gt; tags.</p><p>the state looks like the following, and any valid json is allowed</p><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">---</code><code class="line">@state</code><code class="line">{</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;markdown file example&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;markdown file description&quot;</span></code><code class="line">}</code><code class="line">---</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/modules/index.html

+1-1
Large diffs are not rendered by default.

‎docs/modules/markdown/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
11
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>markdown file example</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="markdown file description"/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li class="active"><a href="/core/modules/markdown/">markdown</a></li><li><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h2 id="markdown-file-example">markdown file example</h2><p>markdown file description</p><p>this module gets imported from a markdown file.</p><p>see <a href="https://github.com/magic/core/blob/master/example/pages/modules/markdown.md" target="_blank" rel="noopener">this file in the example dir</a> for an example.</p><p>any kind of markdown can be used here,
22
but if you use html natively,
33
only tags valid in a html5 body, excluding &lt;script&gt; and &lt;style&gt; tags, are accepted.</p><h3 id="a-list">a list:</h3><ul><li><a href="https://magic.github.io" target="_blank" rel="noopener">@magic/core</a></li><li><a href="https://magic-libraries.github.io" target="_blank" rel="noopener">@magic-libraries</a></li><li><a href="https://magic-modules.github.io" target="_blank" rel="noopener">@magic-modules</a></li><li><a href="https://magic-themes.github.io" target="_blank" rel="noopener">@magic-themes</a></li></ul><h3 id="state">state</h3><p>this markdown file also starts with a magic @state declaration.
4-
it is used internally to, for example, add the title and meta rel=&quot;description&quot; tags to the head of this html file.</p><p>the state looks like the following, and any valid json is allowed</p><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">---</code><code class="line">@state</code><code class="line">{</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;markdown file example&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;markdown file description&quot;</span></code><code class="line">}</code><code class="line">---</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
4+
it is used internally to, for example, add the title and meta rel=&quot;description&quot; tags to the head of this html file.</p><p>the state looks like the following, and any valid json is allowed</p><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">---</code><code class="line">@state</code><code class="line">{</code><code class="line"> <span class="string">&quot;title&quot;</span>: <span class="string">&quot;markdown file example&quot;</span>,</code><code class="line"> <span class="string">&quot;description&quot;</span>: <span class="string">&quot;markdown file description&quot;</span></code><code class="line">}</code><code class="line">---</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/modules/preinstalled/index.html

+1-1
Large diffs are not rendered by default.

‎docs/modules/propTypes/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic-modules/prop-types</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic-modules/prop-types documentation."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h1 id="magic-modulesprop-types">@magic-modules/prop-types</h1><h2 id="check-props">CHECK_PROPS</h2><p>@magic-modules can export a .propTypes object with an array of prop types.</p><h4 id="#example">example</h4><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = (prop1, prop2, prop3) <span class="keyword">=&gt;</span> [</code><code class="line"> p(prop1),</code><code class="line"> p(prop2),</code><code class="line"> p(prop3),</code><code class="line">]</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> propTypes = [</code><code class="line"> { name: <span class="string">&#39;prop1&#39;</span>, type: <span class="string">&#39;string&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop2&#39;</span>, type: <span class="string">&#39;number&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop3&#39;</span>, type: <span class="string">&#39;array&#39;</span>, items: <span class="string">&#39;string&#39;</span> },</code><code class="line"> {</code><code class="line"> name: <span class="string">&#39;prop4&#39;</span>,</code><code class="line"> type: <span class="string">&#39;object&#39;</span>,</code><code class="line"> items: [</code><code class="line"> { name: <span class="string">&#39;prop4prop1&#39;</span>, type: <span class="string">&#39;string&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop4prop2&#39;</span>, type: <span class="string">&#39;number&#39;</span> },</code><code class="line"> ] },</code><code class="line">]</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic-modules/prop-types</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic-modules/prop-types documentation."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a><ul><li><a href="/core/modules/#definition">definition</a></li><li><a href="/core/modules/#usage">usage</a></li><li><a href="/core/modules/#gl-magic-modules">@magic-modules</a></li><li><a href="/core/modules/example/">custom modules</a></li><li><a href="/core/modules/preinstalled/">preinstalled</a></li><li><a href="/core/modules/markdown/">markdown</a></li><li><a href="/core/modules/html/">html</a></li></ul></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h1 id="magic-modulesprop-types">@magic-modules/prop-types</h1><h2 id="check-props">CHECK_PROPS</h2><p>@magic-modules can export a .propTypes object with an array of prop types.</p><h4 id="#example">example</h4><div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> View = (prop1, prop2, prop3) <span class="keyword">=&gt;</span> [</code><code class="line"> p(prop1),</code><code class="line"> p(prop2),</code><code class="line"> p(prop3),</code><code class="line">]</code><code class="line"></code><code class="line"><span class="keyword">export</span> <span class="keyword">const</span> propTypes = [</code><code class="line"> { name: <span class="string">&#39;prop1&#39;</span>, type: <span class="string">&#39;string&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop2&#39;</span>, type: <span class="string">&#39;number&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop3&#39;</span>, type: <span class="string">&#39;array&#39;</span>, items: <span class="string">&#39;string&#39;</span> },</code><code class="line"> {</code><code class="line"> name: <span class="string">&#39;prop4&#39;</span>,</code><code class="line"> type: <span class="string">&#39;object&#39;</span>,</code><code class="line"> items: [</code><code class="line"> { name: <span class="string">&#39;prop4prop1&#39;</span>, type: <span class="string">&#39;string&#39;</span> },</code><code class="line"> { name: <span class="string">&#39;prop4prop2&#39;</span>, type: <span class="string">&#39;number&#39;</span> },</code><code class="line"> ] },</code><code class="line">]</code></pre></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/news/2019/12/22/blogging/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,4 +3,4 @@
33
but can be overwritten by adding them to the config.BLOG_DIR dir of your @magic app.</p><p>to use the blog,
44
create an archive dir, for example
55
<div class="Pre lines"><div class="menu"><button>copy</button></div><pre><code class="line">src/blog/2019/12/22/</code></pre></div></p><p>then just add the blogposts in that directory structure.</p><p>@magic will automagically build a blog directory for you,
6-
including the archives for yearly, monthly and overall blog posts.</p><p>more information following soon.</p><h4>Blog Archives:</h4><p><a href="/core/news/2019/">year: 2019</a></p><p><a href="/core/news/2019/12/">month: 12 2019</a></p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
6+
including the archives for yearly, monthly and overall blog posts.</p><p>more information following soon.</p><h4>Blog Archives:</h4><p><a href="/core/news/2019/">year: 2019</a></p><p><a href="/core/news/2019/12/">month: 12 2019</a></p></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/news/2019/12/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h3>12 - 2019</h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><h3>12 - 2019</h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/news/2019/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h2>2019</h2><h3><a href="/core/news/2019/12/">12</a></h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h2>2019</h2><h3><a href="/core/news/2019/12/">12</a></h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/news/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li class="active"><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h2><a href="/core/news/2019/">2019</a></h2><h3><a href="/core/news/2019/12/">12</a></h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?jjP4ec25FR" integrity="sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K" crossorigin="anonymous"></script></body></html>
1+
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="icon" href="/core/favicon.ico"/><title>@magic/core documentation</title><meta name="twitter:image" property="og:image" content="https://magic.github.io/core/core/logo.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="@magic/core documentation. tells you why, how and when to use @magic. also provides an overview of all @magic functionality this ecosystem provides."/><meta name="author" content="Jascha Ehrenreich"/><script type="application/ld+json">{"@context":"http://schema.org","@type":"website","name":"@magic/core documentation","url":"https://magic.github.io/core","about":"@magic framework core.","image":"https://magic.github.io/core/core/logo.png","author":{"@type":"person","name":"Jascha Ehrenreich","jobTitle":"Technomancer","image":"https:/jaeh.at/img/jascha.ehrenreich.jpg","url":"https://jaeh.at"}}</script><link rel="stylesheet" href="/core/magic.css?JsePX/EMkI" integrity="sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG" crossorigin="anonymous"/></head><body><a class="SkipLink" href="/core/#page">Skip to Content</a><main id="Magic"><div class="Wrapper"><header class="Header"><div><a class="Logo" href="/core/"><svg viewBox="0 0 512 444"><path d="M512 444L256 0 0 444z" fill="#663695"></path><circle cx="256" cy="294" r="130" fill="#fff"></circle><circle cx="256" cy="281" r="40" fill="#663695"></circle><path d="M256 350v44m24-44l1 13c1 27 29 27 29-7m-160-72s46-47 106-47c59 0 106 47 106 47s-47 43-106 43c-60 0-106-43-106-43zm65-75a134 134 0 0189 2" class="stroke"></path><path d="M256 81v53m184 270l-43-29M72 404l43-29" class="stroke white"></path></svg></a><p>@magic</p><nav class="Menu"><ul><li><a href="/core/concepts/">concepts</a></li><li><a href="/core/files/">files &amp; directories</a></li><li><a href="/core/modules/">modules</a></li><li><a href="/core/themes/">themes</a></li><li><a href="/core/libraries/">libraries</a></li><li class="active"><a href="/core/news/">news</a></li></ul></nav></div></header><div class="Page" id="page"><div><h2><a href="/core/news/2019/">2019</a></h2><h3><a href="/core/news/2019/12/">12</a></h3><div><h4>22-12-2019 - <a href="/core/news/2019/12/22/blogging/">blogging...</a></h4><p>@magic has a blog now.</p></div></div></div><footer class="Footer"><div class="Container"><div class="Credits">made with a few bits of <a target="_blank" rel="noopener" href="https://magic.github.io/">magic</a></div></div></footer></div></main><script src="/core/magic.js?ZPQgLw+zfi" integrity="sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR" crossorigin="anonymous"></script></body></html>

‎docs/sitemap.xml

+17-17
Original file line numberDiff line numberDiff line change
@@ -7,119 +7,119 @@
77

88
<url>
99
<loc>https://magic.github.io/core/</loc>
10-
<lastmod>2021-01-28</lastmod>
10+
<lastmod>2021-02-07</lastmod>
1111
<changefreq>weekly</changefreq>
1212
<priority>0.5</priority>
1313
</url>
1414

1515
<url>
1616
<loc>https://magic.github.io/core/404/</loc>
17-
<lastmod>2021-01-28</lastmod>
17+
<lastmod>2021-02-07</lastmod>
1818
<changefreq>weekly</changefreq>
1919
<priority>0.5</priority>
2020
</url>
2121

2222
<url>
2323
<loc>https://magic.github.io/core/build/</loc>
24-
<lastmod>2021-01-28</lastmod>
24+
<lastmod>2021-02-07</lastmod>
2525
<changefreq>weekly</changefreq>
2626
<priority>0.5</priority>
2727
</url>
2828

2929
<url>
3030
<loc>https://magic.github.io/core/concepts/</loc>
31-
<lastmod>2021-01-28</lastmod>
31+
<lastmod>2021-02-07</lastmod>
3232
<changefreq>weekly</changefreq>
3333
<priority>0.5</priority>
3434
</url>
3535

3636
<url>
3737
<loc>https://magic.github.io/core/files/</loc>
38-
<lastmod>2021-01-28</lastmod>
38+
<lastmod>2021-02-07</lastmod>
3939
<changefreq>weekly</changefreq>
4040
<priority>0.5</priority>
4141
</url>
4242

4343
<url>
4444
<loc>https://magic.github.io/core/libraries/</loc>
45-
<lastmod>2021-01-28</lastmod>
45+
<lastmod>2021-02-07</lastmod>
4646
<changefreq>weekly</changefreq>
4747
<priority>0.5</priority>
4848
</url>
4949

5050
<url>
5151
<loc>https://magic.github.io/core/modules/</loc>
52-
<lastmod>2021-01-28</lastmod>
52+
<lastmod>2021-02-07</lastmod>
5353
<changefreq>weekly</changefreq>
5454
<priority>0.5</priority>
5555
</url>
5656

5757
<url>
5858
<loc>https://magic.github.io/core/modules/example/</loc>
59-
<lastmod>2021-01-28</lastmod>
59+
<lastmod>2021-02-07</lastmod>
6060
<changefreq>weekly</changefreq>
6161
<priority>0.5</priority>
6262
</url>
6363

6464
<url>
6565
<loc>https://magic.github.io/core/modules/html/</loc>
66-
<lastmod>2021-01-28</lastmod>
66+
<lastmod>2021-02-07</lastmod>
6767
<changefreq>weekly</changefreq>
6868
<priority>0.5</priority>
6969
</url>
7070

7171
<url>
7272
<loc>https://magic.github.io/core/modules/markdown/</loc>
73-
<lastmod>2021-01-28</lastmod>
73+
<lastmod>2021-02-07</lastmod>
7474
<changefreq>weekly</changefreq>
7575
<priority>0.5</priority>
7676
</url>
7777

7878
<url>
7979
<loc>https://magic.github.io/core/modules/preinstalled/</loc>
80-
<lastmod>2021-01-28</lastmod>
80+
<lastmod>2021-02-07</lastmod>
8181
<changefreq>weekly</changefreq>
8282
<priority>0.5</priority>
8383
</url>
8484

8585
<url>
8686
<loc>https://magic.github.io/core/modules/propTypes/</loc>
87-
<lastmod>2021-01-28</lastmod>
87+
<lastmod>2021-02-07</lastmod>
8888
<changefreq>weekly</changefreq>
8989
<priority>0.5</priority>
9090
</url>
9191

9292
<url>
9393
<loc>https://magic.github.io/core/news/</loc>
94-
<lastmod>2021-01-28</lastmod>
94+
<lastmod>2021-02-07</lastmod>
9595
<changefreq>weekly</changefreq>
9696
<priority>0.5</priority>
9797
</url>
9898

9999
<url>
100100
<loc>https://magic.github.io/core/themes/</loc>
101-
<lastmod>2021-01-28</lastmod>
101+
<lastmod>2021-02-07</lastmod>
102102
<changefreq>weekly</changefreq>
103103
<priority>0.5</priority>
104104
</url>
105105

106106
<url>
107107
<loc>https://magic.github.io/core/news/2019/</loc>
108-
<lastmod>2021-01-28</lastmod>
108+
<lastmod>2021-02-07</lastmod>
109109
<changefreq>weekly</changefreq>
110110
<priority>0.5</priority>
111111
</url>
112112

113113
<url>
114114
<loc>https://magic.github.io/core/news/2019/12/</loc>
115-
<lastmod>2021-01-28</lastmod>
115+
<lastmod>2021-02-07</lastmod>
116116
<changefreq>weekly</changefreq>
117117
<priority>0.5</priority>
118118
</url>
119119

120120
<url>
121121
<loc>https://magic.github.io/core/news/2019/12/22/blogging/</loc>
122-
<lastmod>2021-01-28</lastmod>
122+
<lastmod>2021-02-07</lastmod>
123123
<changefreq>weekly</changefreq>
124124
<priority>0.5</priority>
125125
</url>

‎docs/sri-hashes.json

+19-19
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
11
{
22
"/magic.css": "sha384-JsePX/EMkIQmcYS+C30e+T3aTVb0vwHITFHrAdAd7erYPWxxtlwSOEsrQzQN3AmG",
3-
"/magic.js": "sha384-jjP4ec25FRA2Smc4yTph4RmsT9i1M2Hshrv2WyTIZ4yXh4SooGFLUCVOfxZCXH5K",
4-
"/core/": "sha384-DQ79+ThAdLCqxrPiYGbquRwZlfSmw1RuHrvSN74WUeqji+OMhSk+jLKtHAUdEG45",
5-
"/core/404/": "sha384-yVY8BEd6FVGVJnjybsmUASbqyqSAADkJZ60twR5vNRnl4m4Q4otlMId9DB16Bb4C",
6-
"/core/build/": "sha384-/1KbbCrApIi3Z69SnZ28G63bhaegMZnQOVod9kiVTBuDgHQTEkxoeEvIb+GkQ9+c",
7-
"/core/concepts/": "sha384-WcR0ctqjjo3mE5cbJ3A2pPqAKHBb7ehulp8sjvBp84RlN9SD/B5RUfGXd5U5f3Qy",
8-
"/core/files/": "sha384-BR3kXH0U3Oo0tzRb3yn/P5Mj7ACD55tEdA780f0odt0u1XrcmStnzwEot7VS0AIm",
9-
"/core/libraries/": "sha384-a/IHOND8xM7+vC/SrbUjBEechPbHnWibMJ5f84cmkhSnHw6x8D4n7VdYKO2saU2X",
10-
"/core/modules/": "sha384-aj9HCmphq97W0vkFSCytvBsGkOP0xNSGAscykc5ANYBKiXxFBNwSrIiDqhrR/+VG",
11-
"/core/modules/example/": "sha384-jcqPcHdoFOVEB01YNoTnp8HIaSAMq4zNboMrXaOYisSy+O9dXAV8vkdoGr41PieS",
12-
"/core/modules/html/": "sha384-b5qpx/2CYF7YWITTuMOreC7MpAQKJwWrtXTi2RZEAudhYyZUm4fBZw8VSdbFBJr8",
13-
"/core/modules/markdown/": "sha384-Fdyfz22XFsGkmjyia4R8+/Lw3ET9VZdmxyLerMxftP+auF8eJDL1zvBgLPm8Bzi6",
14-
"/core/modules/preinstalled/": "sha384-Cq93GlYjxOzT4LkU0iU3sPa1+7s7xeAKp8ofLBkEfZ2iTRe2I1oCivw80Kr5BPSA",
15-
"/core/modules/propTypes/": "sha384-xPMH8t65RMWnhP6OKsL5faS9L4XArFij5o9X8qIcZ2AP2EZLonG9fUlNiECnqcuK",
16-
"/core/news/": "sha384-CabTomZGr5z53cNc7x4KLj0b6f39MtfZ3k2b9tE3Nmb+ge5J/VTHdbwJo6Es6hBk",
17-
"/core/news/2019/": "sha384-DQWzhmL+7vvpvn/7nJkRxQGz4sdOkpRRZHWGqpaHGwWCXmhfHITCrixkbvgoL+D/",
18-
"/core/news/2019/12/": "sha384-8A5kIxwYyHrJUR0K0iMeXY05cpYLih7fxNCRLMIXly/2PEQ0UcGMglLoSde8FYFU",
19-
"/core/news/2019/12/22/blogging/": "sha384-i069++W/JNJc1bicLK3ZdsSr5HB6GyAE73ih153q6+XRhtRuqYtXgTzN8mYm/KQn",
20-
"/core/themes/": "sha384-mCQE+B6bo4ahl71MqWuM0EH7BkO/c0pWotn8dxeesIEnw81whM4s896Mf/JLVh8n",
3+
"/magic.js": "sha384-ZPQgLw+zfiVp6OBece4vaIB/hb6IW+TP5IZQcmtc9hWQ6RByM+wrKeM20xciPVJR",
4+
"/core/": "sha384-YyREpu5vOPoYbLN7eIJAxYmnj74nPgY7i9HQ6tHskjGe97EBkitj44QyRA7HYzgi",
5+
"/core/404/": "sha384-IQcPdPXbv74uJGQxWjo9DI/bdIIVBzUaRuRTuAfn0sGsb/MasuKMj6ngSe+OEn0l",
6+
"/core/build/": "sha384-L4Qg5tVCIPhicxo1RKzxIzz9NmvsknJJNP/ltBX1q5/UmEPv3J7nSUE+bJIXnKJg",
7+
"/core/concepts/": "sha384-ImP+XHxJW3341lLxkx/vW4vf93ZY9M44J1FqhVfMhF7Dr04OBjMeqq1bV6NBSwv0",
8+
"/core/files/": "sha384-G/e6Rb47xe0nQBZvMQmLP2wggEcEvS3h5H3kVQPx72ARIvctuf+CK2F0SrSWB4kv",
9+
"/core/libraries/": "sha384-SgJON+i8iZPn33++3SRksI5wSe0D7na732dFpWiuRwDqCP8tDx7I5exqmciVmWpM",
10+
"/core/modules/": "sha384-f2eabOXfVALeD0qmOEcO/GIkgaemJUUG0W/a9IYvq7UTGYIDyI0gcQh/9KHpRJI8",
11+
"/core/modules/example/": "sha384-LpMwPzMljj/rffzwlOZsGMxAHFHhnJvqwBVbYJyrnLPVYZtN0OsJUNXyh6T5K0V2",
12+
"/core/modules/html/": "sha384-3JRspp/aYYMy73u+aWPcdhHHrZpXq5E5l8igEdyMxa3U7SLznAgfhD5jXbCPyXSe",
13+
"/core/modules/markdown/": "sha384-yqlEuD0V7ZiBAzVZg4ur0vUpy7ymDcPmX4VEDPGvhig/8Gz+6gzYd50Y6vbF+OAd",
14+
"/core/modules/preinstalled/": "sha384-FwptOsnj4WMXGAdccHyGfOTNy4zVs/XcI2ra5o3moEMO5wLS/mImJCPC31MrMkGD",
15+
"/core/modules/propTypes/": "sha384-IUO3cxfMNvUkJrd/60hG2F9WzJuYQMfILz6+6YJBuCGP5LAgdZPk4Hpa4Ax9ewbm",
16+
"/core/news/": "sha384-Wv+d9Q/LzeV7TJAmA/8WFNAired0EFUm3wx3HqJDijw5WalSv4eHVm3CpZTULPSl",
17+
"/core/news/2019/": "sha384-Vli3O3hrMIUz8KuGG+ymPjlC7A11aP9mKoAj0RezfAGlSM8Ipg4k0NNqU+QfQRHN",
18+
"/core/news/2019/12/": "sha384-iGj3u7xRFAIbykj3ttlQz+Z5ZAXoAWnm529Lm/0wdCUAU0zryikmYVWuihNJJ93e",
19+
"/core/news/2019/12/22/blogging/": "sha384-WxWb0CRelX68GiB5otkuJR0xcB/yecyLG5TghQg78XCg7dpBFSPdR5YxRUZ41FYA",
20+
"/core/themes/": "sha384-8cGKPTIkJT12dQGnEvQf+yACOElGuTZyEFy8WCWJe3didvD2RqJMXZg5LLK3nVUG",
2121
"/robots.txt": "sha384-UJ99rKaWQNOb1b2yL4/2XX6B6Gjr6ZeSk6CJfZ5lw/AUGmwgmUfFx1v0bnK+q/0O",
22-
"/sitemap.xml": "sha384-cIH4IUWxFrhaX4eACvuLvO+W36LRBaCxcxziJcYPNf3bqKtMfDc2SBVMWCPrMw79"
22+
"/sitemap.xml": "sha384-Q7kKC9PxCS9rHJZMh0l1BAaDBXO1HWNhU5yhq/XdRAGMyTnUyFAT28zoqJpWRT7S"
2323
}

‎docs/themes/index.html

+1-1
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)
Please sign in to comment.