made-refine 0.1.3 → 0.1.7

package/README.md

@@ -13,10 +13,11 @@ npx made-refine init
 ```
 
 The CLI auto-detects your framework (Next.js, Vite, or TanStack Start), installs the package, and configures everything — with a diff preview before any file changes.
+If you use Bun, you can run `bunx made-refine init` instead.
 
 Or, paste this prompt into any AI coding assistant (Cursor, Copilot, Claude Code, etc.):
 
-> Add made-refine to this project. Run `npx made-refine init` and follow the prompts.
+> Add made-refine to this project. Run `npx made-refine init` and follow the prompts. If Bun is available, `bunx made-refine init` also works.
 
 ---
 
@@ -27,11 +28,7 @@ If you prefer to set things up by hand, follow the instructions below for your f
 ### Installation
 
 ```bash
-npm install made-refine@beta
-# or
 bun add made-refine@beta
-# or
-yarn add made-refine@beta
 ```
 
 ## Next.js Setup
@@ -254,12 +251,14 @@ Add this to `.mcp.json` in your project root:
   "mcpServers": {
     "made-refine": {
       "command": "npx",
-      "args": ["made-refine-mcp"]
+      "args": ["-y", "made-refine-mcp"]
     }
   }
 }
 ```
 
+If you use Bun, set `"command": "bunx"` and `"args": ["made-refine-mcp"]`.
+
 Restart Claude Code. You should see the Made-Refine tools available.
 
 ### Usage
@@ -354,6 +353,22 @@ These utilities require DOM APIs and must run in the browser:
 - React 18+
 - Next.js 13+ or Vite 4+
 
+## Release to npm
+
+Publishing is handled by GitHub Actions via `.github/workflows/publish.yml`.
+
+1. Go to **Actions** -> **Publish** -> **Run workflow**.
+2. Run it from the `main` branch.
+3. Choose `task`:
+   - `release`: bump version and publish
+   - `unpublish`: remove selected versions from npm
+4. For `release`, choose `bump` (`patch`, `minor`, `major`, or `prerelease`).
+5. If using `prerelease`, set `preid` (default: `beta`).
+6. Keep `npm_tag` as `auto` (stable -> `latest`, prerelease -> `beta`) or override it.
+7. For `unpublish`, set `unpublish_versions` and `confirm_unpublish=UNPUBLISH`.
+
+For release, the workflow bumps `package.json` version, creates a git tag, pushes to `main`, and publishes to npm with Bun.
+
 ## CSS Variables
 
 The package uses CSS variables for theming. It will use your app's existing shadcn/ui theme if available, or fall back to sensible defaults:

package/dist/babel.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+// babel/index.cjs
+var path = require("path");
+function isHostElement(name) {
+  return /^[a-z]/.test(name);
+}
+module.exports = function directEditSourcePlugin({ types: t }) {
+  return {
+    name: "direct-edit-source",
+    visitor: {
+      JSXOpeningElement(nodePath, state) {
+        const { node } = nodePath;
+        if (!t.isJSXIdentifier(node.name)) return;
+        if (!isHostElement(node.name.name)) return;
+        const filename = state.file?.opts?.filename;
+        if (!filename) return;
+        const normalized = filename.replace(/\\/g, "/");
+        if (normalized.includes("/node_modules/")) return;
+        if (normalized.includes("/node_modules/made-refine/")) return;
+        if (!node.loc?.start) return;
+        const hasAttribute = node.attributes.some((attr) => {
+          return t.isJSXAttribute(attr) && t.isJSXIdentifier(attr.name, { name: "data-direct-edit-source" });
+        });
+        if (hasAttribute) return;
+        const relative = path.relative(process.cwd(), filename).replace(/\\/g, "/");
+        const file = `/[project]/${relative}`;
+        const line = node.loc.start.line;
+        const column = node.loc.start.column + 1;
+        const value = `${file}:${line}:${column}`;
+        node.attributes.push(
+          t.jsxAttribute(t.jsxIdentifier("data-direct-edit-source"), t.stringLiteral(value))
+        );
+      }
+    }
+  };
+};

package/dist/cli.cjs

