sample-cross-fx 1.10.2-beta.dc71cd5 → 1.10.2

package/app/index.d.ts

@@ -6,7 +6,6 @@ import * as Inferno from 'inferno';
 import * as Preact from 'preact';
 import * as Riot from 'riot';
 import * as SolidJs from 'solid-js';
-import * as ReactRouter from 'react-router';
 
 /**
  * Defines the API accessible from pilets.
@@ -500,9 +499,9 @@ export type AnyComponent<T> = React.ComponentType<T> | FirstParametersOf<Compone
 /**
  * The props used by a page component.
  */
-export interface PageComponentProps<T extends {
-  [K in keyof T]?: string;
-} = {}, S = any> extends RouteBaseProps<T, S> {
+export interface PageComponentProps<UrlParams extends {
+  [K in keyof UrlParams]?: string;
+} = Record<string, string>, UrlState = any> extends RouteBaseProps<UrlParams, UrlState> {
   /**
    * The meta data registered with the page.
    */
@@ -972,7 +971,20 @@ export interface ComponentConverters<TProps> extends PiralCustomComponentConvert
  */
 export interface RouteBaseProps<UrlParams extends {
   [K in keyof UrlParams]?: string;
-} = {}, UrlState = any> extends ReactRouter.RouteComponentProps<UrlParams, {}, UrlState>, BaseComponentProps {}
+} = {}, UrlState = any> extends BaseComponentProps {
+  /**
+   * The history API to navigate.
+   */
+  history: History<UrlState>;
+  /**
+   * Information about the current location.
+   */
+  location: Location<UrlState>;
+  /**
+   * Information about the matching of the current route.
+   */
+  match: RouteMatch<UrlParams>;
+}
 
 /**
  * Custom meta data to include for pages.
@@ -1256,6 +1268,52 @@ export interface ForeignComponent<TProps> {
   unmount?(element: HTMLElement, locals: Record<string, any>): void;
 }
 
+export interface History<HistoryLocationState = LocationState> {
+  length: number;
+  action: Action;
+  location: Location<HistoryLocationState>;
+  push(location: Path | LocationDescriptor<HistoryLocationState>, state?: HistoryLocationState): void;
+  replace(location: Path | LocationDescriptor<HistoryLocationState>, state?: HistoryLocationState): void;
+  go(n: number): void;
+  goBack(): void;
+  goForward(): void;
+  block(prompt?: boolean | string | TransitionPromptHook<HistoryLocationState>): UnregisterCallback;
+  listen(listener: LocationListener<HistoryLocationState>): UnregisterCallback;
+  createHref(location: LocationDescriptorObject<HistoryLocationState>): Href;
+}
+
+export interface Location<S = LocationState> {
+  pathname: Pathname;
+  search: Search;
+  state: S;
+  hash: Hash;
+  key?: LocationKey | undefined;
+}
+
+/**
+ * The match object determining what exactly has been matched for the current navigation.
+ */
+export interface RouteMatch<Params extends {
+  [K in keyof Params]?: string;
+} = {}> {
+  /**
+   * The parameters extracted from the current navigation.
+   */
+  params: Params;
+  /**
+   * Indicates if the parameters have been matched exactly.
+   */
+  isExact: boolean;
+  /**
+   * The relative path.
+   */
+  path: string;
+  /**
+   * The fully qualified URL.
+   */
+  url: string;
+}
+
 /**
  * Custom extension slots outside of piral-core.
  */
@@ -1395,6 +1453,38 @@ export interface ComponentContext {
   publicPath: string;
 }
 
+export type Action = "PUSH" | "POP" | "REPLACE";
+
+export type Path = Path___1;
+
+export type LocationDescriptor<S = LocationState> = LocationDescriptor___1<S>;
+
+export type TransitionPromptHook<S = LocationState> = TransitionPromptHook___1<S>;
+
+export type UnregisterCallback = () => void;
+
+export type LocationListener<S = LocationState> = LocationListener___1<S>;
+
+export interface LocationDescriptorObject<S = LocationState> {
+  pathname?: Pathname | undefined;
+  search?: Search | undefined;
+  state?: S | undefined;
+  hash?: Hash | undefined;
+  key?: LocationKey | undefined;
+}
+
+export type Href = Href___1;
+
+export type LocationState = LocationState___1;
+
+export type Pathname = Pathname___1;
+
+export type Search = Search___1;
+
+export type Hash = Hash___1;
+
+export type LocationKey = LocationKey___1;
+
 /**
  * The base type for pilet component registration in the global state context.
  */
@@ -1509,6 +1599,26 @@ export interface NavigationApi {
   publicPath: string;
 }
 
+export type Path___1 = string;
+
+export type LocationDescriptor___1<S = LocationState___1> = Path___1 | LocationDescriptorObject<S>;
+
+export type TransitionPromptHook___1<S = LocationState___1> = (location: Location<S>, action: Action) => string | false | void;
+
+export type LocationListener___1<S = LocationState___1> = (location: Location<S>, action: Action) => void;
+
+export type Href___1 = string;
+
+export type LocationState___1 = unknown;
+
+export type Pathname___1 = string;
+
+export type Search___1 = string;
+
+export type Hash___1 = string;
+
+export type LocationKey___1 = string;
+
 export type Without<T, K> = Pick<T, Exclude<keyof T, K>>;
 
 /**

package/app/index.html

@@ -5,7 +5,7 @@
   <title>Sample - Cross Framework with Piral</title>
   <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
   
-<script defer src="/index.f1bda3.js"></script></head>
+<script defer src="/index.9e12bd.js"></script></head>
 <body>
 <div id="app"></div>
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sample-cross-fx",
   "description": "Example project illustrating the mixing of different (opt-in) frameworks via plugins.",
-  "version": "1.10.2-beta.dc71cd5",
+  "version": "1.10.2",
   "license": "MIT",
   "homepage": "https://piral.io",
   "keywords": [
@@ -50,7 +50,7 @@
     "files": []
   },
   "piralCLI": {
-    "version": "1.10.2-beta.dc71cd5",
+    "version": "1.10.2",
     "generated": true
   },
   "main": "./app/index.js",
@@ -65,8 +65,8 @@
     "@types/react-router": "^5.1.8",
     "@types/react-router-dom": "^5.1.6",
     "@vue/component-compiler-utils": "^3.0.0",
-    "piral-cli": "^1.10.2-beta.dc71cd5",
-    "piral-cli-webpack5": "^1.10.2-beta.dc71cd5",
+    "piral-cli": "^1.10.2",
+    "piral-cli-webpack5": "^1.10.2",
     "sass": "^1.17.0",
     "vue-template-compiler": "^2.6.10",
     "@angular/common": "16.2.12",
@@ -89,22 +89,22 @@
     "inferno-create-element": "7.4.11",
     "lit-element": "2.5.1",
     "mithril": "2.3.8",
-    "piral-aurelia": "^1.10.2-beta.dc71cd5",
-    "piral-blazor": "^1.10.2-beta.dc71cd5",
-    "piral-core": "^1.10.2-beta.dc71cd5",
-    "piral-elm": "^1.10.2-beta.dc71cd5",
-    "piral-hyperapp": "^1.10.2-beta.dc71cd5",
-    "piral-inferno": "^1.10.2-beta.dc71cd5",
-    "piral-lazy": "^1.10.2-beta.dc71cd5",
-    "piral-litel": "^1.10.2-beta.dc71cd5",
-    "piral-mithril": "^1.10.2-beta.dc71cd5",
-    "piral-ng": "^1.10.2-beta.dc71cd5",
-    "piral-ngjs": "^1.10.2-beta.dc71cd5",
-    "piral-preact": "^1.10.2-beta.dc71cd5",
-    "piral-riot": "^1.10.2-beta.dc71cd5",
-    "piral-solid": "^1.10.2-beta.dc71cd5",
-    "piral-svelte": "^1.10.2-beta.dc71cd5",
-    "piral-vue": "^1.10.2-beta.dc71cd5",
+    "piral-aurelia": "^1.10.2",
+    "piral-blazor": "^1.10.2",
+    "piral-core": "^1.10.2",
+    "piral-elm": "^1.10.2",
+    "piral-hyperapp": "^1.10.2",
+    "piral-inferno": "^1.10.2",
+    "piral-lazy": "^1.10.2",
+    "piral-litel": "^1.10.2",
+    "piral-mithril": "^1.10.2",
+    "piral-ng": "^1.10.2",
+    "piral-ngjs": "^1.10.2",
+    "piral-preact": "^1.10.2",
+    "piral-riot": "^1.10.2",
+    "piral-solid": "^1.10.2",
+    "piral-svelte": "^1.10.2",
+    "piral-vue": "^1.10.2",
     "preact": "10.27.3",
     "react": "18.3.1",
     "react-dom": "18.3.1",