From 564d6e211239bc2f8e051f555ead8d953d07ebf6 Mon Sep 17 00:00:00 2001 From: dominiksta Date: Thu, 1 Aug 2024 19:01:56 +0200 Subject: [PATCH] ops: fix docs page base folder --- packages/docs/assets/_fonts.scss | 40 +++++++++---------- packages/docs/content/_index.md | 16 ++++---- .../content/docs/components/00-overview.md | 2 +- .../docs/components/03-state-and-rendering.md | 6 +-- .../components/04-props-and-attributes.md | 2 +- .../content/docs/components/05-styling.md | 2 +- .../content/docs/reactivity/01-overview.md | 4 +- packages/docs/content/docs/reference.md | 2 +- .../layouts/partials/docs/inject/head.html | 6 +-- .../docs/static/js/app/codeview/codeview.js | 4 +- .../docs/static/js/app/codeview/sandbox.js | 4 +- 11 files changed, 44 insertions(+), 44 deletions(-) diff --git a/packages/docs/assets/_fonts.scss b/packages/docs/assets/_fonts.scss index d62761b..c6ae5d5 100644 --- 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 index 2aa9d6e..d91aba9 100644 --- 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 --- - +
Mvui "Minimum Viable UI" @@ -30,11 +30,11 @@ export default class CounterComponent extends Component { {{}}

- + => Get Started - + => API Reference

@@ -59,15 +59,15 @@ 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. {{}} @@ -75,7 +75,7 @@ reactivity. {{}} ## 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 index 4e28cb8..6e8601d 100644 --- 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 index 37cde71..7f7eedf 100644 --- 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 index 1ff7158..1a1312d 100644 --- 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. {{}} diff --git a/packages/docs/content/docs/components/05-styling.md b/packages/docs/content/docs/components/05-styling.md index 6e64f62..58f27bb 100644 --- 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 index 7d530f6..38fe955 100644 --- 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); {{}} 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 index 5467835..1178d2c 100644 --- 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 --- - + diff --git a/packages/docs/layouts/partials/docs/inject/head.html b/packages/docs/layouts/partials/docs/inject/head.html index df298ce..e83da79 100644 --- a/packages/docs/layouts/partials/docs/inject/head.html +++ b/packages/docs/layouts/partials/docs/inject/head.html @@ -1,13 +1,13 @@ - + diff --git a/packages/docs/static/js/app/codeview/codeview.js b/packages/docs/static/js/app/codeview/codeview.js index a371d91..4cec081 100644 --- 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 index 84da474..4495121 100644 --- 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(); }