publish config

Author: mlebkowski

.gitignore

@@ -0,0 +1 @@
+dist/

Makefile

@@ -0,0 +1,17 @@
+node_modules: package-lock.json package.json
+	npm ci
+
+dist: node_modules
+	npm run test
+	npm run build
+
+.PHONY: publish
+publish: dist
+	@jq --arg version $(VERSION) '. + { $$version }' < package.json > dist/package.json
+	npm publish --access public dist/
+
+.PHONY: clean
+clean:
+	rm -fr dist/
+
+.DEFAULT_GOAL := publish

Readme.md

@@ -6,7 +6,7 @@
 
 ## Installation
 
-`npm install react-bem-template-functions`
+`npm install @puck/react-bem`
 
 ## Usage
 
@@ -202,7 +202,7 @@ display name and your CSS block name. The CSS name will be converted to `snake-c
 4. Wrap your export in a `withBem()` HOC
 
 ```tsx
-import { withBem } from 'react-bem-template-functions'
+import { withBem } from '@puck/react-bem'
 
 type Props = {
     title: string;

jest.config.js

@@ -1,12 +1,15 @@
 module.exports = {
-    preset: 'ts-jest',
-    testEnvironment: 'jsdom',
-    testMatch: ['**/*.spec.ts', '**/*.spec.tsx'],
-    transform: {
-        '.+': ['ts-jest', {
-            diagnostics: {
-                ignoreCodes: ['TS151001'],
-            },
-        }],
-    }
+  preset: "ts-jest",
+  testEnvironment: "jsdom",
+  testMatch: ["**/*.spec.ts", "**/*.spec.tsx"],
+  transform: {
+    ".+": [
+      "ts-jest",
+      {
+        diagnostics: {
+          ignoreCodes: ["TS151001"],
+        },
+      },
+    ],
+  },
 };

package.json

@@ -1,5 +1,7 @@
 {
-  "name": "react-bem-template-functions",
+  "name": "@puck/react-bem",
+  "main": "index.js",
+  "license": "MIT",
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.0",

BemFactory.ts src/BemFactory.tsBemFactory.ts renamed to src/BemFactory.ts

@@ -92,7 +92,7 @@ type OptionalClassName = {
 };
 
 function createWrappedComponent<P>(
-  name,
+  name: string,
   Component: React.ComponentType<BemProps<P>>,
 ): React.ComponentType<P & OptionalClassName> {
   const WrappedComponent = (args: P) => {
@@ -104,7 +104,7 @@ function createWrappedComponent<P>(
   return WrappedComponent;
 }
 
-export function withBem(Component) {
+export function withBem<P>(Component: React.ComponentType<BemProps<P>>) {
   const name = Component.displayName;
   if (!name) {
     console.warn(