[feat](docs): update all docs URL to svelteui.dev

svelteuidev · Feb 12, 2024 · a854d0c · a854d0c
1 parent cd7fd19
commit a854d0c
Show file tree

Hide file tree

Showing 89 changed files with 111 additions and 111 deletions.
diff --git a/.github/ISSUE_TEMPLATE/docs_report.yml b/.github/ISSUE_TEMPLATE/docs_report.yml
@@ -1,4 +1,4 @@
-name: Report an issue with svelteui.org website
+name: Report an issue with svelteui.dev website
 description: Nothing is perfect, especially these docs, help us find and fix mistakes, bad wording, etc.
 body:
   - type: markdown

diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
@@ -27,7 +27,7 @@ jobs:
         run: |
           yarn build:docs
           touch apps/docs/build/.nojekyll
-          touch apps/docs/build/CNAME && echo 'www.svelteui.org' > apps/docs/build/CNAME
+          touch apps/docs/build/CNAME && echo 'www.svelteui.dev' > apps/docs/build/CNAME
 
       - name: Upload Artifacts
         uses: actions/upload-pages-artifact@v1

diff --git a/README.md b/README.md
@@ -17,7 +17,7 @@
   <p align="center">
    SvelteUI is an all inclusive Svelte library - Components, Actions, Utilities, Animations <br /> What more could you ask for ¯\_(ツ)_/¯
     <br />
-    <a href="https://svelteui.org/"><strong>Explore the docs »</strong></a>
+    <a href="https://svelteui.dev/"><strong>Explore the docs »</strong></a>
     <br />
     <a href="https://github.com/svelteuidev/svelteui/issues">Report Bug</a>
     ·
@@ -29,7 +29,7 @@
 
 ## **About The Project**
 
