packages: add compile-test-app that uses serve-plugin from cli

frontend/packages/compile-test-app/README.md

@@ -0,0 +1,3 @@
+# compile-test-app
+
+Used to try out different setups for building packages separately but supporting global watch mode.

frontend/packages/compile-test-app/dev/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ExampleComponent } from '../src';
+
+ReactDOM.render(
+  <main>
+    <h1>This is the dev app</h1>
+    <ExampleComponent />
+  </main>,
+  document.getElementById('root'),
+);

frontend/packages/compile-test-app/jest.config.js

@@ -0,0 +1,4 @@
+module.exports = {
+  ...require('@spotify/web-scripts/config/jest.config.js'),
+  setupFilesAfterEnv: ['../jest.setup.ts'],
+};

frontend/packages/compile-test-app/jest.setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

frontend/packages/compile-test-app/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "compile-test-app",
+  "version": "0.0.0",
+  "main": "dist/cjs/index.js",
+  "license": "Apache-2.0",
+  "private": false,
+  "scripts": {
+    "build": "tsc --outDir dist/cjs --noEmit false --module CommonJS",
+    "build:watch": "yarn run build --watch",
+    "start": "backstage-cli serve-plugin",
+    "lint": "web-scripts lint",
+    "test": "web-scripts test"
+  },
+  "devDependencies": {
+    "@spotify/web-scripts": "^6.0.0",
+    "@spotify-backstage/cli": "^1.2.0"
+  }
+}

frontend/packages/compile-test-app/src/ExampleComponent.tsx

@@ -0,0 +1,7 @@
+import React, { FC } from 'react';
+
+const ExampleComponent: FC<{}> = () => {
+  return <div>This is the ExampleComponent</div>;
+};
+
+export default ExampleComponent;

frontend/packages/compile-test-app/src/index.ts

@@ -0,0 +1 @@
+export { default as ExampleComponent } from './ExampleComponent';

frontend/packages/compile-test-app/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["dev", "src"]
+}