310 lines
8.3 KiB
Markdown
310 lines
8.3 KiB
Markdown
|
# CHANGELOG
|
||
|
|
||
|
# 2.11.0
|
||
|
- PR Merged [#277](https://github.com/EmilTholin/svelte-routing/pull/277)
|
||
|
- Update dependencies.
|
||
|
|
||
|
# 2.10.0
|
||
|
- PR Removed [#266](https://github.com/EmilTholin/svelte-routing/pull/266)
|
||
|
- Issue Fixed [#273](https://github.com/EmilTholin/svelte-routing/issues/273)
|
||
|
- Update dependencies.
|
||
|
|
||
|
# 2.9.0
|
||
|
- PR Merged [#272](https://github.com/EmilTholin/svelte-routing/pull/272).
|
||
|
- Issue Fixed [#271](https://github.com/EmilTholin/svelte-routing/issues/271).
|
||
|
|
||
|
# 2.8.0
|
||
|
- PR Merged [#267](https://github.com/EmilTholin/svelte-routing/pull/267).
|
||
|
- PR Merged [#270](https://github.com/EmilTholin/svelte-routing/pull/270).
|
||
|
- Issue Fixed [#268](https://github.com/EmilTholin/svelte-routing/issues/268).
|
||
|
- Issue Fixed [#269](https://github.com/EmilTholin/svelte-routing/issues/269).
|
||
|
- Update dependencies.
|
||
|
|
||
|
# 2.7.0
|
||
|
- PR Merged [#266](https://github.com/EmilTholin/svelte-routing/pull/266).
|
||
|
- Update dependencies.
|
||
|
|
||
|
# 2.6.0
|
||
|
|
||
|
- Issue Fixed [#262](https://github.com/EmilTholin/svelte-routing/issues/262).
|
||
|
- PR Merged [#263](https://github.com/EmilTholin/svelte-routing/pull/263).
|
||
|
- Update svelte version.
|
||
|
|
||
|
# 2.5.0
|
||
|
|
||
|
- Issue Fixed [#260](https://github.com/EmilTholin/svelte-routing/issues/260).
|
||
|
- Update svelte version.
|
||
|
|
||
|
# 2.4.0
|
||
|
|
||
|
- Fixed viewtransition callback function error.
|
||
|
|
||
|
# 2.3.0
|
||
|
|
||
|
- Added Prettier.
|
||
|
- Added View Transition (Experimental).
|
||
|
|
||
|
# 2.2.0
|
||
|
|
||
|
- PR Merged [#258](https://github.com/EmilTholin/svelte-routing/pull/258).
|
||
|
|
||
|
# 2.1.0
|
||
|
|
||
|
- PR Merged [#256](https://github.com/EmilTholin/svelte-routing/pull/256).
|
||
|
- PR Merged [#257](https://github.com/EmilTholin/svelte-routing/pull/257).
|
||
|
- Issue Fixed [#254](https://github.com/EmilTholin/svelte-routing/issues/254).
|
||
|
- Update svelte version.
|
||
|
|
||
|
# 2.0.0
|
||
|
|
||
|
- PR Merged [#250](https://github.com/EmilTholin/svelte-routing/pull/250).
|
||
|
- PR Merged [#247](https://github.com/EmilTholin/svelte-routing/pull/247).
|
||
|
- Removing example folder.
|
||
|
- Update svelte version.
|
||
|
|
||
|
# 1.11.0
|
||
|
|
||
|
- PR Merged [#245](https://github.com/EmilTholin/svelte-routing/pull/245).
|
||
|
- Update svelte version.
|
||
|
|
||
|
# 1.10.0
|
||
|
|
||
|
- PR Merged [#243](https://github.com/EmilTholin/svelte-routing/pull/243).
|
||
|
|
||
|
# 1.9.0
|
||
|
|
||
|
- Major improvement in performance. Minimize unnecessary prefetch components.
|
||
|
|
||
|
# 1.8.9
|
||
|
|
||
|
- Fixed. Sometimes navigate return info null.
|
||
|
- Issue Fixed [#132](https://github.com/EmilTholin/svelte-routing/issues/132).
|
||
|
|
||
|
# 1.8.8
|
||
|
|
||
|
- Issue Fixed [#242](https://github.com/EmilTholin/svelte-routing/issues/242).
|
||
|
- PR Removed [#77](https://github.com/EmilTholin/svelte-routing/pull/77)
|
||
|
Causing infinity loop in nested routes.
|
||
|
|
||
|
# 1.8.7
|
||
|
|
||
|
- Segment mismatch bug fixed.
|
||
|
|
||
|
# 1.8.6
|
||
|
|
||
|
- Issue Fixed [#242](https://github.com/EmilTholin/svelte-routing/issues/242).
|
||
|
- Update svelte version.
|
||
|
- Codebase improved.
|
||
|
|
||
|
# 1.8.5
|
||
|
|
||
|
- Can Use Dom function improved.
|
||
|
- function & class mismatch bug fixed.
|
||
|
|
||
|
# 1.8.4
|
||
|
|
||
|
- Issue Fixed [#241](https://github.com/EmilTholin/svelte-routing/issues/241).
|
||
|
|
||
|
# 1.8.3
|
||
|
|
||
|
- Hooks & Types bugs fixed.
|
||
|
|
||
|
# 1.8.2
|
||
|
|
||
|
- Svelte dependency updated.
|
||
|
- Lazyload component return type added.
|
||
|
- Issue Fixed [#240](https://github.com/EmilTholin/svelte-routing/issues/240).
|
||
|
|
||
|
# 1.8.0
|
||
|
|
||
|
- Major Bugs fixed in `Router.svelte`.
|
||
|
- Converted all interfaces into types.
|
||
|
- Improved Lazy Loading/Async Route Import. Get much smaller chunk for every
|
||
|
route. Only load files (JS & CSS module) when URL is active.
|
||
|
|
||
|
```jsx
|
||
|
<!-- App.svelte -->
|
||
|
<Route path="/" component={() => import("./Home.svelte")} />
|
||
|
|
||
|
<Route path="/about" component={() => import("./About.svelte")} />
|
||
|
|
||
|
<Route path="/user/:user" component={() => import("./User.svelte")} />
|
||
|
```
|
||
|
|
||
|
- Added Hooks for Contexts. `useLocation`, `useRouter`, `useHistory`.
|
||
|
|
||
|
```html
|
||
|
<!-- Page.svelte -->
|
||
|
<script>
|
||
|
import { useLocation } from "svelte-routing";
|
||
|
const location = useLocation();
|
||
|
</script>
|
||
|
|
||
|
<div>{JSON.stringify($location)}</div>
|
||
|
```
|
||
|
|
||
|
# 1.7.0
|
||
|
|
||
|
- Added Code of Conduct.
|
||
|
- Optimized the codebase.
|
||
|
- Update the dependencies.
|
||
|
- PR Merged [#220](https://github.com/EmilTholin/svelte-routing/pull/220).
|
||
|
- PR Merged [#210](https://github.com/EmilTholin/svelte-routing/pull/210).
|
||
|
- PR Merged [#206](https://github.com/EmilTholin/svelte-routing/pull/206).
|
||
|
- PR Merged [#192](https://github.com/EmilTholin/svelte-routing/pull/193).
|
||
|
- PR Merged [#188](https://github.com/EmilTholin/svelte-routing/pull/188).
|
||
|
- PR Merged [#175](https://github.com/EmilTholin/svelte-routing/pull/175).
|
||
|
- PR Merged [#173](https://github.com/EmilTholin/svelte-routing/pull/173).
|
||
|
- PR Merged [#158](https://github.com/EmilTholin/svelte-routing/pull/158).
|
||
|
- PR Merged [#105](https://github.com/EmilTholin/svelte-routing/pull/105).
|
||
|
- PR Merged [#95](https://github.com/EmilTholin/svelte-routing/pull/95).
|
||
|
- PR Merged [#85](https://github.com/EmilTholin/svelte-routing/pull/85).
|
||
|
- PR Merged [#77](https://github.com/EmilTholin/svelte-routing/pull/77).
|
||
|
- PR/Issue [#200](https://github.com/EmilTholin/svelte-routing/pull/200),
|
||
|
Tested & it's not relevant/exists.
|
||
|
- Issue Fixed [#122](https://github.com/EmilTholin/svelte-routing/issues/122),
|
||
|
[#4652](https://github.com/sveltejs/svelte/issues/4652).
|
||
|
|
||
|
# 1.6.0
|
||
|
|
||
|
Added TypeScript support.
|
||
|
|
||
|
# 1.4.0
|
||
|
|
||
|
Added functionality for passing the `location` to the rendered Route `component`
|
||
|
and slot.
|
||
|
|
||
|
```html
|
||
|
<!-- App.svelte -->
|
||
|
<Route path="/blog" component="{Blog}" />
|
||
|
|
||
|
<!-- Blog.svelte -->
|
||
|
<script>
|
||
|
import queryString from "query-string";
|
||
|
|
||
|
export let location;
|
||
|
|
||
|
let queryParams;
|
||
|
$: queryParams = queryString.parse(location.search);
|
||
|
</script>
|
||
|
|
||
|
<h1>Blog</h1>
|
||
|
<p>{queryParams.foo}</p>
|
||
|
|
||
|
<!-- App.svelte -->
|
||
|
<Route path="/blog" let:location>
|
||
|
<h1>Blog</h1>
|
||
|
<p>{location.search}</p>
|
||
|
</Route>
|
||
|
```
|
||
|
|
||
|
# 1.3.0
|
||
|
|
||
|
Added functionality to pass potential `Route` path parameters back to the parent
|
||
|
using props, so they can be exposed to the slot template using `let:params`.
|
||
|
|
||
|
```html
|
||
|
<Route path="/blog/:id" let:params>
|
||
|
<BlogPost id="{params.id}" />
|
||
|
</Route>
|
||
|
```
|
||
|
|
||
|
# 1.2.0
|
||
|
|
||
|
Added functionality for passing all the extra `Route` properties to the rendered
|
||
|
`component`.
|
||
|
|
||
|
```html
|
||
|
<!-- App.svelte -->
|
||
|
<Route path="/page" component="{Page}" foo="foo" bar="bar" />
|
||
|
|
||
|
<!-- Page.svelte -->
|
||
|
<script>
|
||
|
export let foo;
|
||
|
export let bar;
|
||
|
</script>
|
||
|
|
||
|
<h1>{foo} {bar}</h1>
|
||
|
```
|
||
|
|
||
|
# 1.1.0
|
||
|
|
||
|
Added the ability to give `Route` path wildcards a custom name.
|
||
|
|
||
|
```html
|
||
|
<!-- App.svelte -->
|
||
|
<Route path="/page/*wildcardName" component="{Page}" />
|
||
|
|
||
|
<!-- Page.svelte -->
|
||
|
<script>
|
||
|
export let wildcardName;
|
||
|
</script>
|
||
|
|
||
|
<h1>{wildcardName}</h1>
|
||
|
```
|
||
|
|
||
|
# 1.0.0
|
||
|
|
||
|
- Moved to Svelte 3.
|
||
|
- It's now required for all `Route` and `Link` components to have a `Router`
|
||
|
ancestor.
|
||
|
- `NavLink` was removed in favour for a more versatile `Link` component. Check
|
||
|
the userland `NavLink` component in the `example` directory for an example.
|
||
|
- The SSR component no longer needs to be compiled at runtime with the help of
|
||
|
[esm](https://github.com/standard-things/esm) as there is no longer a
|
||
|
dependency on the `history` library. You can compile a separate CJS bundle
|
||
|
for the server and pass in a prop to the topmost component and use that as
|
||
|
the `url` property for the `Router`, which will force the URL for all
|
||
|
descendants.
|
||
|
- All component filename extensions have been changed to `.svelte`.
|
||
|
- Hash routing is no longer supported.
|
||
|
- The entire API of the library is now exported from the `src/index.js` file,
|
||
|
so importing from the library is now much more pleasant.
|
||
|
|
||
|
```javascript
|
||
|
import { Router, Route, Link } from "svelte-routing";
|
||
|
```
|
||
|
|
||
|
# 0.4.0
|
||
|
|
||
|
Moved to Svelte v2 and added the new
|
||
|
[link](https://github.com/EmilTholin/svelte-routing#linkjs) and
|
||
|
[links](https://github.com/EmilTholin/svelte-routing#linksjs) actions.
|
||
|
|
||
|
# 0.3.0
|
||
|
|
||
|
Split the `createHistory` function into `createBrowserHistory`,
|
||
|
`createMemoryHistory`, `createHashHistory` to allow for better tree shaking of
|
||
|
unused history creation code.
|
||
|
|
||
|
# 0.2.0
|
||
|
|
||
|
Added the ability to access the match object in a matched route:
|
||
|
|
||
|
```html
|
||
|
<!-- App.html -->
|
||
|
<Route path="/:myParam" bind:match>
|
||
|
<h1>{{match && match.params.myParam}}</h1>
|
||
|
</Route>
|
||
|
```
|
||
|
|
||
|
or:
|
||
|
|
||
|
```html
|
||
|
<!-- App.html -->
|
||
|
<Route path="/:myParam" component="{{MyComponent}}" />
|
||
|
|
||
|
<!-- MyComponent.html -->
|
||
|
<h1>{{match.params.myParam}}</h1>
|
||
|
```
|
||
|
|
||
|
# 0.1.0
|
||
|
|
||
|
Added the ability to give a component constructor to a route with the
|
||
|
`component` property:
|
||
|
|
||
|
```html
|
||
|
<!-- App.html -->
|
||
|
<Route path="/:myParam" component="{{MyComponent}}" />
|
||
|
```
|