@microsoft/fast-router 0.2.16 → 0.3.0

package/.eslintrc.json

@@ -0,0 +1,21 @@
+{
+    "extends": ["@microsoft/eslint-config-fast-dna", "prettier"],
+    "rules": {
+        "@typescript-eslint/no-non-null-assertion": "off",
+        "@typescript-eslint/ban-types": [
+            "error",
+            {
+                "types": {
+                    "{}": false,
+                    "Function": false,
+                    "Object": false
+                },
+                "extendDefaults": true
+            }
+        ],
+        "import/extensions": [
+            "error",
+            "always"
+        ]
+    }
+}

package/CHANGELOG.json

@@ -2,7 +2,30 @@
   "name": "@microsoft/fast-router",
   "entries": [
     {
-      "date": "Wed, 06 Apr 2022 07:10:25 GMT",
+      "date": "Tue, 12 Apr 2022 07:11:55 GMT",
+      "tag": "@microsoft/fast-router_v0.3.0",
+      "version": "0.3.0",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Convert package to type:module",
+            "author": "nicholasrice@users.noreply.github.com",
+            "commit": "349ff265636d29e45cf336755083e4b997d6e6f2",
+            "package": "@microsoft/fast-router"
+          }
+        ],
+        "none": [
+          {
+            "comment": "Bump @microsoft/fast-element to v1.9.0",
+            "author": "yinon@hotmail.com",
+            "commit": "3e4d72447520f40d234b1df2cc70446dcef8bb47",
+            "package": "@microsoft/fast-router"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 06 Apr 2022 07:12:42 GMT",
       "tag": "@microsoft/fast-router_v0.2.16",
       "version": "0.2.16",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,20 @@
 # Change Log - @microsoft/fast-router
 
-This log was last generated on Wed, 06 Apr 2022 07:10:25 GMT and should not be manually modified.
+This log was last generated on Tue, 12 Apr 2022 07:11:55 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.3.0
+
+Tue, 12 Apr 2022 07:11:55 GMT
+
+### Minor changes
+
+- Convert package to type:module (nicholasrice@users.noreply.github.com)
+
 ## 0.2.16
 
-Wed, 06 Apr 2022 07:10:25 GMT
+Wed, 06 Apr 2022 07:12:42 GMT
 
 ### Patches
 

package/dist/dts/commands.d.ts

@@ -1,10 +1,10 @@
-import { Router } from "./router";
-import { RouterConfiguration } from "./configuration";
-import { Layout, RouteView, Transition } from "./view";
-import { ElementFallbackRouteDefinition, ElementRouteDefinition, TemplateFallbackRouteDefinition, TemplateRouteDefinition } from "./routes";
-import { RecognizedRoute } from "./recognizer";
-import { NavigationContributor } from "./contributors";
-import { NavigationCommitPhase, NavigationPhase } from "./phases";
+import { Router } from "./router.js";
+import { RouterConfiguration } from "./configuration.js";
+import { Layout, RouteView, Transition } from "./view.js";
+import { ElementFallbackRouteDefinition, ElementRouteDefinition, TemplateFallbackRouteDefinition, TemplateRouteDefinition } from "./routes.js";
+import { RecognizedRoute } from "./recognizer.js";
+import { NavigationContributor } from "./contributors.js";
+import { NavigationCommitPhase, NavigationPhase } from "./phases.js";
 /**
  * @alpha
  */

package/dist/dts/configuration.d.ts

@@ -1,14 +1,14 @@
 import { Constructable } from "@microsoft/fast-element";
-import { NavigationQueue } from "./navigation";
-import { Layout, Transition } from "./view";
-import { RouteCollection, RouteMatch } from "./routes";
-import { LinkHandler } from "./links";
-import { NavigationProcess } from "./process";
-import { TitleBuilder } from "./titles";
-import { RoutingEventSink } from "./events";
-import { NavigationContributor } from "./contributors";
-import { NavigationPhaseHook, NavigationPhaseName } from "./phases";
-import { RouteRecognizer } from "./recognizer";
+import { NavigationQueue } from "./navigation.js";
+import { Layout, Transition } from "./view.js";
+import { RouteCollection, RouteMatch } from "./routes.js";
+import { LinkHandler } from "./links.js";
+import { NavigationProcess } from "./process.js";
+import { TitleBuilder } from "./titles.js";
+import { RoutingEventSink } from "./events.js";
+import { NavigationContributor } from "./contributors.js";
+import { NavigationPhaseHook, NavigationPhaseName } from "./phases.js";
+import { RouteRecognizer } from "./recognizer.js";
 /**
  * @alpha
  */

package/dist/dts/contributors.d.ts

@@ -1,5 +1,5 @@
 import { HTMLDirective } from "@microsoft/fast-element";
-import { NavigationCommitPhaseHook, NavigationPhaseHook, NavigationPhaseName } from "./phases";
+import { NavigationCommitPhaseHook, NavigationPhaseHook, NavigationPhaseName } from "./phases.js";
 /**
  * @alpha
  */

package/dist/dts/events.d.ts

@@ -1,8 +1,8 @@
-import { NavigationCommand } from "./commands";
-import { NavigationMessage } from "./navigation";
-import { NavigationPhase } from "./phases";
-import { RecognizedRoute } from "./recognizer";
-import { Router } from "./router";
+import { NavigationCommand } from "./commands.js";
+import { NavigationMessage } from "./navigation.js";
+import { NavigationPhase } from "./phases.js";
+import { RecognizedRoute } from "./recognizer.js";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/dts/fast-router.d.ts

@@ -1,5 +1,5 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { RouterElement } from "./router";
+import { RouterElement } from "./router.js";
 declare const FASTRouter_base: new () => FASTElement & RouterElement;
 /**
  * @alpha

package/dist/dts/index-rollup.d.ts

@@ -1,2 +1,2 @@
-export * from "./index";
+export * from "./index.js";
 export * from "@microsoft/fast-element";

package/dist/dts/index.d.ts

@@ -1,13 +1,13 @@
-export * from "./commands";
-export * from "./configuration";
-export * from "./fast-router";
-export * from "./links";
-export * from "./navigation";
-export * from "./contributors";
-export * from "./phases";
-export * from "./process";
-export * from "./query-string";
-export * from "./recognizer";
-export * from "./router";
-export * from "./routes";
-export * from "./view";
+export * from "./commands.js";
+export * from "./configuration.js";
+export * from "./fast-router.js";
+export * from "./links.js";
+export * from "./navigation.js";
+export * from "./contributors.js";
+export * from "./phases.js";
+export * from "./process.js";
+export * from "./query-string.js";
+export * from "./recognizer.js";
+export * from "./router.js";
+export * from "./routes.js";
+export * from "./view.js";

package/dist/dts/navigation.d.ts

@@ -1,4 +1,4 @@
-import { Router } from "./router";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/dts/phases.d.ts

@@ -1,5 +1,5 @@
-import { RecognizedRoute } from "./recognizer";
-import { Router } from "./router";
+import { RecognizedRoute } from "./recognizer.js";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/dts/process.d.ts

@@ -1,7 +1,7 @@
-import { NavigationMessage } from "./navigation";
-import { NavigationCommitPhase, NavigationPhaseFollowupAction, NavigationPhaseName } from "./phases";
-import { RecognizedRoute } from "./recognizer";
-import { Router } from "./router";
+import { NavigationMessage } from "./navigation.js";
+import { NavigationCommitPhase, NavigationPhaseFollowupAction, NavigationPhaseName } from "./phases.js";
+import { RecognizedRoute } from "./recognizer.js";
+import { Router } from "./router.js";
 declare class NavigationPhaseImpl<TSettings = any> implements NavigationCommitPhase<TSettings> {
     readonly name: NavigationPhaseName;
     private readonly commitActions;

package/dist/dts/recognizer.d.ts

@@ -1,4 +1,4 @@
-import { Route } from "./navigation";
+import { Route } from "./navigation.js";
 /**
  * @alpha
  */

package/dist/dts/router.d.ts

@@ -1,8 +1,8 @@
 import { FASTElement } from "@microsoft/fast-element";
-import { RenderCommand } from "./commands";
-import { RouterConfiguration } from "./configuration";
-import { NavigationContributor } from "./contributors";
-import { RecognizedRoute } from "./recognizer";
+import { RenderCommand } from "./commands.js";
+import { RouterConfiguration } from "./configuration.js";
+import { NavigationContributor } from "./contributors.js";
+import { RecognizedRoute } from "./recognizer.js";
 /**
  * @alpha
  */

package/dist/dts/routes.d.ts

@@ -1,9 +1,9 @@
 import { Constructable, FASTElement, ViewTemplate } from "@microsoft/fast-element";
-import { RecognizedRoute, RouteParameterConverter } from "./recognizer";
-import { NavigationCommand } from "./commands";
-import { Layout, Transition } from "./view";
-import { RouterConfiguration } from "./configuration";
-import { Route } from "./navigation";
+import { RecognizedRoute, RouteParameterConverter } from "./recognizer.js";
+import { NavigationCommand } from "./commands.js";
+import { Layout, Transition } from "./view.js";
+import { RouterConfiguration } from "./configuration.js";
+import { Route } from "./navigation.js";
 /**
  * @internal
  */

package/dist/dts/view.d.ts

@@ -1,5 +1,5 @@
 import { ComposableStyles, ExecutionContext, ViewTemplate } from "@microsoft/fast-element";
-import { Router } from "./router";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/esm/commands.js

@@ -1,8 +1,8 @@
 import { __awaiter } from "tslib";
 import { FASTElementDefinition, html, HTMLView, ViewTemplate, } from "@microsoft/fast-element";
-import { FASTElementLayout } from "./view";
-import { Route } from "./navigation";
-import { navigationContributor } from "./contributors";
+import { FASTElementLayout } from "./view.js";
+import { Route } from "./navigation.js";
+import { navigationContributor } from "./contributors.js";
 /**
  * @alpha
  */

package/dist/esm/configuration.js

@@ -1,13 +1,13 @@
 import { __awaiter } from "tslib";
-import { DefaultNavigationQueue } from "./navigation";
-import { Layout, Transition } from "./view";
-import { RouteCollection } from "./routes";
-import { DefaultLinkHandler } from "./links";
-import { DefaultNavigationProcess } from "./process";
-import { DefaultTitleBuilder } from "./titles";
-import { DefaultRoutingEventSink } from "./events";
-import { isNavigationPhaseContributor } from "./contributors";
-import { DefaultRouteRecognizer } from "./recognizer";
+import { DefaultNavigationQueue } from "./navigation.js";
+import { Layout, Transition } from "./view.js";
+import { RouteCollection } from "./routes.js";
+import { DefaultLinkHandler } from "./links.js";
+import { DefaultNavigationProcess } from "./process.js";
+import { DefaultTitleBuilder } from "./titles.js";
+import { DefaultRoutingEventSink } from "./events.js";
+import { isNavigationPhaseContributor } from "./contributors.js";
+import { DefaultRouteRecognizer } from "./recognizer.js";
 /**
  * @alpha
  */

package/dist/esm/contributors.js

@@ -1,5 +1,5 @@
 import { DOM, HTMLDirective } from "@microsoft/fast-element";
-import { Router } from "./router";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/esm/fast-router.js

@@ -1,6 +1,6 @@
 import { __decorate } from "tslib";
 import { customElement, FASTElement } from "@microsoft/fast-element";
-import { Router } from "./router";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/esm/index-rollup.js

@@ -1,2 +1,2 @@
-export * from "./index";
+export * from "./index.js";
 export * from "@microsoft/fast-element";

package/dist/esm/index.js

@@ -1,13 +1,13 @@
-export * from "./commands";
-export * from "./configuration";
-export * from "./fast-router";
-export * from "./links";
-export * from "./navigation";
-export * from "./contributors";
-export * from "./phases";
-export * from "./process";
-export * from "./query-string";
-export * from "./recognizer";
-export * from "./router";
-export * from "./routes";
-export * from "./view";
+export * from "./commands.js";
+export * from "./configuration.js";
+export * from "./fast-router.js";
+export * from "./links.js";
+export * from "./navigation.js";
+export * from "./contributors.js";
+export * from "./phases.js";
+export * from "./process.js";
+export * from "./query-string.js";
+export * from "./recognizer.js";
+export * from "./router.js";
+export * from "./routes.js";
+export * from "./view.js";

package/dist/esm/links.js

@@ -1,4 +1,4 @@
-import { Route } from "./navigation";
+import { Route } from "./navigation.js";
 /**
  * @alpha
  */

package/dist/esm/navigation.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { Router } from "./router";
+import { Router } from "./router.js";
 /**
  * @alpha
  */

package/dist/esm/process.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { isNavigationPhaseContributor } from "./contributors";
+import { isNavigationPhaseContributor } from "./contributors.js";
 class NavigationPhaseImpl {
     constructor(name, route, router, commitActions, cancelActions) {
         this.name = name;

package/dist/esm/recognizer.js

@@ -1,5 +1,5 @@
 import { __awaiter } from "tslib";
-import { QueryString } from "./query-string";
+import { QueryString } from "./query-string.js";
 const defaultParameterConverter = (value) => value;
 /**
  * @alpha

package/dist/esm/router.js

@@ -1,8 +1,8 @@
 import { __awaiter } from "tslib";
 import { FASTElement } from "@microsoft/fast-element";
-import { NavigationMessage } from "./navigation";
-import { childRouteParameter } from "./routes";
-import { RouterExecutionContext } from "./view";
+import { NavigationMessage } from "./navigation.js";
+import { childRouteParameter } from "./routes.js";
+import { RouterExecutionContext } from "./view.js";
 const routerProperty = "$router";
 // TODO: remove this from here and from fast-foundation
 // TODO: move this to fast-element so router and foundation can both use it

package/dist/esm/routes.js

@@ -1,7 +1,7 @@
 import { __awaiter } from "tslib";
-import { ConfigurableRoute, Endpoint, RecognizedRoute, } from "./recognizer";
-import { Ignore, Redirect, Render } from "./commands";
-import { QueryString } from "./query-string";
+import { ConfigurableRoute, Endpoint, RecognizedRoute, } from "./recognizer.js";
+import { Ignore, Redirect, Render } from "./commands.js";
+import { QueryString } from "./query-string.js";
 /**
  * @internal
  */

package/dist/esm/view.js

@@ -1,6 +1,6 @@
 import { __awaiter } from "tslib";
 import { defaultExecutionContext, ElementStyles, html, } from "@microsoft/fast-element";
-import { isFASTElementHost } from "./router";
+import { isFASTElementHost } from "./router.js";
 /**
  * @alpha
  */

package/karma.conf.cjs

@@ -0,0 +1,152 @@
+const path = require("path");
+
+const basePath = path.resolve(__dirname);
+
+const commonChromeFlags = [
+    "--no-default-browser-check",
+    "--no-first-run",
+    "--no-sandbox",
+    "--no-managed-user-acknowledgment-check",
+    "--disable-background-timer-throttling",
+    "--disable-backing-store-limit",
+    "--disable-boot-animation",
+    "--disable-cloud-import",
+    "--disable-contextual-search",
+    "--disable-default-apps",
+    "--disable-extensions",
+    "--disable-infobars",
+    "--disable-translate",
+];
+
+module.exports = function (config) {
+    let browsers;
+    if (process.env.BROWSERS) {
+        browsers = [process.env.BROWSERS];
+    } else if (config.browsers) {
+        browsers = config.browsers;
+    } else {
+        browsers = ["Chrome"];
+    }
+
+    const setup = "setup-browser" + (config.package ? "-" + config.package : "");
+    const options = {
+        basePath,
+        browserDisconnectTimeout: 10000,
+        processKillTimeout: 10000,
+        frameworks: ["source-map-support", "mocha"],
+        plugins: [
+            require("karma-mocha"),
+            require("karma-mocha-reporter"),
+            require("karma-webpack"),
+            require("karma-source-map-support"),
+            require("karma-sourcemap-loader"),
+            require("karma-coverage-istanbul-reporter"),
+            require("karma-chrome-launcher"),
+            require("karma-firefox-launcher"),
+        ],
+        files: [`dist/esm/__test__/${setup}.js`],
+        preprocessors: {
+            [`dist/esm/__test__/${setup}.js`]: ["webpack", "sourcemap"],
+        },
+        webpackMiddleware: {
+            // webpack-dev-middleware configuration
+            // i. e.
+            stats: "errors-only",
+        },
+        webpack: {
+            mode: "none",
+            resolve: {
+                extensions: [".js"],
+                modules: ["dist", "node_modules"],
+                mainFields: ["module", "main"],
+            },
+            devtool: "inline-source-map",
+            performance: {
+                hints: false,
+            },
+            optimization: {
+                namedModules: false,
+                namedChunks: false,
+                nodeEnv: false,
+                usedExports: true,
+                flagIncludedChunks: false,
+                occurrenceOrder: false,
+                sideEffects: true,
+                concatenateModules: true,
+                splitChunks: {
+                    name: false,
+                },
+                runtimeChunk: false,
+                noEmitOnErrors: false,
+                checkWasmTypes: false,
+                minimize: false,
+            },
+            module: {
+                rules: [
+                    {
+                        test: /\.js\.map$/,
+                        use: ["ignore-loader"],
+                    },
+                    {
+                        test: /\.js$/,
+                        use: [
+                            {
+                                loader: "source-map-loader",
+                                options: {
+                                    enforce: "pre",
+                                },
+                            },
+                        ],
+                    },
+                ],
+            },
+        },
+        mime: {
+            "text/x-typescript": ["ts"],
+        },
+        reporters: [config.reporter || (process.env.CI ? "min" : "progress")],
+        browsers: browsers,
+        customLaunchers: {
+            ChromeDebugging: {
+                base: "Chrome",
+                flags: [...commonChromeFlags, "--remote-debugging-port=9333"],
+                debug: true,
+            },
+            ChromeHeadlessOpt: {
+                base: "ChromeHeadless",
+                flags: [...commonChromeFlags],
+            },
+        },
+        client: {
+            captureConsole: true,
+            mocha: {
+                bail: config["bail"],
+                ui: "bdd",
+                timeout: 5000,
+            },
+        },
+        logLevel: config.LOG_ERROR, // to disable the WARN 404 for image requests
+    };
+
+    if (config.coverage) {
+        options.webpack.module.rules.push({
+            enforce: "post",
+            exclude: /(__tests__|testing|node_modules|\.spec\.[tj]s$)/,
+            loader: "istanbul-instrumenter-loader",
+            options: { esModules: true },
+            test: /\.[tj]s$/,
+        });
+        options.reporters = ["coverage-istanbul", ...options.reporters];
+        options.coverageIstanbulReporter = {
+            reports: ["html", "text-summary", "json", "lcovonly", "cobertura"],
+            dir: "coverage",
+        };
+        options.junitReporter = {
+            outputDir: "coverage",
+            outputFile: "test-results.xml",
+            useBrowserName: false,
+        };
+    }
+
+    config.set(options);
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "@microsoft/fast-router",
   "description": "A web-components-based router.",
   "sideEffects": false,
-  "version": "0.2.16",
+  "version": "0.3.0",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -17,6 +17,7 @@
   },
   "main": "dist/esm/index.js",
   "types": "dist/fast-router.d.ts",
+  "type": "module",
   "unpkg": "dist/fast-router.min.js",
   "scripts": {
     "clean:dist": "node ../../../build/clean.js dist",
@@ -30,17 +31,17 @@
     "prettier:diff": "prettier --config ../../../.prettierrc \"**/*.ts\" --list-different",
     "eslint": "eslint . --ext .ts",
     "eslint:fix": "eslint . --ext .ts --fix",
-    "test": "yarn test-chrome:verbose && yarn doc:ci",
+    "test": "yarn eslint && yarn test-chrome:verbose && yarn doc:ci",
     "test-node": "mocha --reporter min --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
     "test-node:verbose": "mocha --reporter spec --exit dist/esm/__test__/setup-node.js './dist/esm/**/*.spec.js'",
-    "test-chrome": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --single-run --coverage",
-    "test-chrome:verbose": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --single-run --coverage --reporter=mocha",
-    "test-chrome:watch": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --coverage --watch-extensions js",
-    "test-chrome:debugger": "karma start karma.conf.js --browsers=ChromeDebugging",
-    "test-chrome:verbose:watch": "karma start karma.conf.js --browsers=ChromeHeadlessOpt --coverage --watch-extensions js --reporter=mocha",
-    "test-chrome:verbose:debugger": "karma start karma.conf.js --browsers=ChromeDebugging --reporter=mocha",
-    "test-firefox": "karma start karma.conf.js --browsers=FirefoxHeadless --single-run --coverage",
-    "test-firefox:verbose": "karma start karma.conf.js --browsers=FirefoxHeadless --single-run --coverage --reporter=mocha"
+    "test-chrome": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --single-run --coverage",
+    "test-chrome:verbose": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --single-run --coverage --reporter=mocha",
+    "test-chrome:watch": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --coverage --watch-extensions js",
+    "test-chrome:debugger": "karma start karma.conf.cjs --browsers=ChromeDebugging",
+    "test-chrome:verbose:watch": "karma start karma.conf.cjs --browsers=ChromeHeadlessOpt --coverage --watch-extensions js --reporter=mocha",
+    "test-chrome:verbose:debugger": "karma start karma.conf.cjs --browsers=ChromeDebugging --reporter=mocha",
+    "test-firefox": "karma start karma.conf.cjs --browsers=FirefoxHeadless --single-run --coverage",
+    "test-firefox:verbose": "karma start karma.conf.cjs --browsers=FirefoxHeadless --single-run --coverage --reporter=mocha"
   },
   "devDependencies": {
     "@microsoft/api-extractor": "7.8.1",