fix icon in demo. Fix config to build example

rommguy · Mar 2, 2024 · 7c8159c · 7c8159c
1 parent e967e5d
commit 7c8159c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 47 deletions.
diff --git a/src/example/demoComp.tsx b/src/example/demoComp.tsx
@@ -3,6 +3,7 @@ import { demoText } from "./demoText.ts";
 import { times, map } from "lodash/fp";
 import "./demoComp.css";
 import { CSSProperties, useState } from "react";
+import Giraffe from "./giraffe-icon.png";
 
 interface DemoCompProps {
   demoType:
@@ -64,7 +65,7 @@ export const DemoComp = ({ demoType, descriptionSide }: DemoCompProps) => {
           style={descriptionStyle}
         >
           <div className="example-description">
-            <img src="src/example/giraffe-icon.png" />
+            <img src={Giraffe} />
             There are no limits for your design.
           </div>
           <div className="panel crazy-scroll">

diff --git a/vite.config.ts b/vite.config.ts
@@ -5,26 +5,22 @@ import dts from "vite-plugin-dts";
 
 export default defineConfig(({ mode }) => {
   const isProdBuild = mode !== "example";
-  const entry = isProdBuild
-    ? path.resolve(__dirname, "index.ts")
-    : path.resolve(__dirname, "src/main.tsx");
 
-  const external = isProdBuild ? ["react", "react-dom"] : [];
-  const globals = isProdBuild
-    ? { react: "React", "react-dom": "ReactDOM" }
-    : {};
+  if (!isProdBuild) {
+    return { plugins: [react()], build: { outDir: "exampleDist" } };
+  }
 
-  const baseConfig = {
+  return {
     build: {
       lib: {
-        entry,
+        entry: path.resolve(__dirname, "index.ts"),
         name: "react-custom-scroll",
         fileName: (format) => `index.${format}.js`,
       },
       rollupOptions: {
-        external,
+        external: ["react", "react-dom"],
         output: {
-          globals,
+          globals: { react: "React", "react-dom": "ReactDOM" },
         },
       },
       sourcemap: true,
@@ -35,39 +31,4 @@ export default defineConfig(({ mode }) => {
       port: 5174,
     },
   };
-
-  if (isProdBuild) {
-    return baseConfig;
-  }
-
-  return {
-    ...baseConfig,
-    build: { ...baseConfig.build, outDir: "exampleDist" },
-  };
 });
-
-// https://vitejs.dev/config/
-// export default defineConfig({
-//   build: {
-//     lib: {
-//       entry: path.resolve(__dirname, "index.ts"),
-//       name: "react-custom-scroll",
-//       fileName: (format) => `index.${format}.js`,
-//     },
-//     rollupOptions: {
-//       external: ["react", "react-dom"],
-//       output: {
-//         globals: {
-//           react: "React",
-//           "react-dom": "ReactDOM",
-//         },
-//       },
-//     },
-//     sourcemap: true,
-//     emptyOutDir: true,
-//   },
-//   plugins: [react(), dts()],
-//   server: {
-//     port: 5174,
-//   },
-// });