ops: fix docs page base folder

dominiksta · Aug 1, 2024 · 564d6e2 · 564d6e2
1 parent d9c0abe
commit 564d6e2
Show file tree

Hide file tree

Showing 11 changed files with 44 additions and 44 deletions.
diff --git a/packages/docs/assets/_fonts.scss b/packages/docs/assets/_fonts.scss
@@ -8,8 +8,8 @@
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 400;
-  src: url('../fonts/ubuntu-mono-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('../fonts/ubuntu-mono-v15-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-mono-v15-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-mono-v15-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-mono-italic - latin */
@@ -18,8 +18,8 @@
   font-family: 'Ubuntu Mono';
   font-style: italic;
   font-weight: 400;
-  src: url('../fonts/ubuntu-mono-v15-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('../fonts/ubuntu-mono-v15-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-mono-v15-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-mono-v15-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-mono-700 - latin */
@@ -28,8 +28,8 @@
   font-family: 'Ubuntu Mono';
   font-style: normal;
   font-weight: 700;
-  src: url('../fonts/ubuntu-mono-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('../fonts/ubuntu-mono-v15-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-mono-v15-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-mono-v15-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-mono-700italic - latin */
@@ -38,8 +38,8 @@
   font-family: 'Ubuntu Mono';
   font-style: italic;
   font-weight: 700;
-  src: url('../fonts/ubuntu-mono-v15-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('../fonts/ubuntu-mono-v15-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-mono-v15-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-mono-v15-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 // ----------------------------------------------------------------------
@@ -52,8 +52,8 @@
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 400;
-  src: url('/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-italic - latin */
@@ -62,8 +62,8 @@
   font-family: 'Ubuntu';
   font-style: italic;
   font-weight: 400;
-  src: url('/fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-500 - latin */
@@ -72,8 +72,8 @@
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 500;
-  src: url('/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-500italic - latin */
@@ -82,8 +82,8 @@
   font-family: 'Ubuntu';
   font-style: italic;
   font-weight: 500;
-  src: url('/fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-500italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-700 - latin */
@@ -92,8 +92,8 @@
   font-family: 'Ubuntu';
   font-style: normal;
   font-weight: 700;
-  src: url('/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
 /* ubuntu-700italic - latin */
@@ -102,6 +102,6 @@
   font-family: 'Ubuntu';
   font-style: italic;
   font-weight: 700;
-  src: url('/fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
-       url('/fonts/ubuntu-v20-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+  src: url('/mvui/fonts/ubuntu-v20-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
+       url('/mvui/fonts/ubuntu-v20-latin-700italic.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
diff --git a/packages/docs/content/_index.md b/packages/docs/content/_index.md
@@ -3,7 +3,7 @@ title: "Home"
 date: 2023-03-05T22:27:45+01:00
 bookToC: false
 ---
-<img src="/icon.svg"  width="128" height="128" style="vertical-align: middle"> 
+<img src="/mvui/icon.svg"  width="128" height="128" style="vertical-align: middle">
 <div style="display: inline-block; vertical-align: middle">
   <span style="font-size: 250%; font-family: Ubuntu Mono; margin: 0px 10px">Mvui</span>
   <i style="font-size: 130%">"Minimum Viable UI"</i>
@@ -30,11 +30,11 @@ export default class CounterComponent extends Component {
 {{</codeview>}}
 
 <p style="text-align: center">
-<a class="get-started-btn" href="/docs/getting-started">
+<a class="get-started-btn" href="/mvui/docs/getting-started">
 => Get Started
 </a>
 
-<a style="background: #333333" class="get-started-btn" href="/reference/modules/">
+<a style="background: #333333" class="get-started-btn" href="/mvui/reference/modules/">
 => API Reference
 </a>
 </p>
@@ -59,23 +59,23 @@ would never want to use anything but Mvui ;)
 ## Fully Typesafe
 
 Have typescript yell at you in the templates - not just for
-[props](/docs/components/props-and-attributes/), but also for
-[events](/docs/components/events/) and [slots](/docs/components/slots/) in your templates!
+[props](docs/components/props-and-attributes/), but also for
+[events](docs/components/events/) and [slots](docs/components/slots/) in your templates!
 
 <--->
 ## Fine-Grained Reactivity
 
 State is managed with a combination of [Redux-like
-selectors](/docs/reactivity/synchronous/#deriving-state) for synchronous reactivity and
-[RxJS-like operators](/docs/reactivity/asynchronous/#operators) for asynchronous
+selectors](docs/reactivity/synchronous/#deriving-state) for synchronous reactivity and
+[RxJS-like operators](docs/reactivity/asynchronous/#operators) for asynchronous
 reactivity.
 
 {{</columns>}}
 
 {{<columns>}}
 ## Its JS all the way down
 
-Templates and [CSS](/docs/components/styling/) is defined using a simple javascript
+Templates and [CSS](docs/components/styling/) is defined using a simple javascript
 syntax. No special editor plugins needed for indentation, syntax-highlighting or
 auto-completion.
 

diff --git a/packages/docs/content/docs/components/00-overview.md b/packages/docs/content/docs/components/00-overview.md
@@ -12,4 +12,4 @@ rendering lifecycle, props, attributes, styling, events and slots.
 
 We will also discuss the very basics of reactivity to get you started, but since this is a
 rather complex topic, reactivity will be covered more in depth in [its own
-chapter](/docs/reactivity/overview/).
+chapter](/mvui/docs/reactivity/overview/).
diff --git a/packages/docs/content/docs/components/03-state-and-rendering.md b/packages/docs/content/docs/components/03-state-and-rendering.md
@@ -10,8 +10,8 @@ bookToC: false
 How a frontend framework handels rendering when some state is updated is arguably one of
 the most essential things about it. Roughly speaking, Mvui will render each component
 **only once**, when it is attached to the DOM (specifics will be discussed in the page on
-[Component Lifecycle](/docs/components/lifecycle/)). On a state change, Mvui will then
-only replace the relevant elements in the DOM.
+[Component Lifecycle](/mvui/docs/components/lifecycle/)). On a state change, Mvui will
+then only replace the relevant elements in the DOM.
 
 Recall the "counter" example from earlier:
 
@@ -41,7 +41,7 @@ is more similar to frameworks like Solid rather then React.
 
 What the example also shows is the most basic state container: `rx.State`. There are many
 more advanced state management mechanisms, but these will be covered later in the chapter
-on [reactivity](/docs/reactivity/overview/). Again, much like Solid, there is nothing
+on [reactivity](/mvui/docs/reactivity/overview/). Again, much like Solid, there is nothing
 stopping you from declaring state *anywhere*, even completely outside of the component
 tree:
 

diff --git a/packages/docs/content/docs/components/04-props-and-attributes.md b/packages/docs/content/docs/components/04-props-and-attributes.md
@@ -11,7 +11,7 @@ Props are the primary way of passing data *down* the component tree.
 
 
 Props are declared with the `props` class field as objects of the type
-[`prop`](/reference/rx/functions/prop/). You can then set them in a template elements
+[`prop`](/mvui/reference/rx/functions/prop/). You can then set them in a template elements
 parameters.
 
 {{<hint info>}}

diff --git a/packages/docs/content/docs/components/05-styling.md b/packages/docs/content/docs/components/05-styling.md
@@ -90,7 +90,7 @@ overwriting rules apply.
 
 CSS @-Rules have to be a little different syntactically, because some of them allow
 specifying a kind of "nested" sheet. All of them are available under the
-[`style.at`](/reference/style/variables/at) namespace. Below is an example of using a
+[`style.at`](/mvui/reference/style/variables/at) namespace. Below is an example of using a
 media query to make a component behave differently depending on the screen size.
 
 ```typescript

diff --git a/packages/docs/content/docs/reactivity/01-overview.md b/packages/docs/content/docs/reactivity/01-overview.md
@@ -48,8 +48,8 @@ console.log(plusOne.value);
 {{</codeview>}}
 
 And lastly, there are more frontend framework specific features such as a redux-like
-`Store`, a react-like `Context` or the [`handleStatus`](/docs/reactivity/data-fetching/)
-operator.
+`Store`, a react-like `Context` or the
+[`handleStatus`](/mvui/docs/reactivity/data-fetching/) operator.
 
 It should be mentioned that RxJS is of course a lot more feature-rich for asynchronous
 reactivity and battle-tested. There are likely some edge-cases where Mvui behaves slightly

diff --git a/packages/docs/content/docs/reference.md b/packages/docs/content/docs/reference.md
@@ -3,5 +3,5 @@ title: "API Reference"
 date: 2023-03-06T00:36:16+01:00
 ---
 
-<meta http-equiv="Refresh" content="0; url='/reference/modules'" />
+<meta http-equiv="Refresh" content="0; url='/mvui/reference/modules'" />
 
diff --git a/packages/docs/layouts/partials/docs/inject/head.html b/packages/docs/layouts/partials/docs/inject/head.html
@@ -1,13 +1,13 @@
-<link rel="icon" type="image/x-icon" href="/icon.svg">
+<link rel="icon" type="image/x-icon" href="/mvui/icon.svg">
 <link rel="stylesheet"
       href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/default.min.css">
 
 <script type="importmap">
   {
     "imports": {
-      "@mvuijs/core": "/js/mvui/core/mvui-core.js",
+      "@mvuijs/core": "/mvui/js/mvui/core/mvui-core.js",
       "@mvuijs/ui5": "https://unpkg.com/@mvuijs/ui5@1.19.0/dist/min/mvui-ui5.js",
-      "app/": "/js/app/"
+      "app/": "/mvui/js/app/"
     }
   }
 </script>

diff --git a/packages/docs/static/js/app/codeview/codeview.js b/packages/docs/static/js/app/codeview/codeview.js
@@ -1,6 +1,6 @@
 import { Component, h, rx, style } from '@mvuijs/core';
 import { Sandbox } from './sandbox.js';
-import '/js/ace-builds/src-noconflict/ace.js';
+import '/mvui/js/ace-builds/src-noconflict/ace.js';
 
 
 function getEditorHeight(editor){
@@ -66,7 +66,7 @@ export default class Codeview extends Component {
         editor.resize();
       })
 
-      ace.config.set('basePath', '/js/ace-builds/src-min-noconflict/');
+      ace.config.set('basePath', '/mvui/js/ace-builds/src-min-noconflict/');
       editor.session.setMode('ace/mode/typescript');
 
       this.onRemoved(style.currentTheme$.subscribe(async theme => {

diff --git a/packages/docs/static/js/app/codeview/sandbox.js b/packages/docs/static/js/app/codeview/sandbox.js
@@ -11,7 +11,7 @@ function injectImportMap(window_) {
   scriptEl.type = "importmap";
   scriptEl.innerHTML = JSON.stringify({
     'imports': {
-      '@mvuijs/core': '/js/mvui/core/mvui-core.js',
+      '@mvuijs/core': '/mvui/js/mvui/core/mvui-core.js',
       '@mvuijs/ui5': 'https://unpkg.com/@mvuijs/ui5@1.19.0/dist/min/mvui-ui5.js',
     }
   });
@@ -31,7 +31,7 @@ async function injectUserCode(window_, code) {
 
 async function getToInject() {
   // TODO: force cache
-  const resp = await fetch('/js/app/codeview/injected-in-iframe.js');
+  const resp = await fetch('/mvui/js/app/codeview/injected-in-iframe.js');
   return await resp.text();
 }