@raketa-cloud/admin 1.7.4 → 1.7.6

package/dist/application.css

@@ -1811,6 +1811,10 @@ select {
   width: 1.25rem;
 }
 
+.w-80 {
+  width: 20rem;
+}
+
 .w-9 {
   width: 2.25rem;
 }
@@ -1831,6 +1835,10 @@ select {
   width: 100%;
 }
 
+.flex-1 {
+  flex: 1 1 0%;
+}
+
 .flex-none {
   flex: none;
 }
@@ -2039,6 +2047,11 @@ select {
   padding: 1rem;
 }
 
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+
 .px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -2128,6 +2141,10 @@ select {
   font-weight: 600;
 }
 
+.uppercase {
+  text-transform: uppercase;
+}
+
 .lowercase {
   text-transform: lowercase;
 }
@@ -2218,6 +2235,12 @@ select {
   opacity: 0.6;
 }
 
+.shadow-inner {
+  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raketa-cloud/admin",
-  "version": "1.7.4",
+  "version": "1.7.6",
   "main": "src/index.js",
   "files": [
     "src/",
@@ -12,8 +12,8 @@
     "prepare": "npx tailwindcss -i ./src/styles/application.css -o ./dist/application.css"
   },
   "devDependencies": {
-    "@babel/core": "7.28.6",
-    "@babel/preset-env": "7.28.6",
+    "@babel/core": "7.29.0",
+    "@babel/preset-env": "7.29.0",
     "@babel/preset-typescript": "7.28.5",
     "@repo/typescript-config": "*",
     "@tailwindcss/forms": "0.5.7",

package/src/HonoAdapter.js

@@ -364,6 +364,7 @@ export default class HonoAdapter {
         if (result.headers) this.applyHeaders(result.headers, routerCtx);
         if (result.redirect) return routerCtx.redirect(result.redirect);
         if (result.json) return routerCtx.json(result.json);
+        if (result.text) return routerCtx.text(result.text);
 
         // Process global after filters
         for (const { pattern, filter } of this.globalAfterFilters) {
@@ -373,6 +374,7 @@ export default class HonoAdapter {
             if (afterResult.redirect)
               return routerCtx.redirect(afterResult.redirect);
             if (afterResult.json) return routerCtx.json(afterResult.json);
+            if (afterResult.text) return routerCtx.text(afterResult.text);
 
             Object.assign(
               assigns.afterFilterAssigns,
@@ -437,9 +439,11 @@ export default class HonoAdapter {
 
   formatQuery(queries) {
     const result = {};
-    Object.entries(queries).forEach(([key, value]) => {
-      result[key] = value.length === 1 ? value[0] : value;
-    });
+    if (queries && typeof queries === "object") {
+      Object.entries(queries).forEach(([key, value]) => {
+        result[key] = value.length === 1 ? value[0] : value;
+      });
+    }
     return result;
   }
 }

package/src/cloud/Articles.js

@@ -1,4 +1,4 @@
-import { dateToUTCISO8601String, toDateInput } from "../utils";
+import { dateToUTCISO8601String, toUTCISO8601String, toDateInput } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ArticleByIdDocument,
@@ -71,6 +71,13 @@ export default class Articles extends RaketaClient {
   async list(query, locale, articleTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
+    if (vars.input.filters.last_updated_from) {
+      vars.input.filters.last_updated_from = toUTCISO8601String(vars.input.filters.last_updated_from);
+    }
+    if (vars.input.filters.last_updated_to) {
+      vars.input.filters.last_updated_to = toUTCISO8601String(vars.input.filters.last_updated_to);
+    }
+
     const { articles: items } = await this.query(ArticlesDocument, {
       input: {
         ...vars.input,
@@ -150,7 +157,7 @@ export default class Articles extends RaketaClient {
     paramsCopy.settings = JSON.stringify(paramsCopy.settings);
 
     const BatchTranslateDocument = buildBatchTranslateArticleDocument(
-      locales.length
+      locales.length,
     );
 
     const variables = {};
@@ -204,7 +211,7 @@ export default class Articles extends RaketaClient {
       ArticleChangePreviewDocument,
       {
         input,
-      }
+      },
     );
 
     return articleChangePreview;

package/src/cloud/Events.js

@@ -86,6 +86,13 @@ export default class Events extends RaketaClient {
   async list(query, locale, eventTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
+    if (vars.input.filters.last_updated_from) {
+      vars.input.filters.last_updated_from = toUTCISO8601String(vars.input.filters.last_updated_from);
+    }
+    if (vars.input.filters.last_updated_to) {
+      vars.input.filters.last_updated_to = toUTCISO8601String(vars.input.filters.last_updated_to);
+    }
+
     const { events: items } = await this.query(EventsDocument, {
       input: {
         ...vars.input,
@@ -165,7 +172,7 @@ export default class Events extends RaketaClient {
     paramsCopy.settings = JSON.stringify(paramsCopy.settings);
 
     const BatchTranslateDocument = buildBatchTranslateEventDocument(
-      locales.length
+      locales.length,
     );
 
     const variables = {};
@@ -219,7 +226,7 @@ export default class Events extends RaketaClient {
       EventChangePreviewDocument,
       {
         input,
-      }
+      },
     );
 
     return eventChangePreview;

package/src/cloud/Pages.js

@@ -1,3 +1,4 @@
+import { toUTCISO8601String } from "../utils";
 import RaketaClient from "./RaketaClient";
 import {
   ChangePageSlugDocument,
@@ -61,6 +62,17 @@ export default class Pages extends RaketaClient {
   async list(query, locale, pageTypeSlug) {
     const vars = this.buildListInput(query, locale);
 
+    if (vars.input.filters.last_updated_from) {
+      vars.input.filters.last_updated_from = toUTCISO8601String(
+        vars.input.filters.last_updated_from,
+      );
+    }
+    if (vars.input.filters.last_updated_to) {
+      vars.input.filters.last_updated_to = toUTCISO8601String(
+        vars.input.filters.last_updated_to,
+      );
+    }
+
     const { pages: items } = await this.query(PagesDocument, {
       input: {
         ...vars.input,
@@ -141,7 +153,7 @@ export default class Pages extends RaketaClient {
     copyParams.settings = JSON.stringify(copyParams.settings);
 
     const BatchTranslateDocument = buildBatchTranslatePageDocument(
-      locales.length
+      locales.length,
     );
 
     const variables = {};

package/src/cloud/documents/articlesDocuments.js

@@ -18,6 +18,8 @@ function minimalArticleFragment() {
       title
       visibility
       publishAt
+      insertedAt
+      updatedAt
     }
   `;
 }
@@ -196,7 +198,7 @@ const buildBatchTranslateArticleDocument = (count) => gql`
         article ${articleFragment()}
         errors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }
@@ -240,7 +242,7 @@ const buildBatchStartArticleRevisionDocument = (count) => gql`
         errors ${errorsFragment()}
         articleErrors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }

package/src/cloud/documents/eventsDocuments.js

@@ -20,6 +20,8 @@ function minimalEventFragment() {
       publishAt
       startsAt
       endsAt
+      insertedAt
+      updatedAt
     }
   `;
 }
@@ -204,7 +206,7 @@ const buildBatchTranslateEventDocument = (count) => gql`
         event ${eventFragment()}
         errors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }
@@ -232,7 +234,7 @@ const buildBatchStartEventRevisionDocument = (count) => gql`
         errors ${errorsFragment()}
         eventErrors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }

package/src/cloud/documents/pagesDocuments.js

@@ -17,6 +17,8 @@ function minimalPageFragment() {
       slug
       title
       visibility
+      insertedAt
+      updatedAt
     }
   `;
 }
@@ -192,7 +194,7 @@ const buildBatchTranslatePageDocument = (count) => gql`
         page ${pageFragment()}
         errors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }
@@ -236,7 +238,7 @@ const buildBatchStartPageRevisionDocument = (count) => gql`
         errors ${errorsFragment()}
         pageErrors ${errorsFragment()}
       }
-    `
+    `,
       )
       .join("\n")}
   }

package/src/handlers/_shared/SettingsHandler.js

@@ -14,6 +14,10 @@ const update = async (ctx) => {
   const current = await ctx.client.settings.find(ctx.locale);
   const updated = ctx.client.settings.deepMerge(current, params);
 
+  if (params._global_variables !== undefined) {
+    updated._global_variables = params._global_variables;
+  }
+
   const { errors } = await ctx.client.settings.update(ctx.locale, updated);
 
   if (errors) {

package/src/handlers/articles/ArticlesHandler.js

@@ -4,13 +4,19 @@ const index = async (ctx) => {
   const items = await ctx.client.articles.list(
     ctx.query,
     ctx.locale,
-    ctx.resourceConfig.articleType
+    ctx.resourceConfig.articleType,
   );
   const tags = await ctx.client.tags.all(ctx.locale);
+  const languages = ctx.client.articles.getConfig().i18n.locales;
+  const translations = Object.keys(languages).map((key) => ({
+    name: languages[key].name,
+    code: key,
+  }));
 
   return {
     assigns: {
       tags: tags.list,
+      translations,
       items,
       visibilityOptions: ctx.client.articles.visibilityOptions(),
     },
@@ -36,7 +42,7 @@ const show = async (ctx) => {
       ],
     },
     id,
-    ctx.locale
+    ctx.locale,
   );
 
   return {
@@ -81,13 +87,13 @@ const create = async (ctx) => {
 
   const resource = ctx.client.articles.deepMerge(
     ctx.client.articles.defaults(),
-    ctx.client.articles.formatDates(params)
+    ctx.client.articles.formatDates(params),
   );
 
   const { errors } = await ctx.client.articles.create(
     resource,
     ctx.locale,
-    ctx.resourceConfig.articleType
+    ctx.resourceConfig.articleType,
   );
 
   if (errors) {

package/src/handlers/articles/ExportsHandler.js

@@ -0,0 +1,35 @@
+import CSVExportHelper from "../../helpers/CSVExportHelper";
+
+const exportCSV = async (ctx) => {
+  const { query, client, resourceConfig, remoteConfig } = ctx;
+  const articleType = resourceConfig.articleType;
+  const locale = query.locale || "en";
+
+  const articles = await client.articles.listAll(query, locale, articleType);
+
+  const fieldMapping = CSVExportHelper.standardFieldMapping(
+    remoteConfig,
+    locale,
+    articleType,
+  );
+
+  const headers = [...CSVExportHelper.standardHeaders];
+
+  const csv = CSVExportHelper.formatDataAsCSV(
+    articles.list,
+    headers,
+    fieldMapping,
+  );
+
+  return {
+    text: csv,
+    headers: {
+      "Content-Type": "text/csv",
+      "Content-Disposition": `attachment; filename="${CSVExportHelper.generateExportFilename(articleType)}"`,
+    },
+  };
+};
+
+export default {
+  index: exportCSV,
+};

package/src/handlers/events/EventsHandler.js

@@ -4,13 +4,19 @@ const index = async (ctx) => {
   const items = await ctx.client.events.list(
     ctx.query,
     ctx.locale,
-    ctx.resourceConfig.eventType
+    ctx.resourceConfig.eventType,
   );
   const tags = await ctx.client.tags.all(ctx.locale);
+  const languages = ctx.client.events.getConfig().i18n.locales;
+  const translations = Object.keys(languages).map((key) => ({
+    name: languages[key].name,
+    code: key,
+  }));
 
   return {
     assigns: {
       tags: tags.list,
+      translations,
       items,
       visibilityOptions: ctx.client.events.visibilityOptions(),
     },
@@ -36,7 +42,7 @@ const show = async (ctx) => {
       ],
     },
     id,
-    ctx.locale
+    ctx.locale,
   );
 
   return {
@@ -81,13 +87,13 @@ const create = async (ctx) => {
 
   const resource = ctx.client.events.deepMerge(
     ctx.client.events.defaults(),
-    ctx.client.events.formatDates(params)
+    ctx.client.events.formatDates(params),
   );
 
   const { errors } = await ctx.client.events.create(
     resource,
     ctx.locale,
-    ctx.resourceConfig.eventType
+    ctx.resourceConfig.eventType,
   );
 
   if (errors) {

package/src/handlers/events/ExportsHandler.js

@@ -0,0 +1,35 @@
+import CSVExportHelper from "../../helpers/CSVExportHelper";
+
+const exportCSV = async (ctx) => {
+  const { query, client, resourceConfig, remoteConfig } = ctx;
+  const eventType = resourceConfig.eventType;
+  const locale = query.locale || "en";
+
+  const events = await client.events.listAll(query, locale, eventType);
+
+  const fieldMapping = CSVExportHelper.standardFieldMapping(
+    remoteConfig,
+    locale,
+    eventType,
+  );
+
+  const headers = [...CSVExportHelper.standardHeaders];
+
+  const csv = CSVExportHelper.formatDataAsCSV(
+    events.list,
+    headers,
+    fieldMapping,
+  );
+
+  return {
+    text: csv,
+    headers: {
+      "Content-Type": "text/csv",
+      "Content-Disposition": `attachment; filename="${CSVExportHelper.generateExportFilename(eventType)}"`,
+    },
+  };
+};
+
+export default {
+  index: exportCSV,
+};

package/src/handlers/pages/ExportsHandler.js

@@ -0,0 +1,35 @@
+import CSVExportHelper from "../../helpers/CSVExportHelper";
+
+const exportCSV = async (ctx) => {
+  const { query, client, resourceConfig, remoteConfig } = ctx;
+  const pageType = resourceConfig.pageType;
+  const locale = query.locale || "en";
+
+  const pages = await client.pages.listAll(query, locale, pageType);
+
+  const fieldMapping = CSVExportHelper.standardFieldMapping(
+    remoteConfig,
+    locale,
+    pageType,
+  );
+
+  const headers = [...CSVExportHelper.standardHeaders];
+
+  const csv = CSVExportHelper.formatDataAsCSV(
+    pages.list,
+    headers,
+    fieldMapping,
+  );
+
+  return {
+    text: csv,
+    headers: {
+      "Content-Type": "text/csv",
+      "Content-Disposition": `attachment; filename="${CSVExportHelper.generateExportFilename(pageType)}"`,
+    },
+  };
+};
+
+export default {
+  index: exportCSV,
+};

package/src/handlers/pages/PagesHandler.js

@@ -2,14 +2,20 @@ const index = async (ctx) => {
   const items = await ctx.client.pages.list(
     ctx.query,
     ctx.locale,
-    ctx.resourceConfig.pageType
+    ctx.resourceConfig.pageType,
   );
 
   const tags = await ctx.client.tags.all(ctx.locale);
+  const languages = ctx.client.pages.getConfig().i18n.locales;
+  const translations = Object.keys(languages).map((key) => ({
+    name: languages[key].name,
+    code: key,
+  }));
 
   return {
     assigns: {
       tags: tags.list,
+      translations,
       items,
       visibilityOptions: ctx.client.pages.visibilityOptions(),
     },
@@ -35,7 +41,7 @@ const show = async (ctx) => {
       ],
     },
     id,
-    ctx.locale
+    ctx.locale,
   );
 
   return {
@@ -79,13 +85,13 @@ const create = async (ctx) => {
   const params = { ...ctx.resourceParams.resource };
   const resource = ctx.client.pages.deepMerge(
     ctx.client.pages.defaults(),
-    params
+    params,
   );
 
   const { errors } = await ctx.client.pages.create(
     resource,
     ctx.locale,
-    ctx.resourceConfig.pageType
+    ctx.resourceConfig.pageType,
   );
 
   if (errors) {

package/src/helpers/CSVExportHelper.js

@@ -0,0 +1,103 @@
+function escapeCSVValue(value) {
+  if (value === null || value === undefined) {
+    return "";
+  }
+
+  const stringValue = String(value);
+
+  if (
+    stringValue.includes(",") ||
+    stringValue.includes('"') ||
+    stringValue.includes("\n") ||
+    stringValue.includes("\r")
+  ) {
+    return `"${stringValue.replace(/"/g, '""')}"`;
+  }
+
+  return stringValue;
+}
+
+function formatDataAsCSV(data, headers, fieldMapping) {
+  const headerRow = headers.join(",");
+
+  const rows = data.map((item) => {
+    return headers
+      .map((header) => {
+        const field = fieldMapping[header];
+        let value = "";
+
+        if (typeof field === "function") {
+          value = field(item);
+        } else if (field.includes(".")) {
+          const props = field.split(".");
+          let nestedValue = item;
+
+          for (const prop of props) {
+            if (nestedValue && nestedValue[prop] !== undefined) {
+              nestedValue = nestedValue[prop];
+            } else {
+              nestedValue = "";
+              break;
+            }
+          }
+
+          value = nestedValue;
+        } else {
+          value = item[field] !== undefined ? item[field] : "";
+        }
+
+        return escapeCSVValue(value);
+      })
+      .join(",");
+  });
+
+  return [headerRow, ...rows].join("\r\n");
+}
+
+function generateExportFilename(contentType) {
+  const date = new Date();
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const year = String(date.getFullYear()).slice(2);
+
+  return `${day}${month}${year}_${contentType}_export.csv`;
+}
+
+const extractResourceType = (resource, type) => {
+  if (resource.pageType) return resource.pageType;
+  if (resource.articleType) return resource.articleType;
+  if (resource.eventType) return resource.eventType;
+  if (resource.resourceType) return resource.resourceType;
+  if (resource.type) return resource.type;
+  return type;
+};
+
+const standardFieldMapping = (remoteConfig, locale, type) => ({
+  id: "id",
+  type: (item) => extractResourceType(item, type),
+  locale: (item) => (item.locale ? item.locale : locale),
+  title: "title",
+  URL: (item) => remoteConfig.resourceUrl(item, type, locale),
+  visibility: "visibility",
+  created_at: "insertedAt",
+  updated_at: "updatedAt",
+});
+
+const standardHeaders = [
+  "id",
+  "type",
+  "locale",
+  "title",
+  "URL",
+  "visibility",
+  "created_at",
+  "updated_at",
+];
+
+export default {
+  escapeCSVValue,
+  formatDataAsCSV,
+  generateExportFilename,
+  standardFieldMapping,
+  standardHeaders,
+};

package/src/routeArticlesModule.js

@@ -15,6 +15,7 @@ import ArticlesHandler from "./handlers/articles/ArticlesHandler";
 import ChangeHandler from "./handlers/articles/ChangeHandler";
 import ClonesHandler from "./handlers/articles/ClonesHandler";
 import DeletesHandler from "./handlers/articles/DeletesHandler";
+import ExportsHandler from "./handlers/articles/ExportsHandler";
 import HistoryHandler from "./handlers/articles/HistoryHandler";
 import TranslationsHandler from "./handlers/articles/TranslationsHandler";
 import URLsHandler from "./handlers/articles/URLsHandler";
@@ -35,6 +36,18 @@ function routeArticlesModule(
     articleTypePlural,
   };
 
+  const exportsMapping = [
+    [
+      "GET",
+      `/${baseResource}/exports`,
+      "exports",
+      "articles/exports",
+      "index",
+      ExportsHandler.index,
+    ],
+  ];
+  adapter.routeCollection(exportsMapping, resourceConfig);
+
   routeCollection(adapter, baseResource, ArticlesHandler, {
     ...resourceConfig,
     viewsFallback: "articles",