monoscribe 0.1.0-beta.3 → 0.1.0-beta.4

package/README.md

@@ -1,6 +1,6 @@
 <picture>
-  <source srcset="./assets/logo-white.png" media="(prefers-color-scheme: dark)" />
-  <img src="./assets/logo-black.png" alt="Monoscribe Logo" />
+  <source srcset="https://raw.githubusercontent.com/yunusgogce/monoscribe/main/assets/logo-white.png" media="(prefers-color-scheme: dark)" />
+  <img src="https://raw.githubusercontent.com/yunusgogce/monoscribe/main/assets/logo-black.png" alt="Monoscribe Logo" />
 </picture>
 
 **Monoscribe** is a lightweight and customizable typography component library for React, designed to simplify text styling with a focus on monospace fonts. It provides pre-styled components that ensure consistency while allowing flexibility in font selection and customization. With built-in accessibility and animations, Monoscribe enables developers to implement high-quality typography without additional complexity.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "monoscribe",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.4",
   "type": "module",
   "main": "dist/monoscribe.cjs.js",
   "module": "dist/monoscribe.es.js",

package/tsconfig.json

@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "declaration": true,
-    "declarationDir": "./dist", // Ensure declaration files are output to the dist folder
+    "declarationDir": "./dist", 
     "outDir": "./dist",
     "moduleResolution": "node",
     "module": "ESNext",
@@ -10,5 +10,8 @@
     "skipLibCheck": true
   },
   "include": ["src"],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules",
+    "src/stories"
+  ]
 }

package/vite.config.ts

@@ -2,28 +2,30 @@ import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
 import dts from "vite-plugin-dts";
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [
     react(),
     dts({
-      insertTypesEntry: true, // Ensure types are included in the build
+      insertTypesEntry: true,
+      exclude: ["src/stories/**"],
     }),
   ],
   build: {
     lib: {
-      entry: "./src/index.ts", // The entry point for your library
-      name: "Monoscribe", // The global name for the library (used for UMD builds)
-      fileName: (format) => `monoscribe.${format}.js`, // Output file name
-      formats: ["es", "cjs"], // Output both ES and CommonJS formats
+      entry: "./src/index.ts",
+      name: "Monoscribe",
+      fileName: (format) => `monoscribe.${format}.js`,
+      formats: ["es", "cjs"],
     },
     rollupOptions: {
-      // Make sure to externalize dependencies that shouldn't be bundled
-      external: ["react", "react-dom"], // These should be treated as peer dependencies
+      external: ["react", "react-dom"],
+      input: {
+        main: "src/index.ts",
+      },
       output: {
         globals: {
           react: "React",
-          "react-dom": "ReactDOM", // This is how UMD/ES builds will reference them
+          "react-dom": "ReactDOM",
         },
       },
     },

package/dist/stories/Heading.stories.d.ts

@@ -1,12 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: ({ level, size, ...props }: import('../components/Heading').HeadingProps) => import("react/jsx-runtime").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const H1: Story;