fix: PDSymbol created by two different modules

packages/compiler/src/compiler.ts

@@ -8,14 +8,14 @@ import EsTreePlugin from "prettier/plugins/estree";
 export class Compiler {
   constructor(public input: QuasiOutput) {}
 
-  refinaModuleURL = "refina";
   runtimeModuleURL = "@quasi-dev/runtime";
 
   async compile() {
     const code = `
-import { app, view } from "${this.refinaModuleURL}";
 import QuasiRuntime, * as $quasi from "${this.runtimeModuleURL}";
 
+const { app, view } = $quasi.refina;
+
 ${this.input.views
   .map((v) => {
     const viewCompiler = new ViewCompiler(this, v);

packages/northstar/src/views/preview.r.ts

@@ -1,7 +1,6 @@
 /// <reference types="vite/client" />
 import { HTMLElementComponent, ref, view } from "refina";
 
-import refinaURL from "refina/src/index.ts?url";
 import runtimeURL from "@quasi-dev/runtime/src/index.ts?url";
 import iframeURL from "./iframe/index.html?url";
 import mduiStyleContent from "@quasi-dev/runtime/styles.min.css?raw"; // Used in production
@@ -21,7 +20,6 @@ let errorMsg = "";
 
 export async function startPreview() {
   const compiler = new Compiler(toOutput());
-  compiler.refinaModuleURL = refinaURL;
   compiler.runtimeModuleURL = runtimeURL;
   code = await compiler.compile();
   codeModified = true;

packages/runtime/src/index.ts

@@ -10,3 +10,6 @@ export * from "./textNode.r";
 
 import QuasiRuntime from "./plugin";
 export default QuasiRuntime;
+
+import * as refina from "refina";
+export { refina };