vite-plugin-react-server/dist/plugin/css-collector-inline.js

Vite plugin for React Server Components (RSC)

/**
 * vite-plugin-react-server
 * Copyright (c) Nico Brinkkemper
 * MIT License
 */
import React__default from 'react';
import { join } from 'node:path';
import { readFileSync } from 'node:fs';

function InlineCssCollector({
  children,
  cssFiles,
  moduleRootPath
}) {
  return React__default.createElement(
    React__default.Fragment,
    null,
    cssFiles.map((file, index) => {
      if (typeof file === "string") {
        let filePath = file;
        if (process.env["NODE_ENV"] === "development") {
          return React__default.createElement("link", {
            key: file,
            rel: "stylesheet",
            href: filePath
          });
        }
        return React__default.createElement(
          "style",
          {
            key: file,
            type: "text/css"
          },
          readFileSync(join(moduleRootPath, filePath), "utf-8")
        );
      }
      const { type, content, key, path } = file;
      return React__default.createElement(
        "style",
        {
          key: key ?? path ?? index,
          type: type ?? "text/css",
          ...process.env["NODE_ENV"] === "development" && {
            "data-vite-dev-id": join(moduleRootPath, path)
          }
        },
        content
      );
    }),
    children
  );
}

export { InlineCssCollector };
//# sourceMappingURL=css-collector-inline.js.map