feat: initial commit

.changeset/tiny-otters-march.md

@@ -0,0 +1,5 @@
+---
+"@citrus327/bem-namer": major
+---
+
+feat: initial commit

README.md

@@ -1,23 +1,26 @@
-# @citrus327/array-partition
+# @citrus327/bem-namer
 
-![Download](https://img.shields.io/npm/dw/@citrus327/array-partition)
-![Version](https://img.shields.io/npm/v/@citrus327/array-partition)
-
-partition an array into two.
+![Download](https://img.shields.io/npm/dw/@citrus327/bem-namer)
+![Version](https://img.shields.io/npm/v/@citrus327/bem-namer)
 
+A simplified version of BEM name generator
 
 ## Installation
 
 ```sh
-pnpm install @citrus327/array-partition
+pnpm install @citrus327/bem-namer
 ```
 
 ## Usage
 
 ```ts
-const arr = [1, 2, 3, 4, 5, 6]
-const [target, rest] = partition(arr, (o) => o % 2 === 0)
+import { bem } from '@citrus327/bem-namer';
+
+const { b, m } = bem("user-card")
+
+expect(b()).toBe("user-card")
+expect(b("container")).toBe("user-card-container")
+expect(m("primary")).toBe("user-card--primary")
+expect(m("container", "primary")).toBe("user-card-container--primary")
 
-expect(target).toEqual([2, 4, 6])
-expect(rest).toEqual([1, 3, 5])
 ```

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@citrus327/my-ts-lib",
+  "name": "@citrus327/bem-namer",
   "version": "0.0.0",
-  "description": "My awesome typescript library",
+  "description": "A simplified version of BEM name generator",
   "publishConfig": {
     "access": "public"
   },

src/index.ts

@@ -1 +1,28 @@
-export const foo = 'foo'
+const join = (a: string, b: string, seperator: string) => {
+  return [a, b].filter(Boolean).join(seperator);
+};
+
+
+const bem = (baseClassName = '') => ({
+  b: (block?: string) => {
+    if (!block) return baseClassName;
+    return `${baseClassName}-${block}`;
+  },
+  m: (block = '', modifier = '') => {
+    let _modifier = modifier;
+    let _block = block;
+
+    if (!_modifier && _block) {
+      _modifier = _block;
+      _block = '';
+    }
+
+    if (!_block && _modifier) {
+      return join(baseClassName, _modifier, '--');
+    }
+
+    return join(join(baseClassName, block, '-'), modifier, '--');
+  },
+});
+
+export { bem };

test/index.test.ts

@@ -1,8 +1,24 @@
 import { it, describe, expect } from "vitest"
-import { foo } from "../src"
+import { bem } from "../src"
 
 describe("simple", () => {
-  it("should equal", () => {
-    expect(foo).toBe("foo")
+  it("should equal with initials", () => {
+    const { b } = bem("user-card")
+    expect(b()).toBe("user-card")
+  })
+
+  it("should add block", () => {
+    const { b } = bem("user-card")
+    expect(b("container")).toBe("user-card-container")
+  })
+
+  it("should add modifier", () => {
+    const { m } = bem("user-card")
+    expect(m("primary")).toBe("user-card--primary")
+  })
+
+  it("should add modifier with block", () => {
+    const { m } = bem("user-card")
+    expect(m("container", "primary")).toBe("user-card-container--primary")
   })
 })