solid-navigator 0.2.1 → 0.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/dev.js +12 -10
  2. package/dist/dev.jsx +11 -9
  3. package/dist/index.js +12 -10
  4. package/dist/index.jsx +11 -9
  5. package/package.json +1 -1
package/dist/dev.js CHANGED
@@ -1,5 +1,5 @@
1
- import { createComponent, spread, template } from 'solid-js/web';
2
- import { createContext, children, createMemo, createSignal, onMount, onCleanup, mergeProps, createEffect, on, useContext } from 'solid-js';
1
+ import { delegateEvents, createComponent, spread, template } from 'solid-js/web';
2
+ import { createContext, children, createMemo, createSignal, onCleanup, mergeProps, createEffect, on, useContext } from 'solid-js';
3
3
  import { createStore, reconcile } from 'solid-js/store';
4
4
 
5
5
  // src/Router.tsx
@@ -151,13 +151,12 @@ function Router(props) {
151
151
  replace: target.hasAttribute("replace")
152
152
  });
153
153
  };
154
- onMount(() => {
155
- window.addEventListener("popstate", onPopState);
156
- document.addEventListener("click", onClick);
157
- onCleanup(() => {
158
- window.removeEventListener("popstate", onPopState);
159
- document.removeEventListener("click", onClick);
160
- });
154
+ delegateEvents(["click"]);
155
+ window.addEventListener("popstate", onPopState);
156
+ document.addEventListener("click", onClick);
157
+ onCleanup(() => {
158
+ window.removeEventListener("popstate", onPopState);
159
+ document.removeEventListener("click", onClick);
161
160
  });
162
161
  return createComponent(RouterContext.Provider, {
163
162
  value: {
@@ -304,7 +303,10 @@ var Outlet = (props) => {
304
303
  }
305
304
  return component2;
306
305
  });
307
- return component;
306
+ const MemodComponent = createMemo(() => {
307
+ return component()();
308
+ });
309
+ return MemodComponent;
308
310
  };
309
311
  var Route = (props) => {
310
312
  const childRoutes = children(() => props.children).toArray;
package/dist/dev.jsx CHANGED
@@ -5,9 +5,9 @@ import {
5
5
  createMemo as createMemo2,
6
6
  createSignal,
7
7
  onCleanup,
8
- onMount,
9
8
  useContext
10
9
  } from "solid-js";
10
+ import { delegateEvents } from "solid-js/web";
11
11
  import { createStore as createStore2, reconcile as reconcile2 } from "solid-js/store";
12
12
 
13
13
  // src/utils/matcher.ts
@@ -158,13 +158,12 @@ function Router(props) {
158
158
  replace: target.hasAttribute("replace")
159
159
  });
160
160
  };
161
- onMount(() => {
162
- window.addEventListener("popstate", onPopState);
163
- document.addEventListener("click", onClick);
164
- onCleanup(() => {
165
- window.removeEventListener("popstate", onPopState);
166
- document.removeEventListener("click", onClick);
167
- });
161
+ delegateEvents(["click"]);
162
+ window.addEventListener("popstate", onPopState);
163
+ document.addEventListener("click", onClick);
164
+ onCleanup(() => {
165
+ window.removeEventListener("popstate", onPopState);
166
+ document.removeEventListener("click", onClick);
168
167
  });
169
168
  return <RouterContext.Provider
170
169
  value={{
@@ -312,7 +311,10 @@ var Outlet = (props) => {
312
311
  }
313
312
  return component2;
314
313
  });
315
- return <>{component}</>;
314
+ const MemodComponent = createMemo3(() => {
315
+ return component()();
316
+ });
317
+ return <>{MemodComponent}</>;
316
318
  };
317
319
 
318
320
  // src/Route.ts
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { createComponent, spread, template } from 'solid-js/web';
2
- import { createContext, children, createMemo, createSignal, onMount, onCleanup, mergeProps, createEffect, on, useContext } from 'solid-js';
1
+ import { delegateEvents, createComponent, spread, template } from 'solid-js/web';
2
+ import { createContext, children, createMemo, createSignal, onCleanup, mergeProps, createEffect, on, useContext } from 'solid-js';
3
3
  import { createStore, reconcile } from 'solid-js/store';
4
4
 
5
5
  // src/Router.tsx
@@ -151,13 +151,12 @@ function Router(props) {
151
151
  replace: target.hasAttribute("replace")
152
152
  });
153
153
  };
154
- onMount(() => {
155
- window.addEventListener("popstate", onPopState);
156
- document.addEventListener("click", onClick);
157
- onCleanup(() => {
158
- window.removeEventListener("popstate", onPopState);
159
- document.removeEventListener("click", onClick);
160
- });
154
+ delegateEvents(["click"]);
155
+ window.addEventListener("popstate", onPopState);
156
+ document.addEventListener("click", onClick);
157
+ onCleanup(() => {
158
+ window.removeEventListener("popstate", onPopState);
159
+ document.removeEventListener("click", onClick);
161
160
  });
162
161
  return createComponent(RouterContext.Provider, {
163
162
  value: {
@@ -301,7 +300,10 @@ var Outlet = (props) => {
301
300
  }
302
301
  return component2;
303
302
  });
304
- return component;
303
+ const MemodComponent = createMemo(() => {
304
+ return component()();
305
+ });
306
+ return MemodComponent;
305
307
  };
306
308
  var Route = (props) => {
307
309
  const childRoutes = children(() => props.children).toArray;
package/dist/index.jsx CHANGED
@@ -5,9 +5,9 @@ import {
5
5
  createMemo as createMemo2,
6
6
  createSignal,
7
7
  onCleanup,
8
- onMount,
9
8
  useContext
10
9
  } from "solid-js";
10
+ import { delegateEvents } from "solid-js/web";
11
11
  import { createStore as createStore2, reconcile as reconcile2 } from "solid-js/store";
12
12
 
13
13
  // src/utils/matcher.ts
@@ -158,13 +158,12 @@ function Router(props) {
158
158
  replace: target.hasAttribute("replace")
159
159
  });
160
160
  };
161
- onMount(() => {
162
- window.addEventListener("popstate", onPopState);
163
- document.addEventListener("click", onClick);
164
- onCleanup(() => {
165
- window.removeEventListener("popstate", onPopState);
166
- document.removeEventListener("click", onClick);
167
- });
161
+ delegateEvents(["click"]);
162
+ window.addEventListener("popstate", onPopState);
163
+ document.addEventListener("click", onClick);
164
+ onCleanup(() => {
165
+ window.removeEventListener("popstate", onPopState);
166
+ document.removeEventListener("click", onClick);
168
167
  });
169
168
  return <RouterContext.Provider
170
169
  value={{
@@ -309,7 +308,10 @@ var Outlet = (props) => {
309
308
  }
310
309
  return component2;
311
310
  });
312
- return <>{component}</>;
311
+ const MemodComponent = createMemo3(() => {
312
+ return component()();
313
+ });
314
+ return <>{MemodComponent}</>;
313
315
  };
314
316
 
315
317
  // src/Route.ts
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "solid-navigator",
3
- "version": "0.2.1",
3
+ "version": "0.2.3",
4
4
  "description": "Solid Navigator is a library that is inspired by vue router and solid router.",
5
5
  "license": "MIT",
6
6
  "author": "SupertigerDev",