feat: add dynamic section (#842)

* chore: add parent_section_id and change position to x and y_offset for sqlite section table

* chore: rename existing positions to x_offset and y_offset

* chore: add related mysql migration

* chore: add missing height and width to section table

* fix: missing width and height in migration copy script

* fix: typecheck issues

* fix: test not working caused by unsimilar schemas

* wip: add dynamic section

* refactor: improve structure of gridstack sections

* feat: add rendering of dynamic sections

* feat: add saving of moved sections

* wip: add static row count, restrict min-width and height

* chore: address pull request feedback

* fix: format issues

* fix: size calculation within dynamic sections

* fix: on resize not called when min width or height is reached

* fix: size of items while dragging is to big

* chore: temporarly remove migration files

* chore: readd migrations

* fix: format and deepsource issues

* chore: remove db_dev.sqlite file

* chore: add *.sqlite to .gitignore

* chore: address pull request feedback

* feat: add dynamic section actions for adding and removing them

packages/db/migrations/mysql/0006_young_micromax.sql

@@ -0,0 +1,6 @@
+ALTER TABLE `section` RENAME COLUMN `position` TO `y_offset`;--> statement-breakpoint
+ALTER TABLE `section` ADD `x_offset` int NOT NULL;--> statement-breakpoint
+ALTER TABLE `section` ADD `width` int;--> statement-breakpoint
+ALTER TABLE `section` ADD `height` int;--> statement-breakpoint
+ALTER TABLE `section` ADD `parent_section_id` text;--> statement-breakpoint
+ALTER TABLE `section` ADD CONSTRAINT `section_parent_section_id_section_id_fk` FOREIGN KEY (`parent_section_id`) REFERENCES `section`(`id`) ON DELETE cascade ON UPDATE no action;

packages/db/migrations/mysql/meta/_journal.json

@@ -43,6 +43,13 @@
       "when": 1722068832607,
       "tag": "0005_soft_microbe",
       "breakpoints": true
+    },
+    {
+      "idx": 6,
+      "version": "5",
+      "when": 1722517058725,
+      "tag": "0006_young_micromax",
+      "breakpoints": true
     }
   ]
 }

packages/db/migrations/sqlite/0006_windy_doctor_faustus.sql

@@ -0,0 +1,35 @@
+COMMIT TRANSACTION;
+--> statement-breakpoint
+PRAGMA foreign_keys = OFF;
+--> statement-breakpoint
+BEGIN TRANSACTION;
+--> statement-breakpoint
+ALTER TABLE `section` RENAME TO `__section_old`;
+--> statement-breakpoint
+CREATE TABLE `section` (
+	`id` text PRIMARY KEY NOT NULL,
+	`board_id` text NOT NULL,
+	`kind` text NOT NULL,
+	`x_offset` integer NOT NULL,
+	`y_offset` integer NOT NULL,
+	`width` integer,
+	`height` integer,
+	`name` text,
+    `parent_section_id` text,
+	FOREIGN KEY (`board_id`) REFERENCES `board`(`id`) ON UPDATE no action ON DELETE cascade
+	FOREIGN KEY (`parent_section_id`) REFERENCES `section`(`id`) ON UPDATE no action ON DELETE cascade
+);
+--> statement-breakpoint
+INSERT INTO `section` SELECT `id`, `board_id`, `kind`, 0, `position`, null, null, `name`, null FROM `__section_old`;
+--> statement-breakpoint
+DROP TABLE `__section_old`;
+--> statement-breakpoint
+ALTER TABLE `section` RENAME TO `__section_old`;
+--> statement-breakpoint
+ALTER TABLE `__section_old` RENAME TO `section`;
+--> statement-breakpoint
+COMMIT TRANSACTION;
+--> statement-breakpoint
+PRAGMA foreign_keys = ON;
+--> statement-breakpoint
+BEGIN TRANSACTION;

packages/db/migrations/sqlite/meta/_journal.json

@@ -43,6 +43,13 @@
       "when": 1722014142492,
       "tag": "0005_lean_random",
       "breakpoints": true
+    },
+    {
+      "idx": 6,
+      "version": "6",
+      "when": 1722517033483,
+      "tag": "0006_windy_doctor_faustus",
+      "breakpoints": true
     }
   ]
 }

packages/db/schema/mysql.ts

@@ -269,8 +269,14 @@ export const sections = mysqlTable("section", {
     .notNull()
     .references(() => boards.id, { onDelete: "cascade" }),
   kind: text("kind").$type<SectionKind>().notNull(),
-  position: int("position").notNull(),
+  xOffset: int("x_offset").notNull(),
+  yOffset: int("y_offset").notNull(),
+  width: int("width"),
+  height: int("height"),
   name: text("name"),
+  parentSectionId: text("parent_section_id").references((): AnyMySqlColumn => sections.id, {
+    onDelete: "cascade",
+  }),
 });
 
 export const items = mysqlTable("item", {

packages/db/schema/sqlite.ts

@@ -272,8 +272,14 @@ export const sections = sqliteTable("section", {
     .notNull()
     .references(() => boards.id, { onDelete: "cascade" }),
   kind: text("kind").$type<SectionKind>().notNull(),
-  position: int("position").notNull(),
+  xOffset: int("x_offset").notNull(),
+  yOffset: int("y_offset").notNull(),
+  width: int("width"),
+  height: int("height"),
   name: text("name"),
+  parentSectionId: text("parent_section_id").references((): AnySQLiteColumn => sections.id, {
+    onDelete: "cascade",
+  }),
 });
 
 export const items = sqliteTable("item", {