Hello, cruel world!

Author: kossnocorp

Diff for: .gitignore

@@ -0,0 +1,3 @@
+node_modules
+lib
+.vscode

Diff for: .prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "semi": false
+}

Diff for: Makefile

@@ -0,0 +1,21 @@
+.DEFAULT_GOAL := build
+.PHONY: build
+
+SHELL := /bin/bash
+PATH := $(shell yarn bin):$(PATH)
+
+test:
+	jest
+.PHONY: test
+
+test-watch:
+	jest --watch
+
+build:
+	@rm -rf lib
+	@tsc
+	@prettier "**/*.[jt]s" --write --loglevel silent
+	@node -e "require('fs').writeFileSync('./lib/package.json', JSON.stringify(Object.assign(require('./package.json'), { main: 'index.js' }), null, 2))"
+
+publish: build
+	cd lib && npm publish

Diff for: README.md

@@ -0,0 +1,3 @@
+# Nyan CSS CSS Modules
+
+TODO

Diff for: babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' } }],
+    '@babel/preset-typescript'
+  ]
+}

Diff for: jest.config.js

@@ -0,0 +1,3 @@
+{
+  roots: ['<rootDir>/src/']
+}

Diff for: package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@nyancss/css-modules",
+  "version": "1.0.0",
+  "description": "Converts CSS Modules into Nyan CSS",
+  "main": "lib/index.js",
+  "repository": "https://github.com/nyancss/nyancss-css-modules",
+  "author": "Sasha Koss <[email protected]>",
+  "license": "MIT",
+  "dependencies": {
+    "@nyancss/types": "../nyancss-types/lib",
+    "@nyancss/utils": "../nyancss-utils/lib/"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.4.5",
+    "@babel/preset-typescript": "^7.3.3",
+    "@types/jest": "^24.0.13",
+    "@types/node": "^12.0.4",
+    "jest": "^24.8.0",
+    "prettier": "^1.17.1",
+    "typescript": "^3.5.1"
+  }
+}

Diff for: src/convert/index.ts

@@ -0,0 +1,20 @@
+import { NyanCSSMap } from '@nyancss/types'
+import {
+  applyComponent,
+  tryApplyBooleanProp,
+  tryApplyEnumProp
+} from '@nyancss/utils'
+import { NyanCSSModules } from '../types'
+
+export default function convert(cssModules: NyanCSSModules) {
+  return Object.keys(cssModules).reduce(
+    (map, className) => {
+      const processedClassName = cssModules[className]
+      tryApplyBooleanProp(map, className, processedClassName) ||
+        tryApplyEnumProp(map, className, processedClassName) ||
+        applyComponent(map, className, processedClassName)
+      return map
+    },
+    {} as NyanCSSMap
+  )
+}

Diff for: src/convert/test.ts

@@ -0,0 +1,116 @@
+import convert from '.'
+
+describe('convert', () => {
+  it('converts CSS components', () => {
+    expect(convert({ Button: 'Button-xxx', Input: 'Input-xxx' })).toEqual({
+      Button: {
+        componentName: 'Button',
+        tag: undefined,
+        className: 'Button-xxx',
+        props: {}
+      },
+
+      Input: {
+        componentName: 'Input',
+        tag: undefined,
+        className: 'Input-xxx',
+        props: {}
+      }
+    })
+  })
+
+  it('converts boolean props', () => {
+    expect(
+      convert({ Button: 'Button-xxx', 'Button-active': 'Button-active-xxx' })
+    ).toEqual({
+      Button: {
+        componentName: 'Button',
+        tag: undefined,
+        className: 'Button-xxx',
+        props: {
+          active: {
+            propName: 'active',
+            type: 'boolean',
+            className: 'Button-active-xxx'
+          }
+        }
+      }
+    })
+  })
+
+  it('parses enum props', () => {
+    expect(
+      convert({
+        Text: 'Text-xxx',
+        'Text-color-red': 'Text-color-red-xxx',
+        'Text-color-green': 'Text-color-green-xxx'
+      })
+    ).toEqual({
+      Text: {
+        componentName: 'Text',
+        tag: undefined,
+        className: 'Text-xxx',
+        props: {
+          color: {
+            propName: 'color',
+            type: 'enum',
+            values: ['red', 'green'],
+            classNames: {
+              red: 'Text-color-red-xxx',
+              green: 'Text-color-green-xxx'
+            }
+          }
+        }
+      }
+    })
+  })
+
+  it('converts enum props with boolean value', () => {
+    expect(
+      convert({
+        'Spacing-padded': 'Spacing-padded-xxx',
+        'Spacing-padded-small': 'Spacing-padded-small-xxx',
+        'Spacing-padded-large': 'Spacing-padded-large-xxx',
+        'Link-active-red': 'Link-active-red-xxx',
+        'Link-active-green': 'Link-active-green-xxx',
+        'Link-active': 'Link-active-xxx'
+      })
+    ).toEqual({
+      Spacing: {
+        componentName: 'Spacing',
+        tag: undefined,
+        className: undefined,
+        props: {
+          padded: {
+            propName: 'padded',
+            type: 'enum',
+            values: [true, 'small', 'large'],
+            classNames: {
+              true: 'Spacing-padded-xxx',
+              small: 'Spacing-padded-small-xxx',
+              large: 'Spacing-padded-large-xxx'
+            }
+          }
+        }
+      },
+
+      Link: {
+        componentName: 'Link',
+        tag: undefined,
+        className: undefined,
+        props: {
+          active: {
+            propName: 'active',
+            type: 'enum',
+            values: ['red', 'green', true],
+            classNames: {
+              red: 'Link-active-red-xxx',
+              green: 'Link-active-green-xxx',
+              true: 'Link-active-xxx'
+            }
+          }
+        }
+      }
+    })
+  })
+})

Diff for: src/index.ts

@@ -0,0 +1 @@
+export { default as convert } from './convert'

Diff for: src/types.ts

@@ -0,0 +1,3 @@
+export type NyanCSSModules = {
+  [className: string]: string
+}

Diff for: tsconfig.json

@@ -0,0 +1,14 @@
+{
+  "compilerOptions": {
+    "rootDirs": ["src"],
+    "declaration": true,
+    "target": "es6",
+    "module": "commonjs",
+    "sourceMap": true,
+    "outDir": "lib",
+    "strict": true,
+    "noImplicitAny": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "exclude": ["**/test.ts", "lib", "node_modules"]
+}