typewritingclass-next 0.1.1 → 0.1.3

package/README.md

@@ -40,7 +40,7 @@ Use `tw` directly -- no hooks, no client boundary:
 import { tw } from 'typewritingclass'
 
 export default function Home() {
-  return <h1 className={`${tw.text('2xl').font('700').textColor('slate-900')}`}>Hello</h1>
+  return <h1 className={tw.text('2xl').font('700').textColor('slate-900')}>Hello</h1>
 }
 ```
 

package/dist/index.cjs

@@ -0,0 +1,60 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  TWCStyles: () => TWCStyles,
+  getStyleSheet: () => import_server2.getStyleSheet,
+  getStyleTag: () => import_server2.getStyleTag,
+  useStyle: () => import_typewritingclass_react.useStyle
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/TWCStyles.tsx
+var import_react = __toESM(require("react"), 1);
+var import_server = require("typewritingclass-react/server");
+function TWCStyles() {
+  const css = (0, import_server.getStyleSheet)();
+  return import_react.default.createElement("style", {
+    "data-twc": "",
+    dangerouslySetInnerHTML: { __html: css }
+  });
+}
+
+// src/index.ts
+var import_typewritingclass_react = require("typewritingclass-react");
+var import_server2 = require("typewritingclass-react/server");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TWCStyles,
+  getStyleSheet,
+  getStyleTag,
+  useStyle
+});

package/{src/TWCStyles.tsx → dist/index.d.cts}

@@ -1,5 +1,6 @@
-import React from 'react'
-import { getStyleSheet } from 'typewritingclass-react/server'
+import React from 'react';
+export { useStyle } from 'typewritingclass-react';
+export { getStyleSheet, getStyleTag } from 'typewritingclass-react/server';
 
 /**
  * Server component that injects typewritingclass CSS into the document head.
@@ -24,10 +25,6 @@ import { getStyleSheet } from 'typewritingclass-react/server'
  * }
  * ```
  */
-export function TWCStyles(): React.JSX.Element {
-  const css = getStyleSheet()
-  return React.createElement('style', {
-    'data-twc': '',
-    dangerouslySetInnerHTML: { __html: css },
-  })
-}
+declare function TWCStyles(): React.JSX.Element;
+
+export { TWCStyles };

package/dist/index.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+export { useStyle } from 'typewritingclass-react';
+export { getStyleSheet, getStyleTag } from 'typewritingclass-react/server';
+
+/**
+ * Server component that injects typewritingclass CSS into the document head.
+ *
+ * Place this in your root layout to ensure all styles are included during SSR.
+ * This component is safe to use in React Server Components — it has no client-side
+ * dependencies.
+ *
+ * @example app/layout.tsx
+ * ```tsx
+ * import { TWCStyles } from 'typewritingclass-next'
+ *
+ * export default function RootLayout({ children }: { children: React.ReactNode }) {
+ *   return (
+ *     <html>
+ *       <head>
+ *         <TWCStyles />
+ *       </head>
+ *       <body>{children}</body>
+ *     </html>
+ *   )
+ * }
+ * ```
+ */
+declare function TWCStyles(): React.JSX.Element;
+
+export { TWCStyles };

package/dist/index.js

@@ -0,0 +1,20 @@
+// src/TWCStyles.tsx
+import React from "react";
+import { getStyleSheet } from "typewritingclass-react/server";
+function TWCStyles() {
+  const css = getStyleSheet();
+  return React.createElement("style", {
+    "data-twc": "",
+    dangerouslySetInnerHTML: { __html: css }
+  });
+}
+
+// src/index.ts
+import { useStyle } from "typewritingclass-react";
+import { getStyleSheet as getStyleSheet2, getStyleTag } from "typewritingclass-react/server";
+export {
+  TWCStyles,
+  getStyleSheet2 as getStyleSheet,
+  getStyleTag,
+  useStyle
+};

package/dist/plugin.cjs