-[Read the Changelog](https://svelteui.org/changelog/v0-6-0)
+[Read the Changelog](https://svelteui.dev/changelog/v0-6-0)
 
 ### Features
 
@@ -44,17 +44,17 @@
 
 ## Packages
 
-**[`@svelteui/core`](https://svelteui.org/core/button)** - core components library with 40+ components
+**[`@svelteui/core`](https://svelteui.dev/core/button)** - core components library with 40+ components
 
-**[`@svelteui/composables`](https://svelteui.org/composables/use-click-outside)** - collection of 20+ useful actions and utilities
+**[`@svelteui/composables`](https://svelteui.dev/composables/use-click-outside)** - collection of 20+ useful actions and utilities
 
-**[`@svelteui/dates`](https://svelteui.org/dates/getting-started)** - calendars, date and time pickers based on SvelteUI components
+**[`@svelteui/dates`](https://svelteui.dev/dates/getting-started)** - calendars, date and time pickers based on SvelteUI components
 
-**[`@svelteui/preprocessors`](https://svelteui.org/preprocessors/view-source)** - Svelte preprocessor library to assist in many areas of development
+**[`@svelteui/preprocessors`](https://svelteui.dev/preprocessors/view-source)** - Svelte preprocessor library to assist in many areas of development
 
-**[`@svelteui/motion`](https://svelteui.org/motion/typewriter)** - collection of transitions to utilize on dom elements
+**[`@svelteui/motion`](https://svelteui.dev/motion/typewriter)** - collection of transitions to utilize on dom elements
 
-**[`@svelteui/prism`](https://svelteui.org/others/prism)** - code highlight component built with prism action
+**[`@svelteui/prism`](https://svelteui.dev/others/prism)** - code highlight component built with prism action
 
 <br />
 
@@ -72,7 +72,7 @@ I want to build a friendly community that is happy to help those who need it. He
 Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
 
 - If you have a suggestion that would make this project better, submit an issue
-- If you would like to directly contribute, read the [contribution guide](https://svelteui.org/contributing) then submit a PR
+- If you would like to directly contribute, read the [contribution guide](https://svelteui.dev/contributing) then submit a PR
 
 <br />
 

diff --git a/apps/docs/src/routes/core/menu/+page.md b/apps/docs/src/routes/core/menu/+page.md
@@ -138,7 +138,7 @@ By default,`Menu.Item` renders as buttons. To change that, set `root` prop on `M
 
 ```svelte
 // Regular anchor as Menu.Item root element
-<Menu.Item root="a" href="https://svelteui.org" target="_blank" />
+<Menu.Item root="a" href="https://svelteui.dev" target="_blank" />
 
 // Svelte component as Menu.Item root element
 <Menu.Item root={CustomComponent} />

diff --git a/packages/svelteui-composables/package.json b/packages/svelteui-composables/package.json
@@ -15,7 +15,7 @@
 		"state",
 		"dom"
 	],
-	"homepage": "https://svelteui.org",
+	"homepage": "https://svelteui.dev",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/svelteuidev/svelteui",

diff --git a/packages/svelteui-composables/src/actions/use-click-outside/use-click-outside.ts b/packages/svelteui-composables/src/actions/use-click-outside/use-click-outside.ts
@@ -26,7 +26,7 @@ import type { Action } from '../../shared/actions/types';
  * </div>
  * ```
  * @param params - Object that contains two properties {enabled: boolean, callback: (any) => unknown}
- * @see https://svelteui.org/actions/use-click-outside
+ * @see https://svelteui.dev/actions/use-click-outside
  */
 export function clickoutside(
 	node: HTMLElement,

diff --git a/packages/svelteui-composables/src/actions/use-clipboard/use-clipboard.ts b/packages/svelteui-composables/src/actions/use-clipboard/use-clipboard.ts
@@ -13,7 +13,7 @@ import type { Action } from '../../shared/actions/types';
  * ```
  *
  * @param text - The text that you want to be copied when the DOM element is clicked
- * @see https://svelteui.org/actions/use-clipboard
+ * @see https://svelteui.dev/actions/use-clipboard
  */
 export function clipboard(node: HTMLElement, text: string | (() => string)): ReturnType<Action> {
 	const click = async () => {

diff --git a/packages/svelteui-composables/src/actions/use-css-variable/use-css-variable.ts b/packages/svelteui-composables/src/actions/use-css-variable/use-css-variable.ts
@@ -28,7 +28,7 @@ import type { Action, UnknownKeyString } from '../../shared/actions/types';
  *   </style>
  * ```
  * @param props - A reactive object with properties that should be treated as css custom properties.
- * @see https://svelteui.org/actions/use-css-variable
+ * @see https://svelteui.dev/actions/use-css-variable
  */
 export function cssvariable(
 	node: HTMLElement,

diff --git a/packages/svelteui-composables/src/actions/use-download/use-download.ts b/packages/svelteui-composables/src/actions/use-download/use-download.ts
@@ -8,7 +8,7 @@ import type { Action } from '../../shared/actions/types';
  *  <button use:download={{ blob: new Blob([]), filename: "text.txt" }} on:usedownload={() => { console.log('download');}}>Download</button>
  * ```
  * @param params - Object that contains two properties {blob: Blob, filename: string}
- * @see https://svelteui.org/actions/use-download
+ * @see https://svelteui.dev/actions/use-download
  */
 export function download(
 	node: HTMLElement,

diff --git a/packages/svelteui-composables/src/actions/use-focus-trap/use-focus-trap.ts b/packages/svelteui-composables/src/actions/use-focus-trap/use-focus-trap.ts
@@ -11,7 +11,7 @@ import { createAriaHider } from './create-aria-hider';
  *    <input placeholder="Focused" />
  *  </div>
  * ```
- * @see https://svelteui.org/actions/use-focus-trap
+ * @see https://svelteui.dev/actions/use-focus-trap
  */
 export function focustrap(node: HTMLElement, active = true): ReturnType<Action> | undefined {
 	let restoreAria: (() => void) | null = null;

diff --git a/packages/svelteui-composables/src/actions/use-focus/use-focus.ts b/packages/svelteui-composables/src/actions/use-focus/use-focus.ts
@@ -6,7 +6,7 @@ import type { Action, FocusableElement } from '../../shared/actions/types';
  * ```tsx
  *  <input use:focus placeholder="Focused"/>
  * ```
- * @see https://svelteui.org/actions/use-focus
+ * @see https://svelteui.dev/actions/use-focus
  */
 export function focus(node: FocusableElement): ReturnType<Action> | undefined {
 	node.focus();

diff --git a/packages/svelteui-composables/src/actions/use-hot-key/use-hot-key.ts b/packages/svelteui-composables/src/actions/use-hot-key/use-hot-key.ts
@@ -25,7 +25,7 @@ function shouldFireEvent(event: KeyboardEvent) {
  *  </div>
  * ```
  * @param hotkeys - an array of HotKeyItem's which are arrays of key combinations and callback functions
- * @see https://svelteui.org/actions/use-hotkey
+ * @see https://svelteui.dev/actions/use-hotkey
  */
 export function hotkey(node: HTMLElement, hotkeys: HotkeyItem[]): ReturnType<Action> {
 	const keyDownListener = (event: KeyboardEvent) => {

diff --git a/packages/svelteui-composables/src/actions/use-lazy/use-lazy.ts b/packages/svelteui-composables/src/actions/use-lazy/use-lazy.ts
@@ -27,7 +27,7 @@ function observer() {
  *  <img use:lazy={{src:"/my-image"}} alt="My Image">
  * ```
  * @param attributes - an object whose properties are the attributes to be applied, and the values are the attr values
- * @see https://svelteui.org/actions/use-lazy
+ * @see https://svelteui.dev/actions/use-lazy
  */
 export function lazy(node: HTMLElement, attributes: Record<string, number | string>): ReturnType<Action> {
   nodeAttributesMap.set(node, attributes);

diff --git a/packages/svelteui-composables/src/actions/use-lock-scroll/use-lock-scroll.ts b/packages/svelteui-composables/src/actions/use-lock-scroll/use-lock-scroll.ts
@@ -24,7 +24,7 @@ interface LockScrollOptions {
  *
  * @param lock - A boolean to specify whether or not to lock the screen
  * @param options - An object to specify offset width
- * @see https://svelteui.org/actions/use-lock-scroll
+ * @see https://svelteui.dev/actions/use-lock-scroll
  */
 export function lockscroll(
 	node: HTMLElement,

diff --git a/packages/svelteui-composables/src/actions/use-long-press/use-long-press.ts b/packages/svelteui-composables/src/actions/use-long-press/use-long-press.ts
@@ -9,7 +9,7 @@ import type { Action } from '../../shared/actions/types';
  *  </button>
  * ```
  * @param duration - The duration until the longpress event is dispatched
- * @see https://svelteui.org/actions/use-longpress
+ * @see https://svelteui.dev/actions/use-longpress
  */
 export function longpress(node: HTMLElement, duration: number): ReturnType<Action> {
 	let timer: number;

diff --git a/packages/svelteui-composables/src/actions/use-move/use-move.ts b/packages/svelteui-composables/src/actions/use-move/use-move.ts
@@ -9,7 +9,7 @@ import type { Action } from '../../shared/actions/types';
  *     <div style="left: {position.x * 100}%; top: {position.y * 100}%;" />
  *  </div>
  * ```
- * @see https://svelteui.org/actions/use-move
+ * @see https://svelteui.dev/actions/use-move
  */
 export function move(node: HTMLElement): ReturnType<Action> {
 	let moving: boolean = false;

diff --git a/packages/svelteui-composables/src/actions/use-persistent-tab/use-persistent-tab.ts b/packages/svelteui-composables/src/actions/use-persistent-tab/use-persistent-tab.ts
@@ -7,7 +7,7 @@ import type { Action } from '../../shared/actions/types';
  *  <button use:persistenttab={true}>Keep tab open</button>
  * ```
  * @param enabled - Determines whether the action should execute or not.
- * @see https://svelteui.org/actions/use-persistenttab
+ * @see https://svelteui.dev/actions/use-persistenttab
  */
 export function persistenttab(node: HTMLElement, enabled: boolean): ReturnType<Action> {
 	function handler(e: BeforeUnloadEvent) {

diff --git a/packages/svelteui-composables/src/actions/use-portal/use-portal.ts b/packages/svelteui-composables/src/actions/use-portal/use-portal.ts
@@ -8,7 +8,7 @@ type Target = HTMLElement | string;
  * Usage: <div use:portal={'css selector'}> or <div use:portal={document.body}>
  *
  * @param target- DOM element or CSS selector to be appended to
- * @see https://svelteui.org/actions/use-portal
+ * @see https://svelteui.dev/actions/use-portal
  */
 export function portal(node: HTMLElement, target: Target = 'body'): ReturnType<Action> {
 	let targetNode;

diff --git a/packages/svelteui-composables/src/utilities/use-debounce/use-debounce.ts b/packages/svelteui-composables/src/utilities/use-debounce/use-debounce.ts
@@ -9,7 +9,7 @@ import type { DebounceFilterOptions, FunctionArgs } from '../../shared/utils';
  * @param opts options
  *
  * @return A new debounced function.
- * @see https://svelteui.org/composables/use-debounce
+ * @see https://svelteui.dev/composables/use-debounce
  */
 export function useDebounce<T extends FunctionArgs>(
 	fn: T,

diff --git a/packages/svelteui-composables/src/utilities/use-hash/use-hash.ts b/packages/svelteui-composables/src/utilities/use-hash/use-hash.ts
@@ -9,7 +9,7 @@ import { browser } from '../../shared/utilities/utils/index.js';
  *
  * @param prefix prefix that is applied to the hash - defaults to `svelteui`
  *
- * @see https://svelteui.org/utilities/hash
+ * @see https://svelteui.dev/utilities/hash
  */
 export function useHash(prefix: string = 'svelteui', persist: boolean = false): string {
 	if (persist && browser) {

diff --git a/packages/svelteui-composables/src/utilities/use-os/use-os.ts b/packages/svelteui-composables/src/utilities/use-os/use-os.ts
@@ -42,7 +42,7 @@ function getOS() {
  * }
  * ```
  *
- * @see https://svelteui.org/utilities/os
+ * @see https://svelteui.dev/utilities/os
  */
 export function useOs(): OS {
 	if (typeof window !== 'undefined') {

diff --git a/packages/svelteui-composables/src/utilities/use-raf-fn/use-raf-fn.ts b/packages/svelteui-composables/src/utilities/use-raf-fn/use-raf-fn.ts
@@ -32,7 +32,7 @@ const browser = isBrowser();
  *
  * @param fn callback function
  * @param options controls whether the callback is triggered immediately
- * @see https://svelteui.org/utilities/raf-fn
+ * @see https://svelteui.dev/utilities/raf-fn
  */
 export function useRafFn(fn: () => void, options: RafFnOptions = {}): Pauseable {
 	const { immediate = true } = options;

diff --git a/packages/svelteui-composables/src/utilities/use-throttle/use-throttle.ts b/packages/svelteui-composables/src/utilities/use-throttle/use-throttle.ts
@@ -11,7 +11,7 @@ import type { FunctionArgs } from '../../shared/utils';
  * @param leading if true, call fn on the leading edge of the ms timeout
  *
  * @return  A new throttled function.
- * @see https://svelteui.org/composables/use-throttle
+ * @see https://svelteui.dev/composables/use-throttle
  */
 export function useThrottle<T extends FunctionArgs>(
 	fn: T,

diff --git a/packages/svelteui-composables/src/utilities/use-web-worker/use-web-worker.ts b/packages/svelteui-composables/src/utilities/use-web-worker/use-web-worker.ts
@@ -18,7 +18,7 @@ export interface UseWebWorkerReturn {
 /**
  * Run expensive function without blocking the UI, using a simple syntax that makes use of Promise.
  *
- * @see https://svelteui.org/composables/use-web-worker
+ * @see https://svelteui.dev/composables/use-web-worker
  * @param fn
  * @param options
  */

diff --git a/packages/svelteui-core/README.md b/packages/svelteui-core/README.md
@@ -21,7 +21,7 @@ Instead of remaking the same components, recreating custom actions, transitions,
 
 # Installation
 
-See https://www.svelteui.org/installation for complete guide.
+See https://www.svelteui.dev/installation for complete guide.
 
 ```
 npm i @svelteuidev/core @svelteuidev/composables

diff --git a/packages/svelteui-core/package.json b/packages/svelteui-core/package.json
@@ -14,7 +14,7 @@
 		"design",
 		"stitches"
 	],
-	"homepage": "https://svelteui.org",
+	"homepage": "https://svelteui.dev",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/svelteuidev/svelteui",

diff --git a/packages/svelteui-core/src/components/Accordion/Accordion.svelte b/packages/svelteui-core/src/components/Accordion/Accordion.svelte
@@ -121,7 +121,7 @@
 
 Accordion component that allows the collapsing of each item.
 
-@see https://svelteui.org/core/accordion
+@see https://svelteui.dev/core/accordion
 @example
     ```svelte
     <Accordion defaultValue="typescript">

diff --git a/packages/svelteui-core/src/components/Accordion/AccordionItem/AccordionItem.svelte b/packages/svelteui-core/src/components/Accordion/AccordionItem/AccordionItem.svelte
@@ -45,7 +45,7 @@
 
 Item of an accordion.
 
-@see https://svelteui.org/core/accordion
+@see https://svelteui.dev/core/accordion
 @example
     ```svelte
     <Accordion.Item value="typescript">

diff --git a/packages/svelteui-core/src/components/ActionIcon/ActionIcon.svelte b/packages/svelteui-core/src/components/ActionIcon/ActionIcon.svelte
@@ -52,7 +52,7 @@
 
 Icon button to indicate secondary action.
 
-@see https://svelteui.org/core/action-icon
+@see https://svelteui.dev/core/action-icon
 @example
     ```tsx
     <ActionIcon>Click</ActionIcon> // standard ActionIcon

diff --git a/packages/svelteui-core/src/components/ActionIcon/CloseButton/CloseButton.svelte b/packages/svelteui-core/src/components/ActionIcon/CloseButton/CloseButton.svelte
@@ -45,7 +45,7 @@
 
 CloseButton is a premade ActionIcon with close icon
 
-@see https://svelteui.org/core/action-icon
+@see https://svelteui.dev/core/action-icon
 @example
     ```tsx
     <CloseButton /> // standard CloseButton

diff --git a/packages/svelteui-core/src/components/Anchor/Anchor.svelte b/packages/svelteui-core/src/components/Anchor/Anchor.svelte
@@ -34,11 +34,11 @@
 Display an anchor text that is a wrapper around `Text` component using an `a` as the default
 root.
 
-@see https://svelteui.org/core/anchor
+@see https://svelteui.dev/core/anchor
 @example
     ```svelte
-    <Anchor href="https://svelteui.org/">Main Page</Anchor>
-    <Anchor root={ Button } href="https://svelteui.org/" target="_blank">Documentation</Anchor>
+    <Anchor href="https://svelteui.dev/">Main Page</Anchor>
+    <Anchor root={ Button } href="https://svelteui.dev/" target="_blank">Documentation</Anchor>
     <Anchor root={ Link } to="/home" color='violet' size='lg'>Click here</Anchor>
     ```
 -->

diff --git a/packages/svelteui-core/src/components/AspectRatio/AspectRatio.svelte b/packages/svelteui-core/src/components/AspectRatio/AspectRatio.svelte
@@ -25,7 +25,7 @@
 
 Enforce desired width/height ratio.
 
-@see https://svelteui.org/core/aspect-ratio
+@see https://svelteui.dev/core/aspect-ratio
 @example
   ```svelte
     <AspectRatio ratio={16 / 9}>

diff --git a/packages/svelteui-core/src/components/Badge/Badge.svelte b/packages/svelteui-core/src/components/Badge/Badge.svelte
@@ -42,7 +42,7 @@
 
 Display badge, pill or tag
 
-@see https://svelteui.org/core/badge
+@see https://svelteui.dev/core/badge
 @example
     ```svelte
     <Badge>Badge</Badge>

diff --git a/packages/svelteui-core/src/components/Blockquote/Blockquote.svelte b/packages/svelteui-core/src/components/Blockquote/Blockquote.svelte
@@ -24,7 +24,7 @@
 
 Blockquote with icon and citation
 
-@see https://svelteui.org/core/blockquote
+@see https://svelteui.dev/core/blockquote
 @example
     ```tsx
     <Blockquote>

diff --git a/packages/svelteui-core/src/components/Box/Box.svelte b/packages/svelteui-core/src/components/Box/Box.svelte
@@ -68,7 +68,7 @@
 
 Add inline styles to any element or component with sx.
 
-@see https://svelteui.org/core/box
+@see https://svelteui.dev/core/box
 @example
     ```svelte
     <Box css={{backgroundColor: '$blue600'}}>example</Box>

diff --git a/packages/svelteui-core/src/components/Breadcrumbs/Breadcrumbs.stories.svelte b/packages/svelteui-core/src/components/Breadcrumbs/Breadcrumbs.stories.svelte
@@ -9,7 +9,7 @@
 
 <Template let:args>
 	<Breadcrumbs {...args} size="md">
-		<Breadcrumbs.Item href="https://svelteui.org">Home</Breadcrumbs.Item>
+		<Breadcrumbs.Item href="https://svelteui.dev">Home</Breadcrumbs.Item>
 		<Breadcrumbs.Item active={true}>Application List</Breadcrumbs.Item>
 	</Breadcrumbs>
 </Template>
@@ -18,7 +18,7 @@
 
 <Story name="Icon" id="breadcrumbsIconStory">
 	<Breadcrumbs size="md">
-		<Breadcrumbs.Item href="https://svelteui.org">
+		<Breadcrumbs.Item href="https://svelteui.dev">
 			<IconRenderer slot="icon" icon={Home} />
 		</Breadcrumbs.Item>
 		<Breadcrumbs.Item>
@@ -31,7 +31,7 @@
 
 <Story name="Separator" id="breadcrumbsSeparatorStory">
 	<Breadcrumbs size="md" separator="→">
-		<Breadcrumbs.Item href="https://svelteui.org">
+		<Breadcrumbs.Item href="https://svelteui.dev">
 			<IconRenderer slot="icon" icon={Home} />
 		</Breadcrumbs.Item>
 		<Breadcrumbs.Item>

diff --git a/packages/svelteui-core/src/components/Button/Button.stories.svelte b/packages/svelteui-core/src/components/Button/Button.stories.svelte
@@ -57,5 +57,5 @@
 	name="With href"
 	id="buttonHrefStory"
 	template="variants"
-	args={{ href: 'https://www.svelteui.org', external: true, disabled: false, loading: false }}
+	args={{ href: 'https://www.svelteui.dev', external: true, disabled: false, loading: false }}
 />