Updates

grucloud · Sep 10, 2024 · 19c2cba · 19c2cba
1 parent 0fa0d37
commit 19c2cba
Show file tree

Hide file tree

Showing 22 changed files with 18,178 additions and 18 deletions.
diff --git a/bau-ui/assets/index-CoEgg7z_.js b/bau-ui/assets/index-CoEgg7z_.js
diff --git a/bau-ui/assets/index-RYBf6lei.js b/bau-ui/assets/index-RYBf6lei.js
diff --git a/bau-ui/assets/myComponent-B8W3Hpri.js b/bau-ui/assets/myComponent-B8W3Hpri.js
@@ -0,0 +1 @@
+function u(t){const{bau:o,css:s}=t,{div:n}=o.tags,e=s``;return function({message:a}){return n({class:e},n("Heavy Component"),n(a))}}export{u as default};
diff --git a/bau-ui/index.html b/bau-ui/index.html
@@ -9,7 +9,7 @@
       name="description"
       content="BauUI: a component library built with Bau, an alternative to React, Vue, Angular, Svelte."
     />
-    <script type="module" crossorigin src="/bau/bau-ui/assets/index-9546d9b0.js"></script>
+    <script type="module" crossorigin src="/bau/bau-ui/assets/index-RYBf6lei.js"></script>
   </head>
   <body>
     <div id="app"></div>
@@ -22,6 +22,5 @@
         }
       })();
     </script>
-
   </body>
 </html>