@@ -0,0 +1,56 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/plugin.ts
+var plugin_exports = {};
+__export(plugin_exports, {
+  withTwc: () => withTwc
+});
+module.exports = __toCommonJS(plugin_exports);
+function withTwc(nextConfig = {}, options = {}) {
+  const babelOptions = {
+    outputFile: options.outputFile ?? ".next/twc.css",
+    strict: options.strict ?? true
+  };
+  return {
+    ...nextConfig,
+    webpack(config, context) {
+      config.module.rules.push({
+        test: /\.[jt]sx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: [
+              ["typewritingclass-babel", babelOptions]
+            ]
+          }
+        }
+      });
+      if (typeof nextConfig.webpack === "function") {
+        return nextConfig.webpack(config, context);
+      }
+      return config;
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  withTwc
+});

package/dist/plugin.d.cts

@@ -0,0 +1,37 @@
+interface NextConfig {
+    webpack?: (config: any, context: any) => any;
+    [key: string]: any;
+}
+interface TwcNextPluginOptions {
+    /** Path to write the combined CSS output file. Default: ".next/twc.css" */
+    outputFile?: string;
+    /** Enable strict mode for the compiler. Default: true */
+    strict?: boolean;
+}
+/**
+ * Next.js plugin that integrates typewritingclass build-time CSS extraction.
+ *
+ * Configures webpack to run the typewritingclass Babel transform on your source
+ * files, extracting static CSS at build time.
+ *
+ * @example next.config.mjs
+ * ```js
+ * import { withTwc } from 'typewritingclass-next/plugin'
+ *
+ * export default withTwc({
+ *   // your next config
+ * })
+ * ```
+ *
+ * @example With options
+ * ```js
+ * import { withTwc } from 'typewritingclass-next/plugin'
+ *
+ * export default withTwc({
+ *   // your next config
+ * }, { strict: true })
+ * ```
+ */
+declare function withTwc(nextConfig?: NextConfig, options?: TwcNextPluginOptions): NextConfig;
+
+export { type TwcNextPluginOptions, withTwc };

package/dist/plugin.d.ts

@@ -0,0 +1,37 @@
+interface NextConfig {
+    webpack?: (config: any, context: any) => any;
+    [key: string]: any;
+}
+interface TwcNextPluginOptions {
+    /** Path to write the combined CSS output file. Default: ".next/twc.css" */
+    outputFile?: string;
+    /** Enable strict mode for the compiler. Default: true */
+    strict?: boolean;
+}
+/**
+ * Next.js plugin that integrates typewritingclass build-time CSS extraction.
+ *
+ * Configures webpack to run the typewritingclass Babel transform on your source
+ * files, extracting static CSS at build time.
+ *
+ * @example next.config.mjs
+ * ```js
+ * import { withTwc } from 'typewritingclass-next/plugin'
+ *
+ * export default withTwc({
+ *   // your next config
+ * })
+ * ```
+ *
+ * @example With options
+ * ```js
+ * import { withTwc } from 'typewritingclass-next/plugin'
+ *
+ * export default withTwc({
+ *   // your next config
+ * }, { strict: true })
+ * ```
+ */
+declare function withTwc(nextConfig?: NextConfig, options?: TwcNextPluginOptions): NextConfig;
+
+export { type TwcNextPluginOptions, withTwc };

package/dist/plugin.js

