project setup with core files including configuration, package management, and basic structure. Added .gitignore, README, and various TypeScript types for CMS components. Implemented initial components and layouts for the application.

middlelayer/__cms/Contentful_Picture.ts

@@ -0,0 +1,57 @@
+import type { EntryFieldTypes } from "contentful";
+import type { CF_ContentType } from "src/@types/Contentful_ContentType.enum";
+import type { CF_CloudinaryImage } from "src/@types/Contentful_CloudinaryImage";
+
+
+export type CF_PictureWidths = 400 | 800 | 1200 | 1400
+export type CF_PictureFormats = "aviv" | "jpg" | "png" | "webp"
+export type CF_PictureFit = "contain" | "cover" | "fill" | "inside" | "outside"
+export type CF_PicturePosition = "top"
+    | "right top"
+    | "right"
+    | "right bottom"
+    | "bottom"
+    | "left bottom"
+    | "left"
+    | "left top"
+    | "north"
+    | "northeast"
+    | "east"
+    | "southeast"
+    | "south"
+    | "southwest"
+    | "west"
+    | "northwest"
+    | "center"
+    | "centre"
+    | "cover"
+    | "entropy"
+    | "attention"
+export type CF_PictureAspectRatio = 'original'
+    | '32:9'
+    | '16:9'
+    | '5:4'
+    | '4:3'
+    | '3:2'
+    | '1:1'
+    | '2:3'
+    | '3:4'
+    | '4:5'
+
+
+export interface CF_Picture {
+    name: EntryFieldTypes.Text;
+    image: CF_CloudinaryImage[];
+    alt?: EntryFieldTypes.Text;
+    widths: Array<CF_PictureWidths>;
+    aspectRatio: CF_PictureAspectRatio;
+    formats: CF_PictureFormats;
+    fit: CF_PictureFit;
+    position: CF_PicturePosition;
+    layout?: any;
+}
+
+export type CF_PictureSkeleton = {
+    contentTypeId: CF_ContentType.picture
+    fields: CF_Picture
+}