feat: stable astro actions

astro.config.ts

@@ -10,7 +10,6 @@ const isProd = import.meta.env.PROD;
 
 export default defineConfig({
 	experimental: {
-		actions: true,
 		contentLayer: true,
 		env: {
 			validateSecrets: true,

package.json

@@ -57,8 +57,8 @@
 		"@fontsource/baskervville": "^5.0.21",
 		"@hookform/resolvers": "^3.9.0",
 		"@million/lint": "1.0.0-rc.82-beta.50",
-		"algoliasearch": "^5.2.1",
-		"astro": "^4.14.6",
+		"algoliasearch": "^5.2.2",
+		"astro": "^4.15.0",
 		"clsx": "^2.1.1",
 		"contentful": "^10.15.0",
 		"firebase": "^10.13.0",
@@ -86,7 +86,7 @@
 		"@commitlint/cli": "^19.4.1",
 		"@commitlint/config-conventional": "^19.4.1",
 		"@commitlint/format": "^19.3.0",
-		"@testing-library/react": "^16.0.0",
+		"@testing-library/react": "^16.0.1",
 		"@testing-library/react-hooks": "^8.0.1",
 		"@types/add": "^2.0.3",
 		"@types/markdown-it": "^14.1.2",

src/actions/index.ts

@@ -1,18 +1,14 @@
 // @ts-ignore
-import { ActionError, defineAction, z } from "astro:actions";
-import { DEFAULT_LOCALE_STRING } from "@const/index.ts";
-import { app } from "@infrastructure/database/server.ts";
-import { sendEmail } from "@infrastructure/email/server.ts";
+import { ActionError, defineAction } from "astro:actions";
+import { DEFAULT_LOCALE_STRING } from "@const/index";
+import { app } from "@infrastructure/database/server";
+import { sendEmail } from "@infrastructure/email/server";
 import type { FormData } from "@modules/contact/components/contactForm";
 import { getFirestore } from "firebase-admin/firestore";
+import { contactFormSchema } from '@application/entities/contact/schema';
 
 type ContactDetails = Omit<FormData, "recaptcha">;
 
-const contactFormSchema = z.object({
-	name: z.string(),
-	email: z.string().email(),
-});
-
 const database = getFirestore(app);
 
 export const server = {

src/application/dto/article/articleDTO.ts

@@ -1,11 +1,11 @@
 import type { ArticleDTO, RawArticle } from "@application/dto/article/types";
 import { ArticleType } from "@application/dto/article/types";
 import { createRelatedArticles } from "@application/dto/article/utils/createRelatedArticles";
-import { getRelatedArticles } from "@application/dto/article/utils/getRelatedArticles/getRelatedArticles.ts";
-import { DEFAULT_DATE_FORMAT } from "@const/index.ts";
+import { getRelatedArticles } from "@application/dto/article/utils/getRelatedArticles/getRelatedArticles";
+import { DEFAULT_DATE_FORMAT } from "@const/index";
 import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
 import type { Document } from "@contentful/rich-text-types";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { createImage } from "@shared/application/dto/utils/createImage";
 import MarkdownIt from "markdown-it";
 import { createTags } from "./utils/createTags";

src/application/dto/article/types.ts

@@ -1,5 +1,5 @@
 import type { RawAuthor } from "@application/dto/author/types";
-import type { BaseTagDTO } from "@application/dto/tag/types.ts";
+import type { BaseTagDTO } from "@application/dto/tag/types";
 import type { articleSchema } from "@application/entities/articles";
 import type { ContentfulImageAsset } from "@shared/application/types";
 import type { Entry, EntryFieldTypes, EntrySkeletonType } from "contentful";

src/application/dto/article/utils/createTags/createTags.ts

@@ -1,4 +1,4 @@
-import type { BaseTagDTO } from "@application/dto/tag/types.ts";
+import type { BaseTagDTO } from "@application/dto/tag/types";
 import type { Entry, EntrySkeletonType } from "contentful";
 
 export function createTags(tags: Array<Entry<EntrySkeletonType<BaseTagDTO>>>): BaseTagDTO[] {

src/application/dto/article/utils/getAuthor/getAuthor.ts

@@ -1,4 +1,4 @@
-import type { AuthorDTO, RawAuthor } from "@application/dto/author/types.ts";
+import type { AuthorDTO, RawAuthor } from "@application/dto/author/types";
 import { createImage } from "@shared/application/dto/utils/createImage";
 import type { Entry, EntrySkeletonType } from "contentful";
 

src/application/dto/article/utils/getAuthor/index.ts

@@ -1 +1 @@
-export * from "./getAuthor.ts";
+export * from "./getAuthor";

src/application/dto/article/utils/getReadingTime/index.ts

@@ -1 +1 @@
-export * from "./getReadingTime.ts";
+export * from "./getReadingTime";

src/application/dto/article/utils/getRelatedArticles/index.ts

@@ -1 +1 @@
-export * from "./getRelatedArticles.ts";
+export * from "./getRelatedArticles";

src/application/dto/article/utils/renderOptions/renderOptions.ts

@@ -1,4 +1,4 @@
-import type { RawArticle } from "@application/dto/article/types.ts";
+import type { RawArticle } from "@application/dto/article/types";
 import type { Block, Inline } from "@contentful/rich-text-types";
 import { BLOCKS, INLINES } from "@contentful/rich-text-types";
 

src/application/dto/author/authorDTO.ts

@@ -1,5 +1,5 @@
 import type { AuthorDTO, RawAuthor } from "@application/dto/author/types";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { createImage } from "@shared/application/dto/utils/createImage";
 import { getArticlesByAuthor } from "./utils";
 

src/application/dto/author/utils/getArticlesByAuthor.ts

@@ -1,5 +1,5 @@
 import { getCollection } from "astro:content";
-import type { RawAuthor } from "@application/dto/author/types.ts";
+import type { RawAuthor } from "@application/dto/author/types";
 import type { Reference } from "@shared/application/types";
 
 export async function getArticlesByAuthor(rawAuthor: RawAuthor): Promise<Reference<"articles">[]> {

src/application/dto/breadcrumb/breadcrumbDTO.ts

@@ -1,6 +1,6 @@
 import type { BreadcrumbDTOItem, RawBreadcrumb } from "@application/dto/breadcrumb/types";
 import { deSlugify } from "@modules/core/utils/deSlugify";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 
 export type BreadcrumbDTO = BreadcrumbDTOItem[];
 

src/application/dto/city/cityDTO.ts

@@ -1,5 +1,5 @@
-import type { CityDTO, RawCity } from "@application/dto/city/types.ts";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { CityDTO, RawCity } from "@application/dto/city/types";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { createImage } from "@shared/application/dto/utils/createImage";
 import type { ContenfulLocation } from "@shared/application/types";
 import { createDate } from "./utils/createDate";

src/application/dto/project/index.ts

@@ -1 +1 @@
-export * from "./projectDTO.ts";
+export * from "./projectDTO";

src/application/dto/project/projectDTO.ts

@@ -1,8 +1,8 @@
-import type { ProjectDTO, RawProject } from "@application/dto/project/types.ts";
+import type { ProjectDTO, RawProject } from "@application/dto/project/types";
 import { documentToHtmlString } from "@contentful/rich-text-html-renderer";
 import type { Document } from "@contentful/rich-text-types";
 import { slugify } from "@modules/core/utils/slugify";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { createImage } from "@shared/application/dto/utils/createImage";
 
 export const projectDTO: BaseDTO<RawProject[], ProjectDTO[]> = {

src/application/dto/tag/tagDTO.ts

@@ -1,7 +1,7 @@
 import { getCollection } from "astro:content";
 import { TagType } from "@application/dto/tag/types";
 import type { RawTag, TagDTO } from "@application/dto/tag/types";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { getArticlesByTag } from "./utils/getArticlesByTag";
 import { groupBy } from "./utils/groupBy";
 

src/application/dto/tag/types.ts

@@ -1,4 +1,4 @@
-import type { tagSchema } from "@application/entities/tags/schema.ts";
+import type { tagSchema } from "@application/entities/tags/schema";
 import type { EntryFieldTypes } from "contentful";
 import type { z } from "zod";
 

src/application/dto/tag/utils/getArticlesByTag/getArticlesByTag.ts

@@ -1,5 +1,5 @@
 import type { CollectionEntry } from "astro:content";
-import type { RawTag } from "@application/dto/tag/types.ts";
+import type { RawTag } from "@application/dto/tag/types";
 import type { Reference } from "@shared/application/types";
 
 interface GetArticlesParams {

src/application/dto/tag/utils/getArticlesByTag/index.ts

@@ -1 +1 @@
-export * from "./getArticlesByTag.ts";
+export * from "./getArticlesByTag";

src/application/dto/testimonial/testimonialDTO.ts

@@ -1,5 +1,5 @@
-import type { RawTestimonial, TestimonialDTO } from "@application/dto/testimonial/types.ts";
-import type { BaseDTO } from "@shared/application/dto/baseDTO.ts";
+import type { RawTestimonial, TestimonialDTO } from "@application/dto/testimonial/types";
+import type { BaseDTO } from "@shared/application/dto/baseDTO";
 import { createImage } from "@shared/application/dto/utils/createImage";
 
 export const testimonialDTO: BaseDTO<RawTestimonial[], TestimonialDTO[]> = {

src/application/entities/articles/articles.ts

@@ -1,8 +1,8 @@
 import { defineCollection } from "astro:content";
 import { articleDTO } from "@application/dto/article";
-import type { RawArticle } from "@application/dto/article/types.ts";
-import { articleSchema } from "@application/entities/articles/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawArticle } from "@application/dto/article/types";
+import { articleSchema } from "@application/entities/articles/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const articles = defineCollection({
 	loader: async () => {

src/application/entities/articles/schema.ts

@@ -1,7 +1,7 @@
 import { reference, z } from "astro:content";
-import { ArticleType } from "@application/dto/article/types.ts";
+import { ArticleType } from "@application/dto/article/types";
 import { authorSchema } from "@application/entities/authors";
-import { tagSchema } from "@application/entities/tags/schema.ts";
+import { tagSchema } from "@application/entities/tags/schema";
 import { imageSchema } from "@shared/application/entities";
 
 export const articleSchema = z.object({

src/application/entities/authors/authors.ts

@@ -1,8 +1,8 @@
 import { defineCollection, reference, z } from "astro:content";
 import { authorDTO } from "@application/dto/author";
-import type { RawAuthor } from "@application/dto/author/types.ts";
-import { authorSchema } from "@application/entities/authors/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawAuthor } from "@application/dto/author/types";
+import { authorSchema } from "@application/entities/authors/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const authors = defineCollection({
 	loader: async () => {

src/application/entities/cities/cities.ts

@@ -1,8 +1,8 @@
 import { defineCollection } from "astro:content";
 import { cityDTO } from "@application/dto/city";
-import type { RawCity } from "@application/dto/city/types.ts";
-import { citiesSchema } from "@application/entities/cities/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawCity } from "@application/dto/city/types";
+import { citiesSchema } from "@application/entities/cities/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const cities = defineCollection({
 	loader: async () => {

src/application/entities/contact/schema.ts

@@ -0,0 +1,7 @@
+import { z } from "astro:schema"
+
+export const contactFormSchema = z.object({
+  name: z.string().trim().min(1, "Please insert your name"),
+  email: z.string().trim().min(1, "Please insert a valid email").email(),
+  message: z.string().trim().min(1, "Please insert a valid message"),
+});

src/application/entities/projects/projects.ts

@@ -1,8 +1,8 @@
 import { defineCollection } from "astro:content";
 import { projectDTO } from "@application/dto/project";
-import type { RawProject } from "@application/dto/project/types.ts";
-import { projectsSchema } from "@application/entities/projects/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawProject } from "@application/dto/project/types";
+import { projectsSchema } from "@application/entities/projects/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const projects = defineCollection({
 	loader: async () => {

src/application/entities/tags/tags.ts

@@ -1,9 +1,9 @@
 import { defineCollection, reference, z } from "astro:content";
 import { tagDTO } from "@application/dto/tag";
-import type { RawTag } from "@application/dto/tag/types.ts";
-import { TagType } from "@application/dto/tag/types.ts";
-import { tagSchema } from "@application/entities/tags/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawTag } from "@application/dto/tag/types";
+import { TagType } from "@application/dto/tag/types";
+import { tagSchema } from "@application/entities/tags/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const tags = defineCollection({
 	loader: async () => {

src/application/entities/testimonials/testimonials.ts

@@ -1,8 +1,8 @@
 import { defineCollection } from "astro:content";
 import { testimonialDTO } from "@application/dto/testimonial";
-import type { RawTestimonial } from "@application/dto/testimonial/types.ts";
-import { testimonialsSchema } from "@application/entities/testimonials/schema.ts";
-import { client } from "@infrastructure/cms/client.ts";
+import type { RawTestimonial } from "@application/dto/testimonial/types";
+import { testimonialsSchema } from "@application/entities/testimonials/schema";
+import { client } from "@infrastructure/cms/client";
 
 export const testimonials = defineCollection({
 	loader: async () => {

src/const/const.ts

@@ -4,7 +4,7 @@ import { capitalizeKeys } from "@const/utils/capitalizeKeys";
 import { lowercaseKeys } from "@const/utils/lowercaseKeys";
 import { A11y, Autoplay, Keyboard, Navigation, Virtual } from "swiper/modules";
 import type { SwiperOptions } from "swiper/types";
-import type { CapitalizeKeys, SeoMetadata, WorldGlobeConfig } from "./types.ts";
+import type { CapitalizeKeys, SeoMetadata, WorldGlobeConfig } from "./types";
 
 export enum Pages {
 	HOME = "home",

src/const/utils/capitalizeKeys/capitalizeKeys.ts

@@ -1,4 +1,4 @@
-import type { CapitalizeKeys } from "../../types.ts";
+import type { CapitalizeKeys } from "../../types";
 
 export function capitalizeKeys<T extends Record<string, unknown>>(object: T): CapitalizeKeys<T> {
 	const result = {} as CapitalizeKeys<T>;

src/const/utils/lowercaseKeys/index.ts

@@ -1 +1 @@
-export * from "src/const/utils/lowercaseKeys/lowecaseKeys.ts";
+export * from "src/const/utils/lowercaseKeys/lowecaseKeys";

src/const/utils/lowercaseKeys/lowecaseKeys.ts

@@ -1,4 +1,4 @@
-import type { LowercaseKeys } from "../../types.ts";
+import type { LowercaseKeys } from "../../types";
 
 export function lowercaseKeys<T extends Record<string, unknown>>(object: T): LowercaseKeys<T> {
 	const result = {} as LowercaseKeys<T>;

src/infrastructure/email/server.ts

@@ -1,6 +1,6 @@
 import { getSecret } from "astro:env/server";
-import { CONTACT_DETAILS } from "@const/index.ts";
-import type { FormData } from "@modules/contact/components/contactForm/ContactForm.tsx";
+import { CONTACT_DETAILS } from "@const/index";
+import type { FormData } from "@modules/contact/components/contactForm/ContactForm";
 import { Resend } from "resend";
 
 type ContactDetails = Omit<FormData, "recaptcha">;

src/pages/index.astro

@@ -6,6 +6,7 @@ import Testimonials from "@modules/home/components/testimonials/Testimonials.ast
 import Welcome from "@modules/home/components/welcome/Welcome.astro";
 
 // check responsive
+// clickable on article cards?
 // todo: add small transitions & animations
 //        - Latest articles (https://codepen.io/jh3y/pen/MWLyGxo)
 // todo: wait for wrangler webhook -->  add Algolia + filters (+ URL filtering) https://www.algolia.com/developers/contentful-search-algolia/ (webhook problem)

src/pages/rss.xml.ts

@@ -1,6 +1,6 @@
 import { getCollection } from "astro:content";
 import rss from "@astrojs/rss";
-import { DEFAULT_SEO_PARAMS } from "@const/const.ts";
+import { DEFAULT_SEO_PARAMS } from "@const/const";
 import type { APIRoute } from "astro";
 
 export const GET: APIRoute = async (context) => {

src/ui/modules/about/components/aboutLatestArticlesSlider/AboutLatestArticlesSlider.tsx

@@ -1,6 +1,6 @@
 import type { CollectionEntry } from "astro:content";
-import { DEFAULT_SWIPER_CONFIG } from "@const/const.ts";
-import { ArticleCard } from "@modules/core/components/articleCard/ArticleCard.tsx";
+import { DEFAULT_SWIPER_CONFIG } from "@const/const";
+import { ArticleCard } from "@modules/core/components/articleCard/ArticleCard";
 import { Slider } from "@modules/core/components/slider";
 import type { SwiperOptions } from "swiper/types";
 import "./about-latest-articles-slider.css";

src/ui/modules/about/components/worldGlobe/WorldGlobe.tsx

@@ -2,9 +2,9 @@ import type { CollectionEntry } from "astro:content";
 import horizontalArrow from "@assets/images/svg/left-arrow.svg";
 import zoomIn from "@assets/images/svg/zoom-in.svg";
 import zoomOut from "@assets/images/svg/zoom-out.svg";
-import { WORLD_GLOBE_CONFIG } from "@const/index.ts";
+import { WORLD_GLOBE_CONFIG } from "@const/index";
 import countries from "@data/countries.geojson.json";
-import useTabVisibility, { TabVisibility } from "@modules/about/hooks/useTabVisibility/useTabVisibility.ts";
+import useTabVisibility, { TabVisibility } from "@modules/about/hooks/useTabVisibility/useTabVisibility";
 import { calculateCenter } from "@modules/about/utils/calculateCenter";
 import { refineCities } from "@modules/about/utils/refineCities";
 import { renderPin } from "@modules/about/utils/renderPin";

src/ui/modules/about/hooks/useTabVisibility/index.ts

@@ -1 +1 @@
-export * from "./useTabVisibility.ts";
+export * from "./useTabVisibility";

src/ui/modules/about/utils/calculateCenter/index.ts

@@ -1 +1 @@
-export * from "./calculateCenter.ts";
+export * from "./calculateCenter";

src/ui/modules/about/utils/refineCities/index.ts

@@ -1 +1 @@
-export * from "./refineCities.ts";
+export * from "./refineCities";

src/ui/modules/about/utils/renderPin/index.ts

@@ -1 +1 @@
-export * from "./renderPin.ts";
+export * from "./renderPin";

src/ui/modules/contact/components/contactForm/ContactForm.tsx

@@ -7,15 +7,9 @@ import type { FormEvent } from "react";
 import { useCallback, useRef, useState } from "react";
 import { useGoogleReCaptcha } from "react-google-recaptcha-v3";
 import { useForm } from "react-hook-form";
-import { z } from "zod";
+import { contactFormSchema } from '@application/entities/contact/schema';
 import "./contact-form.css";
 
-const schema = z.object({
-	name: z.string().trim().min(1, "Please insert your name"),
-	email: z.string().trim().min(1, "Please insert a valid email").email(),
-	message: z.string().trim().min(1, "Please insert a valid message"),
-});
-
 export interface FormData {
 	name: string;
 	email: string;
@@ -38,7 +32,7 @@ export const ContactForm = () => {
 		formState: { errors },
 		reset,
 	} = useForm<FormData>({
-		resolver: zodResolver(schema),
+		resolver: zodResolver(contactFormSchema),
 	});
 	const [formStatus, setFormStatus] = useState<FormStatus>(FormStatus.INITIAL);
 	const { executeRecaptcha } = useGoogleReCaptcha();
@@ -75,9 +69,9 @@ export const ContactForm = () => {
 				contactData.append("email", data.email);
 				contactData.append("message", data.message);
 
-				const response = await actions.contact(contactData);
+				const { data: response, error } = await actions.contact(contactData);
 
-				if (response.ok) {
+				if (response.ok && !error) {
 					flyPlane(submitRef.current);
 					setTimeout(() => {
 						setFormStatus(FormStatus.SUCCESS);

src/ui/modules/contact/utils/autosize/index.ts

@@ -1 +1 @@
-export * from "./autosize.ts";
+export * from "./autosize";

src/ui/modules/contact/utils/changeTab/index.ts

@@ -1 +1 @@
-export * from "./changeTab.ts";
+export * from "./changeTab";

src/ui/modules/contact/utils/flyPlane/index.ts

@@ -1 +1 @@
-export * from "./flyPlane.ts";
+export * from "./flyPlane";