@@ -0,0 +1,31 @@
+// src/plugin.ts
+function withTwc(nextConfig = {}, options = {}) {
+  const babelOptions = {
+    outputFile: options.outputFile ?? ".next/twc.css",
+    strict: options.strict ?? true
+  };
+  return {
+    ...nextConfig,
+    webpack(config, context) {
+      config.module.rules.push({
+        test: /\.[jt]sx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: "babel-loader",
+          options: {
+            plugins: [
+              ["typewritingclass-babel", babelOptions]
+            ]
+          }
+        }
+      });
+      if (typeof nextConfig.webpack === "function") {
+        return nextConfig.webpack(config, context);
+      }
+      return config;
+    }
+  };
+}
+export {
+  withTwc
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typewritingclass-next",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "repository": {
     "type": "git",
@@ -9,30 +9,50 @@
   },
   "exports": {
     ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
     },
     "./plugin": {
-      "types": "./src/plugin.ts",
-      "default": "./src/plugin.ts"
+      "import": {
+        "types": "./dist/plugin.d.ts",
+        "default": "./dist/plugin.js"
+      },
+      "require": {
+        "types": "./dist/plugin.d.cts",
+        "default": "./dist/plugin.cjs"
+      }
     }
   },
-  "files": ["src"],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "peerDependencies": {
     "next": "^13 || ^14 || ^15",
     "react": "^18 || ^19",
-    "typewritingclass": "workspace:*",
-    "typewritingclass-react": "workspace:*"
+    "typewritingclass": "0.2.3",
+    "typewritingclass-react": "0.2.1"
   },
   "dependencies": {
-    "typewritingclass-babel": "workspace:*"
+    "typewritingclass-babel": "0.1.3"
   },
   "devDependencies": {
     "next": "^15.0.0",
     "react": "^19.0.0",
     "@types/react": "^19.0.0",
     "typescript": "^5.7.3",
-    "typewritingclass": "workspace:*",
-    "typewritingclass-react": "workspace:*"
+    "typewritingclass": "0.2.3",
+    "typewritingclass-react": "0.2.1"
+  },
+  "scripts": {
+    "build": "tsup"
   }
-}
+}

package/src/index.ts

@@ -1,3 +0,0 @@
-export { TWCStyles } from './TWCStyles.tsx'
-export { useStyle } from 'typewritingclass-react'
-export { getStyleSheet, getStyleTag } from 'typewritingclass-react/server'

package/src/plugin.ts

@@ -1,70 +0,0 @@
-import type { TwcBabelPluginOptions } from 'typewritingclass-babel'
-
-interface NextConfig {
-  webpack?: (config: any, context: any) => any
-  [key: string]: any
-}
-
-export interface TwcNextPluginOptions {
-  /** Path to write the combined CSS output file. Default: ".next/twc.css" */
-  outputFile?: string
-  /** Enable strict mode for the compiler. Default: true */
-  strict?: boolean
-}
-
-/**
- * Next.js plugin that integrates typewritingclass build-time CSS extraction.
- *
- * Configures webpack to run the typewritingclass Babel transform on your source
- * files, extracting static CSS at build time.
- *
- * @example next.config.mjs
- * ```js
- * import { withTwc } from 'typewritingclass-next/plugin'
- *
- * export default withTwc({
- *   // your next config
- * })
- * ```
- *
- * @example With options
- * ```js
- * import { withTwc } from 'typewritingclass-next/plugin'
- *
- * export default withTwc({
- *   // your next config
- * }, { strict: true })
- * ```
- */
-export function withTwc(nextConfig: NextConfig = {}, options: TwcNextPluginOptions = {}): NextConfig {
-  const babelOptions: TwcBabelPluginOptions = {
-    outputFile: options.outputFile ?? '.next/twc.css',
-    strict: options.strict ?? true,
-  }
-
-  return {
-    ...nextConfig,
-    webpack(config: any, context: any) {
-      // Add the typewritingclass babel plugin to the webpack babel-loader
-      config.module.rules.push({
-        test: /\.[jt]sx?$/,
-        exclude: /node_modules/,
-        use: {
-          loader: 'babel-loader',
-          options: {
-            plugins: [
-              ['typewritingclass-babel', babelOptions],
-            ],
-          },
-        },
-      })
-
-      // Call the user's webpack config if they provided one
-      if (typeof nextConfig.webpack === 'function') {
-        return nextConfig.webpack(config, context)
-      }
-
-      return config
-    },
-  }
-}