chore: packages do not explicitly run tsc (#28450)

Issue number: N/A

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->

Rollup has a plugin to handle TypeScript compilation that we are not
using. As a result, we are maintaining unnecessary infrastructure such
as compiling to `dist-transpiled`(TS to JS) and then compiling the
results to `dist` (JS files to bundled code).

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->

- Vue, Vue Router, React, and React Router now make use of the Rollup
Typescript plugin to handle TypeScript compilation for us. This lets us
remove the `dist-transpiled` directory altogether and the manual `tsc`
invocation.

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. -->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Developers should not see any changes in how they consume Ionic. This
just hands the TypeScript compilation step off to the Rollup plugin.

Dev build: `7.5.3-dev.11698859252.15ac163e`

Author: liamdebeasi

packages/react-router/package-lock.json

@@ -21,13 +21,12 @@
   },
   "scripts": {
     "build": "npm run clean && npm run compile",
-    "clean": "rimraf dist dist-transpiled",
-    "compile": "npm run tsc && rollup -c",
+    "clean": "rimraf dist",
+    "compile": "rollup -c",
     "eslint": "eslint src",
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
     "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
-    "tsc": "tsc -p .",
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
@@ -49,6 +48,7 @@
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@types/node": "^14.0.14",
     "@types/react": "16.14.0",
     "@types/react-dom": "^16.9.0",

packages/react-router/package.json

@@ -1,8 +1,9 @@
 import sourcemaps from 'rollup-plugin-sourcemaps';
 import resolve from '@rollup/plugin-node-resolve';
+import typescript from '@rollup/plugin-typescript';
 
 export default {
-  input: 'dist-transpiled/index.js',
+  input: 'src/index.ts',
   output: [
     {
       file: 'dist/index.js',
@@ -11,5 +12,9 @@ export default {
     }
   ],
   external: (id) => !/^(\.|\/)/.test(id),
-  plugins: [resolve(), sourcemaps()],
+  plugins: [
+    typescript(),
+    resolve(),
+    sourcemaps()
+  ],
 };

packages/react-router/rollup.config.js

@@ -15,7 +15,7 @@
     "noImplicitReturns": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "outDir": "dist-transpiled",
+    "outDir": "dist",
     "declarationDir": "dist/types",
     "removeComments": false,
     "inlineSources": true,

packages/react-router/tsconfig.json

@@ -21,13 +21,12 @@
   },
   "scripts": {
     "build": "npm run clean && npm run copy && npm run compile",
-    "clean": "rimraf dist && rimraf dist-transpiled && rimraf routing",
-    "compile": "npm run tsc && rollup -c",
+    "clean": "rimraf dist && rimraf routing",
+    "compile": "rollup -c",
     "eslint": "eslint src",
     "prettier": "prettier \"./src/**/*.{html,ts,tsx,js,jsx}\"",
     "lint": "npm run eslint && npm run prettier -- --write --cache",
     "lint.fix": "npm run eslint -- --fix && npm run prettier -- --write --cache",
-    "tsc": "tsc -p .",
     "copy": "node scripts/copy.js",
     "test.spec": "jest --ci",
     "test.treeshake": "node scripts/treeshaking.js dist/index.esm.js",
@@ -52,6 +51,7 @@
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@rollup/plugin-virtual": "^2.0.3",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
@@ -83,7 +83,6 @@
     "testPathIgnorePatterns": [
       "cypress",
       "node_modules",
-      "dist-transpiled",
       "dist",
       "test/base/*",
       "test/apps/*",

packages/react/package-lock.json

@@ -1,12 +1,9 @@
 import resolve from '@rollup/plugin-node-resolve';
 import sourcemaps from 'rollup-plugin-sourcemaps';
-// import json from '@rollup/plugin-json';
+import typescript from '@rollup/plugin-typescript';
 
 export default {
-  input: {
-    index: 'dist-transpiled/index',
-    // 'routing/index': 'dist-transpiled/routing/index'
-  },
+  input: 'src/index.ts',
   output: [
     {
       dir: 'dist/',
@@ -18,8 +15,8 @@ export default {
   ],
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [
+    typescript(),
     resolve(),
     sourcemaps(),
-    // json()
   ],
 };

packages/react/package.json

@@ -15,7 +15,7 @@
     "noImplicitReturns": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "outDir": "dist-transpiled",
+    "outDir": "dist",
     "declarationDir": "dist/types",
     "removeComments": false,
     "inlineSources": true,