Rebased

apps/post-analytics-spike/dist/modals-6ff42da2.mjs

@@ -1,4 +1,4 @@
-import { f as O, C as U, i as H, j as I, c as M0, a as i, R as E, b as t, u as o0, d as u0, e as I0, g as P, N as G, h as d0 } from "./index-b060828d.mjs";
+import { f as O, C as U, i as H, j as I, c as M0, a as i, R as E, b as t, u as o0, d as u0, e as I0, g as P, N as G, h as d0 } from "./index-dba6ef57.mjs";
 function D0(e, o) {
   typeof e == "function" ? e(o) : e != null && (e.current = o);
 }
@@ -1125,4 +1125,4 @@ const Ao = "bg-[rgba(98,109,121,0.2)] backdrop-blur-[3px]", r0 = ({
 export {
   ko as default
 };
-//# sourceMappingURL=modals-8550f7b5.mjs.map
+//# sourceMappingURL=modals-6ff42da2.mjs.map

apps/post-analytics-spike/src/App.tsx

@@ -1,7 +1,7 @@
-import MainContent from './MainContent';
 import {DesignSystemApp, DesignSystemAppProps} from '@tryghost/admin-x-design-system';
 import {FrameworkProvider, TopLevelFrameworkProps} from '@tryghost/admin-x-framework';
 import {RoutingProvider} from '@tryghost/admin-x-framework/routing';
+import PostAnalytics from './PostAnalytics';
 
 interface AppProps {
     framework: TopLevelFrameworkProps;
@@ -20,7 +20,7 @@ const App: React.FC<AppProps> = ({framework, designSystem}) => {
         <FrameworkProvider {...framework}>
             <RoutingProvider basePath='post-analytics-spike' modals={modals}>
                 <DesignSystemApp className='post-analytics-spike' {...designSystem}>
-                    <MainContent />
+                    <PostAnalytics />
                 </DesignSystemApp>
             </RoutingProvider>
         </FrameworkProvider>

apps/post-analytics-spike/src/PostAnalytics.tsx

@@ -0,0 +1,9 @@
+const PostAnalytics = () => {
+    return (
+        <div>
+            <h1>Post analytics</h1>
+        </div>
+    );
+}
+
+export default PostAnalytics;

ghost/admin/app/components/admin-x/admin-x-component.js

@@ -83,6 +83,7 @@ export const importComponent = async (packageName) => {
         window[packageName] = await import(`https://${url.host}${url.pathname}${url.search}`);
     }
 
+    // e.g. http://localhost:2368/ghost/assets/post-analytics-spike/post-analytics-spike.js?v=development
     console.log('import URL: ', `http://${url.host}${url.pathname}${url.search}`);
 
     return window[packageName];