Update Project for Stencil 4

lerna.json

@@ -1,6 +1,5 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
   "useNx": true,
-  "useWorkspaces": true,
   "version": "0.0.0"
 }

package.json

@@ -2,8 +2,8 @@
   "name": "root",
   "private": true,
   "devDependencies": {
-    "@stencil/core": "^2.17.3",
-    "lerna": "^6.4.1"
+    "@stencil/core": "^4.12.5",
+    "lerna": "^8.1.2"
   },
   "workspaces": [
     "packages/*"

packages/demo/package.json

@@ -15,12 +15,12 @@
     "loader/"
   ],
   "scripts": {
-    "build": "../../node_modules/.bin/stencil build",
-    "start": "../../node_modules/.bin/stencil build --dev --watch --serve",
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
     "lint": "prettier --write 'src/**/*.ts'"
   },
   "license": "MIT",
   "dependencies": {
-    "@stencil-community/router": "^2.0.0-2"
+    "@stencil-community/router": "^2.0.0-3"
   }
 }

packages/demo/src/components.d.ts

@@ -6,46 +6,47 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 export namespace Components {
-  interface AppAccount {}
-  interface AppRoot {
-    logged: boolean;
-  }
+    interface AppAccount {
+    }
+    interface AppRoot {
+        "logged": boolean;
+    }
 }
 declare global {
-  interface HTMLAppAccountElement
-    extends Components.AppAccount,
-      HTMLStencilElement {}
-  var HTMLAppAccountElement: {
-    prototype: HTMLAppAccountElement;
-    new (): HTMLAppAccountElement;
-  };
-  interface HTMLAppRootElement extends Components.AppRoot, HTMLStencilElement {}
-  var HTMLAppRootElement: {
-    prototype: HTMLAppRootElement;
-    new (): HTMLAppRootElement;
-  };
-  interface HTMLElementTagNameMap {
-    "app-account": HTMLAppAccountElement;
-    "app-root": HTMLAppRootElement;
-  }
+    interface HTMLAppAccountElement extends Components.AppAccount, HTMLStencilElement {
+    }
+    var HTMLAppAccountElement: {
+        prototype: HTMLAppAccountElement;
+        new (): HTMLAppAccountElement;
+    };
+    interface HTMLAppRootElement extends Components.AppRoot, HTMLStencilElement {
+    }
+    var HTMLAppRootElement: {
+        prototype: HTMLAppRootElement;
+        new (): HTMLAppRootElement;
+    };
+    interface HTMLElementTagNameMap {
+        "app-account": HTMLAppAccountElement;
+        "app-root": HTMLAppRootElement;
+    }
 }
 declare namespace LocalJSX {
-  interface AppAccount {}
-  interface AppRoot {
-    logged?: boolean;
-  }
-  interface IntrinsicElements {
-    "app-account": AppAccount;
-    "app-root": AppRoot;
-  }
+    interface AppAccount {
+    }
+    interface AppRoot {
+        "logged"?: boolean;
+    }
+    interface IntrinsicElements {
+        "app-account": AppAccount;
+        "app-root": AppRoot;
+    }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
-  export namespace JSX {
-    interface IntrinsicElements {
-      "app-account": LocalJSX.AppAccount &
-        JSXBase.HTMLAttributes<HTMLAppAccountElement>;
-      "app-root": LocalJSX.AppRoot & JSXBase.HTMLAttributes<HTMLAppRootElement>;
+    export namespace JSX {
+        interface IntrinsicElements {
+            "app-account": LocalJSX.AppAccount & JSXBase.HTMLAttributes<HTMLAppAccountElement>;
+            "app-root": LocalJSX.AppRoot & JSXBase.HTMLAttributes<HTMLAppRootElement>;
+        }
     }
-  }
 }

packages/demo/tsconfig.json

@@ -11,7 +11,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "jsx": "react",
-    "jsxFactory": "h"
+    "jsxFactory": "h",
+    "skipLibCheck": true
   },
   "include": ["src"],
   "exclude": ["node_modules"]

packages/router/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@stencil-community/router",
-  "version": "2.0.0-2",
+  "version": "2.0.0-3",
   "description": "Router based in @stencil/store",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "rm -rf dist && tsc -p . && npm run rollup",
+    "build": "rimraf dist && tsc -p . && npm run rollup",
     "lint": "prettier --write 'src/**/*.ts'",
     "release": "np --any-branch",
-    "rollup": "rollup -c rollup.config.js",
+    "rollup": "rollup -c rollup.config.js --bundleConfigAsCjs",
     "test": "stencil test --spec",
     "version": "npm run build"
   },
@@ -24,21 +24,22 @@
   "author": "Manu Mtz.-Almeida",
   "license": "MIT",
   "peerDependencies": {
-    "@stencil/core": "^2.17.1"
+    "@stencil/core": "^4.12.5"
   },
   "dependencies": {
-    "@stencil/store": "^2.0.0"
+    "@stencil/store": "^2.0.14"
   },
   "devDependencies": {
-    "@stencil/core": "^2.17.1",
-    "@types/jest": "^27.0.3",
-    "jest": "^27.0.3",
-    "jest-cli": "^27.5.1",
-    "jest-config": "^27.5.1",
-    "np": "^6.5.0",
-    "prettier": "^2.1.2",
-    "rollup": "^2.32.0",
-    "typescript": "^4.0.3"
+    "@stencil/core": "^4.12.5",
+    "@types/jest": "^29.5.12",
+    "jest": "^29.5.12",
+    "jest-cli": "^29.5.12",
+    "jest-config": "^29.5.12",
+    "np": "^10.0.0",
+    "prettier": "^3.2.5",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.12.0",
+    "typescript": "^5.3.3"
   },
   "repository": {
     "type": "git",

packages/router/stencil.config.ts

@@ -0,0 +1,17 @@
+import { Config } from '@stencil/core';
+
+export const config: Config = {
+  namespace: 'stencil-router-tests',
+  outputTargets: [
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader'
+    },
+    {
+      type: 'www',
+      serviceWorker: null, // disable service workers
+      prerenderConfig: "./prerendering.config.ts",
+      baseUrl: "https://example.com"
+    }
+  ]
+};

packages/router/tsconfig.json

@@ -14,7 +14,8 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "jsx": "react",
-    "jsxFactory": "h"
+    "jsxFactory": "h",
+    "skipLibCheck": true,
   },
   "include": [
     "src"