@srivarsank/glide 1.0.47

package/dist/index.d.ts

@@ -0,0 +1,257 @@
+// Generated by dts-bundle-generator v9.5.1
+
+export interface ComponentTreeNode {
+	id: string;
+	name: string;
+	className?: string;
+	text?: string;
+	children: ComponentTreeNode[];
+}
+export type FrameworkId = "react" | "vue" | "svelte" | "astro" | "html" | "unknown";
+export type MetaFrameworkId = "next" | "nuxt" | "astro" | "none";
+export interface ProjectMeta {
+	framework: FrameworkId;
+	metaFramework: MetaFrameworkId;
+	srcDir: string;
+}
+export interface FileDiff {
+	file: string;
+	before: string;
+	after: string;
+}
+export interface HistoryEntry {
+	id: string;
+	timestamp: number;
+	description: string;
+	diffs: FileDiff[];
+	/** If set, consecutive pushes with same squashKey within squashWindowMs are merged. */
+	squashKey?: string;
+	squashWindowMs?: number;
+}
+export declare function detectProjectMeta(projectRoot: string): ProjectMeta;
+export declare function generateVSCodeConfig(projectRoot: string): void;
+export declare function buildComponentTree(code: string, filepath?: string): ComponentTreeNode[];
+export declare function getNestingPath(tree: ComponentTreeNode[], selectedId: string): string[];
+/**
+ * @srivarsank/core — Centralized Glide configuration.
+ * Single source of truth for every value that used to be hardcoded.
+ */
+export interface GlideEditorTheme {
+	accentColor: string;
+	bgCanvas: string;
+	bgPanel: string;
+	borderColor: string;
+	fontFamily: string;
+}
+export interface GlideViewport {
+	width: number;
+	height: number;
+}
+export interface GlideConfig {
+	port: number;
+	targetPort: number;
+	historyLimit: number;
+	selfWriteDebounceMs: number;
+	snapThresholdPx: number;
+	maxGapDetection: number;
+	maxDistanceIndicator: number;
+	sourceAttribute: string;
+	hoverAttribute: string;
+	selectedAttribute: string;
+	editorTheme: GlideEditorTheme;
+	defaultViewport: GlideViewport;
+	sidebarWidth: number;
+}
+export declare function computeNodeHash(sourceCodeSlice: string): string;
+export declare function updateClassString(existingClasses: string, property: string, value: any, breakpoint?: string): string;
+export declare function updateClassName(sourceCode: string, line: number, column: number, property: string, value: any, breakpoint?: string, expectedHash?: string): string;
+export declare function updateJSXText(sourceCode: string, line: number, column: number, newText: string, expectedHash?: string): string;
+export declare function updateJSXStyleProp(sourceCode: string, line: number, column: number, styles: Record<string, string>, expectedHash?: string): string;
+export declare function reorderJSXElement(code: string, targetId: string, parentId: string, siblingId: string | null, position: "before" | "after"): string;
+export declare function insertJSXElement(code: string, parentId: string, elementType: "rectangle" | "ellipse" | "frame" | "text"): string;
+export declare function groupJSXElements(code: string, selectedIds: string[]): string;
+export declare function ungroupJSXElement(code: string, groupId: string): string;
+export declare function arrangeJSXElement(code: string, targetId: string, action: "front" | "back" | "forward" | "backward"): string;
+export declare function updateCSSModuleRule(cssCode: string, className: string, properties: Record<string, string | null>): string;
+export interface BoxModelProperties {
+	padding: {
+		top: string | null;
+		right: string | null;
+		bottom: string | null;
+		left: string | null;
+	};
+	margin: {
+		top: string | null;
+		right: string | null;
+		bottom: string | null;
+		left: string | null;
+	};
+	width: string | null;
+	height: string | null;
+	position: string | null;
+	offsets: {
+		top: string | null;
+		right: string | null;
+		bottom: string | null;
+		left: string | null;
+	};
+	rotation: string | null;
+	flexDirection: string | null;
+	justifyContent: string | null;
+	alignItems: string | null;
+	gap: string | null;
+	fontFamily: string | null;
+	fontWeight: string | null;
+	fontSize: string | null;
+	textColor: string | null;
+}
+export declare function parseTailwindClasses(classStr: string): BoxModelProperties;
+export declare function updateTailwindClasses(classStr: string, updates: Partial<BoxModelProperties>): string;
+export declare function updateVueSFCClass(sfcCode: string, targetId: string, updatedClasses: string): string;
+export declare function updateVueSFCStyle(sfcCode: string, targetId: string, styles: Record<string, string>): string;
+export declare function updateVueSFCText(sfcCode: string, targetId: string, newText: string): string;
+export declare function updateSvelteClass(svelteCode: string, targetId: string, updatedClasses: string): string;
+export declare function updateSvelteStyle(svelteCode: string, targetId: string, styles: Record<string, string>): string;
+export declare function updateSvelteText(svelteCode: string, targetId: string, newText: string): string;
+export declare function updateAstroClass(astroCode: string, targetId: string, updatedClasses: string): string;
+export declare function updateAstroStyle(astroCode: string, targetId: string, styles: Record<string, string>): string;
+export declare function updateAstroText(astroCode: string, targetId: string, newText: string): string;
+/**
+ * Parses HTML and updates a class attribute on a target element matching data-gl-source targetId.
+ */
+export declare function updateHTMLClass(htmlCode: string, targetId: string, updatedClasses: string): string;
+/**
+ * Parses HTML and updates inline style attribute on a target element matching data-gl-source targetId.
+ */
+export declare function updateHTMLStyle(htmlCode: string, targetId: string, styles: Record<string, string>): string;
+/**
+ * Parses HTML and updates the inner text of a target element matching data-gl-source targetId.
+ */
+export declare function updateHTMLText(htmlCode: string, targetId: string, newText: string): string;
+/**
+ * Converts a raw HTML snippet into React elements using html-react-parser.
+ */
+export declare function parseHTMLToReact(htmlSnippet: string): any;
+/**
+ * Parses an HTML/Vue/Svelte template and returns the class attribute of the element matching the data-gl-source.
+ */
+export declare function getElementClass(template: string, targetId: string): string;
+export interface EditChange {
+	type: "style" | "class" | "text" | "multi-class" | "position" | "group" | "ungroup";
+	property?: string;
+	value?: any;
+	sources?: string[];
+	source?: string;
+}
+export type EditCallback = (file: string, line: number, column: number, change: EditChange, hash?: string) => void | Promise<void>;
+export declare class GlideServer {
+	private wss;
+	private server;
+	private port;
+	private targetPort;
+	private config;
+	private editCallbacks;
+	private fileGenerations;
+	private watcher;
+	private lastSelfWrites;
+	recordSelfWrite(filePath: string): void;
+	constructor(port?: number, targetPort?: number, config?: GlideConfig);
+	start(): Promise<void>;
+	stop(): Promise<void>;
+	private closeHttpServer;
+	onEdit(callback: EditCallback): void;
+}
+export declare function saveUploadedAsset(projectRoot: string, sourcePath: string, fileName: string): string;
+export declare class HistoryStore {
+	private maxHistory;
+	private stack;
+	private currentIndex;
+	setLimit(limit: number): void;
+	push(entry: Omit<HistoryEntry, "id" | "timestamp">): void;
+	undo(): FileDiff[] | null;
+	redo(): FileDiff[] | null;
+	jumpTo(targetIndex: number): {
+		file: string;
+		content: string;
+	}[];
+	getState(): {
+		stack: HistoryEntry[];
+		currentIndex: number;
+	};
+	clear(): void;
+}
+export declare function getEditorHTML(config?: GlideConfig): string;
+export declare class GlideBridge {
+	private targetWindow;
+	private activeHoverElement;
+	private selectedElement;
+	private styleSheet;
+	private sourceAttribute;
+	private hoverAttribute;
+	private selectedAttribute;
+	constructor(targetWindow?: Window, options?: {
+		sourceAttribute?: string;
+		hoverAttribute?: string;
+		selectedAttribute?: string;
+	});
+	init(): void;
+	dispose(): void;
+	private handleScrollOrResize;
+	private injectStyles;
+	private clearHover;
+	private clearSelection;
+	private handleMessage;
+	private handleMouseMove;
+	private handleClick;
+	private sendTelemetry;
+}
+export interface ElementRect {
+	left: number;
+	top: number;
+	width: number;
+	height: number;
+}
+export type ResizeCallback = (source: string, rect: ElementRect, delta: {
+	width: number;
+	height: number;
+	left: number;
+	top: number;
+}) => void;
+export declare class GlideOverlay {
+	private targetWindow;
+	private container;
+	private svg;
+	private selectionRect;
+	private activeSource;
+	private resizeCallback;
+	private dragHandle;
+	private startPointerX;
+	private startPointerY;
+	private startRect;
+	constructor(targetWindow?: Window, container?: HTMLElement);
+	init(): void;
+	dispose(): void;
+	onResize(callback: ResizeCallback): void;
+	private handleMessage;
+	private renderOverlay;
+	private removeOverlay;
+	private getCursorForHandle;
+	private handlePointerMove;
+	private handlePointerUp;
+}
+/** @deprecated Use resolvePixelGridSnap for pixel-perfect snapping. */
+export declare function snapToGrid(x: number, y: number, gridSize?: number): {
+	x: number;
+	y: number;
+};
+export interface MeasureResult {
+	width: number;
+	lineCount: number;
+	lines: string[];
+}
+export declare function measureTextLayout(text: string, font: string, maxWidth: number): MeasureResult;
+export declare function resolveActiveBreakpoint(width: number): string | null;
+export declare function glideSourceStamping(): Plugin;
+export declare const VERSION = "0.1.0";
+
+export {};