made-refine 0.1.2 → 0.1.5

package/README.md

@@ -354,6 +354,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` + lockfile version, creates a git tag, pushes to `main`, and publishes to npm with provenance.
+
 ## 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/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 {