CssClassNameExtractor.Data.Output

newtype FileBody

Constructors

• FileBody String

Instances

• Generic FileBody _
• Show FileBody
• Eq FileBody

coerceFileBody :: FileBody -> String

newtype Namespace

Constructors

• Namespace String

Instances

• Generic Namespace _
• Show Namespace
• Eq Namespace

data Output

Constructors

• CssFile { body :: FileBody, name :: String, namespace :: Namespace }
• JsFile { path :: FilePath, stylePath :: FilePath }
• PursFile { classNames :: List SelectorF, namespace :: Namespace, path :: FilePath }

Instances

• Generic Output _
• Show Output
• Eq Output

replaceExt :: String -> String -> String

Replacement file extension

> replaceExt foo.js "css"
foo.css

capitalizeFilename :: String -> String

Filename head to upper

> capitalizeFilename foo.js
Foo.js

makeCssFile :: Namespace -> FileBody -> String -> Output

Make a CSS file output

> makeCssFile (Namespace "Data.Foo.Bar") ".foo { display: flex }" styles.module.css
CssFile { namesapce: Namespace "Data.Foo.Bar", body: ".foo { display: flex }"  }

makeJsFile :: FilePath -> Output

Make a Js file output

> makeJsFile "./src/components/styles.css"
JsFile { path ::  "./src/components/Styles.js" } 

makePursFile :: Namespace -> FilePath -> List SelectorF -> Output

Make a Purs file output

> makePursFile (Namespace "Data.Foo.Bar") "./src/components/styles.css" List.fromFoldable [Class "foo"]
PursFile { path ::  "./src/components/Style.purs", namespace: (Namespace "Data.Foo.Bar"), classNames: [Class "foo"] } 

renderOutput :: Output -> FileBody

Convert Output to FileBody. This function extracts the content from CSS files CSS file -> Extracts the content JS file -> Generates a JavaScript module that imports and exports CSS modules with a helper function Purs file -> Generates a PureScript module that exports class names as constants with an FFI helper function

getDistPath :: Output -> FilePath

Returns the destination file path for the given output. The path is determined based on the output type and configuration settings.