diff --git a/bausaurus/assets/bau/bausaurus/docs/Commands.md-BOogq7dZ.js b/bausaurus/assets/bau/bausaurus/docs/Commands.md-BOogq7dZ.js
@@ -0,0 +1,57 @@
+const frontmatter = { "title": "Commands" };
+const toc = { "children": [{ "value": "Start the development environment", "id": "start-the-development-environment", "level": 2, "children": [] }, { "value": "Build a production website", "id": "build-a-production-website", "level": 2, "children": [] }, { "value": "Preview the production build", "id": "preview-the-production-build", "level": 2, "children": [] }] };
+const breadcrumbs = [{ "name": "Commands", "href": "docs/Commands" }];
+const paginationNav = { "previous": { "name": "Installation", "href": "docs/Installation" }, "next": { "name": "Configuration", "href": "docs/Configuration" } };
+const contentHtml = `<h1 id="commands">Commands</h1>
+<p>The workflow consists of 3 npm commands:</p>
+<ul>
+<li>dev</li>
+<li>build</li>
+<li>preview</li>
+</ul>
+<h2 id="start-the-development-environment">Start the development environment</h2>
+<p>The <strong>dev</strong> npm command starts a development web server, a browser will be opened automatically.</p>
+<pre><code class="language-sh hljs" data-code="npm run dev
+" style="position: relative;">npm run dev
+</code></pre>
+<p>At the stage, every file modified will lead to a refresh of the page</p>
+<h2 id="build-a-production-website">Build a production website</h2>
+<p>The <strong>build</strong> npm command builds the production website, html pages are generated, that will include the relevant CSS and Javascript.</p>
+<pre><code class="language-sh hljs" data-code="npm run build
+" style="position: relative;">npm run build
+</code></pre>
+<pre><code class="language-sh hljs" data-code="✓ 36 modules transformed.
+dist/index.html                            0.55 kB │ gzip: 0.36 kB
+dist/assets/navBarTree-376faf68.js         0.26 kB │ gzip: 0.16 kB
+dist/assets/docs/Styling.md-8ac7db80.js    0.38 kB │ gzip: 0.23 kB
+dist/assets/docs/index.md-64c8cc52.js      2.72 kB │ gzip: 0.99 kB
+dist/assets/index-df98441b.js              4.79 kB │ gzip: 1.66 kB
+dist/assets/docs/Markdown.md-654ea1c4.js   7.47 kB │ gzip: 1.74 kB
+dist/assets/utils-021c5fbc.js             20.09 kB │ gzip: 5.88 kB
+dist/assets/docAppEntry-bf8caf30.js       21.64 kB │ gzip: 6.31 kB
+✓ built in 245ms
+" style="position: relative;">✓ 36 modules transformed.
+dist/index.html                            0.55 kB │ gzip: 0.36 kB
+dist/assets/navBarTree-376faf68.js         0.26 kB │ gzip: 0.16 kB
+dist/assets/docs/Styling.md-8ac7db80.js    0.38 kB │ gzip: 0.23 kB
+dist/assets/docs/index.md-64c8cc52.js      2.72 kB │ gzip: 0.99 kB
+dist/assets/index-df98441b.js              4.79 kB │ gzip: 1.66 kB
+dist/assets/docs/Markdown.md-654ea1c4.js   7.47 kB │ gzip: 1.74 kB
+dist/assets/utils-021c5fbc.js             20.09 kB │ gzip: 5.88 kB
+dist/assets/docAppEntry-bf8caf30.js       21.64 kB │ gzip: 6.31 kB
+✓ built in 245ms
+</code></pre>
+<p>By default, files are generated into the <strong>dist</strong> directory.</p>
+<h2 id="preview-the-production-build">Preview the production build</h2>
+<p>Before deploying the site, you may want to verify the production website locally.</p>
+<p>The <strong>preview</strong> npm command starts a web server and a web browser pointing the production build.</p>
+<pre><code class="language-sh hljs" data-code="npm run preview
+" style="position: relative;">npm run preview
+</code></pre>`;
+export {
+  breadcrumbs,
+  contentHtml,
+  frontmatter,
+  paginationNav,
+  toc
+};
diff --git a/bausaurus/assets/bau/bausaurus/docs/Configuration.md-CcijoVeO.js b/bausaurus/assets/bau/bausaurus/docs/Configuration.md-CcijoVeO.js
@@ -0,0 +1,58 @@
+const frontmatter = { "title": "Configuration" };
+const toc = { "children": [] };
+const breadcrumbs = [{ "name": "Configuration", "href": "docs/Configuration" }];
+const paginationNav = { "previous": { "name": "Commands", "href": "docs/Commands" }, "next": { "name": "Markdown", "href": "docs/Markdown" } };
+const contentHtml = `<h1 id="configuration">Configuration</h1>
+<p>The configuration file is called <strong>bausaurus.config.js</strong>, its content allows to specify how the web site will be generated.</p>
+<pre><code class="language-js hljs" data-code="import { App } from &quot;./src/appDoc/App.js&quot;;
+
+export default ({ rootDir }) => {
+  return {
+    docApp: App,
+    viteConfig: {
+      base: &quot;/&quot;,
+      build: { outDir: &quot;dist/&quot; },
+    },
+    site: {
+      rootDir,
+      srcDir: &quot;docs&quot;,
+      title: &quot;My super duper website&quot;,
+      description: &quot;A description of your website&quot;,
+      keywords: [&quot;Some tags&quot;, &quot;My Other Tags&quot;],
+      lang: &quot;en&quot;,
+      favicon: &quot;/my-logo.svg&quot;,
+      base: &quot;/docs/&quot;,
+      outDir: &quot;dist/docs&quot;,
+    },
+  };
+};
+" style="position: relative;"><span class="hljs-keyword">import</span> { <span class="hljs-title class_">App</span> } <span class="hljs-keyword">from</span> <span class="hljs-string">"./src/appDoc/App.js"</span>;
+
+<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> ({ rootDir }) =&gt; {
+  <span class="hljs-keyword">return</span> {
+    <span class="hljs-attr">docApp</span>: <span class="hljs-title class_">App</span>,
+    <span class="hljs-attr">viteConfig</span>: {
+      <span class="hljs-attr">base</span>: <span class="hljs-string">"/"</span>,
+      <span class="hljs-attr">build</span>: { <span class="hljs-attr">outDir</span>: <span class="hljs-string">"dist/"</span> },
+    },
+    <span class="hljs-attr">site</span>: {
+      rootDir,
+      <span class="hljs-attr">srcDir</span>: <span class="hljs-string">"docs"</span>,
+      <span class="hljs-attr">title</span>: <span class="hljs-string">"My super duper website"</span>,
+      <span class="hljs-attr">description</span>: <span class="hljs-string">"A description of your website"</span>,
+      <span class="hljs-attr">keywords</span>: [<span class="hljs-string">"Some tags"</span>, <span class="hljs-string">"My Other Tags"</span>],
+      <span class="hljs-attr">lang</span>: <span class="hljs-string">"en"</span>,
+      <span class="hljs-attr">favicon</span>: <span class="hljs-string">"/my-logo.svg"</span>,
+      <span class="hljs-attr">base</span>: <span class="hljs-string">"/docs/"</span>,
+      <span class="hljs-attr">outDir</span>: <span class="hljs-string">"dist/docs"</span>,
+    },
+  };
+};
+</code></pre>`;
+export {
+  breadcrumbs,
+  contentHtml,
+  frontmatter,
+  paginationNav,
+  toc
+};
diff --git a/bausaurus/assets/bau/bausaurus/docs/Installation.md-BCibpAm4.js b/bausaurus/assets/bau/bausaurus/docs/Installation.md-BCibpAm4.js
@@ -0,0 +1,41 @@
+const frontmatter = { "title": "Installation" };
+const toc = { "children": [{ "value": "Grab the boilerplate code", "id": "grab-the-boilerplate-code", "level": 2, "children": [] }, { "value": "Install the dependencies", "id": "install-the-dependencies", "level": 2, "children": [] }, { "value": "Boilerplate content", "id": "boilerplate-content", "level": 2, "children": [] }] };
+const breadcrumbs = [{ "name": "Installation", "href": "docs/Installation" }];
+const paginationNav = { "previous": { "name": "Introduction", "href": "docs/index" }, "next": { "name": "Commands", "href": "docs/Commands" } };
+const contentHtml = `<h1 id="installation">Installation</h1>
+<h2 id="grab-the-boilerplate-code">Grab the boilerplate code</h2>
+<p>Fetch the boilerplate code and store it for instance at <strong>my-site-doc</strong>:</p>
+<pre><code class="language-sh hljs" data-code="npx degit github:grucloud/bau/bausaurus/example/bausaurus-template my-site-doc
+" style="position: relative;">npx degit github:grucloud/bau/bausaurus/example/bausaurus-template my-site-doc
+</code></pre>
+<h2 id="install-the-dependencies">Install the dependencies</h2>
+<pre><code class="language-sh hljs" data-code="cd my-site-doc
+npm install
+" style="position: relative;">cd my-site-doc
+npm install
+</code></pre>
+<h2 id="boilerplate-content">Boilerplate content</h2>
+<pre><code class="language-txt hljs" data-code="├── bausaurus.config.js  - Configure your SSG site.
+├── docs                 - Your Markdown files goes here.
+├── package.json         - Configure your npm dependencies
+├── public               - Store your images and assets in the public directory.
+└── src
+    ├── appDoc           - support code for the SSG: navigation tree, table of content, breadcrumbs etc ...
+    ├── appLanding       - Landing app: a Client Side Rendered web app for your landing page.
+    └── views            - Common components: Header, Footer, NotFound
+" style="position: relative;">├── bausaurus.config.js  - Configure your SSG site.
+├── docs                 - Your Markdown files goes here.
+├── package.json         - Configure your npm dependencies
+├── public               - Store your images and assets in the public directory.
+└── src
+    ├── appDoc           - support code for the SSG: navigation tree, table of content, breadcrumbs etc ...
+    ├── appLanding       - Landing app: a Client Side Rendered web app for your landing page.
+    └── views            - Common components: Header, Footer, NotFound
+</code></pre>`;
+export {
+  breadcrumbs,
+  contentHtml,
+  frontmatter,
+  paginationNav,
+  toc
+};
diff --git a/bausaurus/assets/bau/bausaurus/docs/Markdown.md-APP6aAeU.js b/bausaurus/assets/bau/bausaurus/docs/Markdown.md-APP6aAeU.js
@@ -0,0 +1,185 @@
+const frontmatter = { "title": "Markdown" };
+const toc = { "children": [{ "value": "Note", "id": "note", "level": 2, "children": [{ "value": "Input", "id": "input", "level": 3, "children": [] }, { "value": "Output", "id": "output", "level": 3, "children": [] }] }, { "value": "Syntax highlighter", "id": "syntax-highlighter", "level": 2, "children": [{ "value": "Shell command", "id": "shell-command", "level": 3, "children": [{ "value": "Input", "id": "input", "level": 4, "children": [] }, { "value": "Output", "id": "output", "level": 4, "children": [] }] }, { "value": "Source Code", "id": "source-code", "level": 3, "children": [{ "value": "Input", "id": "input", "level": 4, "children": [] }, { "value": "Output", "id": "output", "level": 4, "children": [] }] }, { "value": "Inline Source Code", "id": "inline-source-code", "level": 3, "children": [{ "value": "Input", "id": "input", "level": 4, "children": [] }, { "value": "Output", "id": "output", "level": 4, "children": [] }] }] }, { "value": "Table", "id": "table", "level": 2, "children": [{ "value": "Input", "id": "input", "level": 3, "children": [] }, { "value": "Output", "id": "output", "level": 3, "children": [] }] }, { "value": "Links", "id": "links", "level": 2, "children": [{ "value": "Input", "id": "input", "level": 3, "children": [] }, { "value": "Output", "id": "output", "level": 3, "children": [] }] }, { "value": "Embed HTML", "id": "embed-html", "level": 2, "children": [{ "value": "Input", "id": "input", "level": 3, "children": [] }, { "value": "Output", "id": "output", "level": 3, "children": [] }] }] };
+const breadcrumbs = [{ "name": "Markdown", "href": "docs/Markdown" }];
+const paginationNav = { "previous": { "name": "Configuration", "href": "docs/Configuration" } };
+const contentHtml = `<h1 id="markdown">Markdown</h1>
+<p>The Markdown format allows to write content with a simple syntax.</p>
+<h2 id="note">Note</h2>
+<p>Example of note:</p>
+<h3 id="input">Input</h3>
+<pre><code class="language-sh hljs" data-code="> A note starts with the > symbol
+" style="position: relative;"><span class="hljs-meta prompt_">&gt; </span>A note starts with the &gt; symbol
+</code></pre>
+<h3 id="output">Output</h3>
+<blockquote>
+<p>A note starts with the &gt; symbol</p>
+</blockquote>
+<h2 id="syntax-highlighter">Syntax highlighter</h2>
+<p>The code syntax highligh feature is provided thanks to the <a href="https://highlightjs.org/">highlight.js</a> library.</p>
+<h3 id="shell-command">Shell command</h3>
+<p>Example of shell command:</p>
+<h4 id="input">Input</h4>
+<pre><code class="language-sh hljs" data-code="\`\`\`sh
+$ rm -rf /
+\`\`\`
+" style="position: relative;">\`\`\`sh
+<span class="hljs-meta prompt_">$ </span>rm -rf /
+\`\`\`
+</code></pre>
+<h4 id="output">Output</h4>
+<pre><code class="language-sh hljs" data-code="$ rm -rf /
+" style="position: relative;"><span class="hljs-meta prompt_">$ </span>rm -rf /
+</code></pre>
+<h3 id="source-code">Source Code</h3>
+<p>Example of Javascript code:</p>
+<h4 id="input">Input</h4>
+<pre><code class="language-sh hljs" data-code="\`\`\`js
+exports.createResources = () => [
+  {
+    type: &quot;Topic&quot;,
+    group: &quot;SNS&quot;,
+    name: &quot;my-topic&quot;,
+    properties: ({}) => ({
+      Attributes: {
+        DisplayName: &quot;My Topic&quot;,
+      },
+    }),
+  },
+];
+\`\`\`
+" style="position: relative;">\`\`\`js
+exports.createResources = () =&gt; [
+  {
+    type: "Topic",
+    group: "SNS",
+    name: "my-topic",
+    properties: ({}) =&gt; ({
+      Attributes: {
+        DisplayName: "My Topic",
+      },
+    }),
+  },
+];
+\`\`\`
+</code></pre>
+<h4 id="output">Output</h4>
+<pre><code class="language-js hljs" data-code="exports.createResources = () => [
+  {
+    type: &quot;Topic&quot;,
+    group: &quot;SNS&quot;,
+    name: &quot;my-topic&quot;,
+    properties: ({}) => ({
+      Attributes: {
+        DisplayName: &quot;My Topic&quot;,
+      },
+    }),
+  },
+];
+" style="position: relative;"><span class="hljs-built_in">exports</span>.<span class="hljs-property">createResources</span> = <span class="hljs-function">() =&gt;</span> [
+  {
+    <span class="hljs-attr">type</span>: <span class="hljs-string">"Topic"</span>,
+    <span class="hljs-attr">group</span>: <span class="hljs-string">"SNS"</span>,
+    <span class="hljs-attr">name</span>: <span class="hljs-string">"my-topic"</span>,
+    <span class="hljs-attr">properties</span>: <span class="hljs-function">(<span class="hljs-params">{}</span>) =&gt;</span> ({
+      <span class="hljs-title class_">Attributes</span>: {
+        <span class="hljs-title class_">DisplayName</span>: <span class="hljs-string">"My Topic"</span>,
+      },
+    }),
+  },
+];
+</code></pre>
+<h3 id="inline-source-code">Inline Source Code</h3>
+<h4 id="input">Input</h4>
+<pre><code class="language-txt hljs" data-code="One can use \`inline code\` with backtick
+" style="position: relative;">One can use \`inline code\` with backtick
+</code></pre>
+<h4 id="output">Output</h4>
+<p>One can use <code>inline code</code> with backtick</p>
+<h2 id="table">Table</h2>
+<h3 id="input">Input</h3>
+<pre><code class="language-txt hljs" data-code="|                                            | GruCloud | Terraform | AWS CDK |
+| ------------------------------------------ | -------- | --------- | ------- |
+| Generate code from existing infrastructure | Yes      | No        | No      |
+| General-purpose language                   | Yes      | No        | Yes     |
+| Multi-cloud                                | Yes      | Yes       | No      |
+" style="position: relative;">|                                            | GruCloud | Terraform | AWS CDK |
+| ------------------------------------------ | -------- | --------- | ------- |
+| Generate code from existing infrastructure | Yes      | No        | No      |
+| General-purpose language                   | Yes      | No        | Yes     |
+| Multi-cloud                                | Yes      | Yes       | No      |
+</code></pre>
+<h3 id="output">Output</h3>
+<table>
+<thead>
+<tr>
+<th></th>
+<th>GruCloud</th>
+<th>Terraform</th>
+<th>AWS CDK</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Generate code from existing infrastructure</td>
+<td>Yes</td>
+<td>No</td>
+<td>No</td>
+</tr>
+<tr>
+<td>General-purpose language</td>
+<td>Yes</td>
+<td>No</td>
+<td>Yes</td>
+</tr>
+<tr>
+<td>Multi-cloud</td>
+<td>Yes</td>
+<td>Yes</td>
+<td>No</td>
+</tr>
+</tbody>
+</table>
+<h2 id="links">Links</h2>
+<h3 id="input">Input</h3>
+<pre><code class="language-sh hljs" data-code="- [Commands](./Commands.md)
+" style="position: relative;">- [Commands](./Commands.md)
+</code></pre>
+<h3 id="output">Output</h3>
+<ul>
+<li><a href="./Commands.md">Commands</a></li>
+</ul>
+<h2 id="embed-html">Embed HTML</h2>
+<p>Any HTML content can be inserted into the Markdown file, for instance, an <em>iframe</em>:</p>
+<h3 id="input">Input</h3>
+<pre><code class="language-html hljs" data-code="<iframe
+      title=&quot;gc new&quot;
+      data-autoplay
+      src=&quot;https://asciinema.org/a/daLrxnF4qNuuUksSugIBjmi2F/iframe?autoplay=true&amp;amp;speed=2&amp;amp;loop=true&quot;
+      id=&quot;asciicast-iframe-13761&quot;
+      name=&quot;asciicast-iframe-13761&quot;
+      scrolling=&quot;no&quot;
+      style=&quot;width: 100%;height: 500px&quot;>
+    </iframe>
+</div>
+" style="position: relative;"><span class="hljs-tag">&lt;<span class="hljs-name">iframe</span>
+      <span class="hljs-attr">title</span>=<span class="hljs-string">"gc new"</span>
+      <span class="hljs-attr">data-autoplay</span>
+      <span class="hljs-attr">src</span>=<span class="hljs-string">"https://asciinema.org/a/daLrxnF4qNuuUksSugIBjmi2F/iframe?autoplay=true<span class="hljs-symbol">&amp;amp;</span>speed=2<span class="hljs-symbol">&amp;amp;</span>loop=true"</span>
+      <span class="hljs-attr">id</span>=<span class="hljs-string">"asciicast-iframe-13761"</span>
+      <span class="hljs-attr">name</span>=<span class="hljs-string">"asciicast-iframe-13761"</span>
+      <span class="hljs-attr">scrolling</span>=<span class="hljs-string">"no"</span>
+      <span class="hljs-attr">style</span>=<span class="hljs-string">"width: 100%;height: 500px"</span>&gt;</span>
+    <span class="hljs-tag">&lt;/<span class="hljs-name">iframe</span>&gt;</span>
+<span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span>
+</code></pre>
+<h3 id="output">Output</h3>
+<div>
+    <iframe title="gc new" data-autoplay="" src="https://asciinema.org/a/daLrxnF4qNuuUksSugIBjmi2F/iframe?autoplay=true&amp;speed=2&amp;loop=true" id="asciicast-iframe-13761" name="asciicast-iframe-13761" scrolling="no" style="width: 100%;height: 500px"></iframe></div>
+`;
+export {
+  breadcrumbs,
+  contentHtml,
+  frontmatter,
+  paginationNav,
+  toc
+};
diff --git a/bausaurus/assets/bau/bausaurus/docs/Styling.md-C1hEkPun.js b/bausaurus/assets/bau/bausaurus/docs/Styling.md-C1hEkPun.js
@@ -0,0 +1,13 @@
+const frontmatter = { "title": "Styling" };
+const toc = { "children": [] };
+const breadcrumbs = [];
+const paginationNav = void 0;
+const contentHtml = `<h1 id="styling">Styling</h1>
+<p>Styling</p>`;
+export {
+  breadcrumbs,
+  contentHtml,
+  frontmatter,
+  paginationNav,
+  toc
+};
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		function u(t){const{bau:o,css:s}=t,{div:n}=o.tags,e=s``;return function({message:a}){return n({class:e},n("Heavy Component"),n(a))}}export{u as default};