Update tsup config for shared package

Author: mayank1513

packages/shared/src/client/demo/demo.tsx

@@ -3,6 +3,7 @@
 import styles from "./demo.module.scss";
 import { LiveProvider, LiveEditor, LivePreview } from "react-live";
 import { Dots1, Dots2, Bars1, Bars2 } from "react18-loaders/dist/server";
+import text from "./index.ts?raw";
 
 const code = `
 // available components Dots1, Dots2, Bars1, Bars2
@@ -13,6 +14,7 @@ const code = `
 
 /** React live demo */
 export function Demo() {
+  console.log({ text });
   return (
     <LiveProvider code={code} scope={{ Dots1, Dots2, Bars1, Bars2 }}>
       <div className={styles.demo}>

packages/shared/src/declaration.d.ts

@@ -1,2 +1,3 @@
 declare module "*.module.css";
 declare module "*.module.scss";
+declare module "*?raw";

packages/shared/tsup.config.ts

@@ -2,6 +2,7 @@ import { defineConfig, type Options } from "tsup";
 import react18Plugin from "esbuild-plugin-react18";
 import cssPlugin from "esbuild-plugin-react18-css";
 import { rdiPlugin } from "esbuild-plugin-rdi";
+import { raw } from "esbuild-raw-plugin";
 
 export default defineConfig(
   (options: Options) =>
@@ -14,6 +15,7 @@ export default defineConfig(
       bundle: true,
       minify: !options.watch,
       esbuildPlugins: [
+        raw(),
         react18Plugin(),
         cssPlugin({ generateScopedName: "[folder]__[local]" }),
         rdiPlugin(),