@@ -8369,7 +8369,7 @@ function detectPackageManager(cwd) {
   if (import_fs.default.existsSync(import_path.default.join(cwd, "bun.lockb")) || import_fs.default.existsSync(import_path.default.join(cwd, "bun.lock"))) return "bun";
   if (import_fs.default.existsSync(import_path.default.join(cwd, "pnpm-lock.yaml"))) return "pnpm";
   if (import_fs.default.existsSync(import_path.default.join(cwd, "yarn.lock"))) return "yarn";
-  return "npm";
+  return "bun";
 }
 function getInstallCommand(pm) {
   switch (pm) {
@@ -8379,8 +8379,6 @@ function getInstallCommand(pm) {
       return "pnpm add -D made-refine@beta";
     case "yarn":
       return "yarn add -D made-refine@beta";
-    default:
-      return "npm install -D made-refine@beta";
   }
 }
 function installPackage(cwd) {

package/dist/index.d.mts

@@ -37,6 +37,7 @@ interface DirectEditContextValue extends DirectEditState {
     updateBorderRadiusProperty: (key: BorderRadiusPropertyKey, value: CSSPropertyValue) => void;
     updateBorderProperty: (key: BorderPropertyKey, value: BorderProperties[BorderPropertyKey]) => void;
     updateBorderProperties: (changes: Array<[BorderPropertyKey, BorderProperties[BorderPropertyKey]]>) => void;
+    updateRawCSS: (properties: Record<string, string>) => void;
     updateFlexProperty: (key: FlexPropertyKey, value: string) => void;
     toggleFlexLayout: () => void;
     updateSizingProperty: (key: SizingPropertyKey, value: SizingValue) => void;
@@ -127,6 +128,7 @@ interface DirectEditPanelInnerProps {
     onUpdateBorderRadius: (key: BorderRadiusPropertyKey, value: CSSPropertyValue) => void;
     onUpdateBorder: (key: BorderPropertyKey, value: BorderProperties[BorderPropertyKey]) => void;
     onBatchUpdateBorder: (changes: Array<[BorderPropertyKey, BorderProperties[BorderPropertyKey]]>) => void;
+    onSetCSS: (properties: Record<string, string>) => void;
     onUpdateFlex: (key: 'flexDirection' | 'justifyContent' | 'alignItems', value: string) => void;
     onToggleFlex: () => void;
     onUpdateSizing: (key: SizingPropertyKey, value: SizingValue) => void;
@@ -143,7 +145,7 @@ interface DirectEditPanelInnerProps {
     onHeaderPointerMove?: (e: React.PointerEvent) => void;
     onHeaderPointerUp?: (e: React.PointerEvent) => void;
 }
-declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onUpdateTypography, onReset, onExportEdits, onSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onUpdateTypography, onReset, onExportEdits, onSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
 
 interface DirectEditToolbarInnerProps {

package/dist/index.d.ts

@@ -37,6 +37,7 @@ interface DirectEditContextValue extends DirectEditState {
     updateBorderRadiusProperty: (key: BorderRadiusPropertyKey, value: CSSPropertyValue) => void;
     updateBorderProperty: (key: BorderPropertyKey, value: BorderProperties[BorderPropertyKey]) => void;
     updateBorderProperties: (changes: Array<[BorderPropertyKey, BorderProperties[BorderPropertyKey]]>) => void;
+    updateRawCSS: (properties: Record<string, string>) => void;
     updateFlexProperty: (key: FlexPropertyKey, value: string) => void;
     toggleFlexLayout: () => void;
     updateSizingProperty: (key: SizingPropertyKey, value: SizingValue) => void;
@@ -127,6 +128,7 @@ interface DirectEditPanelInnerProps {
     onUpdateBorderRadius: (key: BorderRadiusPropertyKey, value: CSSPropertyValue) => void;
     onUpdateBorder: (key: BorderPropertyKey, value: BorderProperties[BorderPropertyKey]) => void;
     onBatchUpdateBorder: (changes: Array<[BorderPropertyKey, BorderProperties[BorderPropertyKey]]>) => void;
+    onSetCSS: (properties: Record<string, string>) => void;
     onUpdateFlex: (key: 'flexDirection' | 'justifyContent' | 'alignItems', value: string) => void;
     onToggleFlex: () => void;
     onUpdateSizing: (key: SizingPropertyKey, value: SizingValue) => void;
@@ -143,7 +145,7 @@ interface DirectEditPanelInnerProps {
     onHeaderPointerMove?: (e: React.PointerEvent) => void;
     onHeaderPointerUp?: (e: React.PointerEvent) => void;
 }
-declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onUpdateTypography, onReset, onExportEdits, onSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
+declare function DirectEditPanelInner({ elementInfo, computedSpacing, computedBorderRadius, computedBorder, computedFlex, computedSizing, computedColor, computedTypography, pendingStyles, onClose, onSelectParent, onSelectChild, onUpdateSpacing, onUpdateBorderRadius, onUpdateBorder, onBatchUpdateBorder, onSetCSS, onUpdateFlex, onToggleFlex, onUpdateSizing, onUpdateColor, onUpdateTypography, onReset, onExportEdits, onSendToAgent, className, style, panelRef, isDragging, onHeaderPointerDown, onHeaderPointerMove, onHeaderPointerUp, }: DirectEditPanelInnerProps): react_jsx_runtime.JSX.Element;
 declare function DirectEditPanel(): react_jsx_runtime.JSX.Element | null;
 
 interface DirectEditToolbarInnerProps {