@raketa-cloud/admin 1.8.14 → 1.8.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/application.css +14 -10
  2. package/package.json +8 -4
  3. package/src/cloud/documents/common.js +0 -1
  4. package/src/cloud/documents/contentTasksDocuments.js +0 -1
  5. package/src/cloud/documents/resourcesDocuments.js +0 -1
  6. package/src/handlers/content_tasks/ContentTasksHandler.js +8 -0
  7. package/src/tests/support/factory.js +0 -1
  8. package/src/views/content_tasks/index.ejs +4 -8
  9. package/src/views/resources/_shared/_toolbar.ejs +1 -2
  10. package/src/views/resources/_shared/_translations_strip.ejs +1 -2
  11. package/src/views/resources/index.ejs +1 -1
  12. package/src/views/resources/translations/create_form.ejs +58 -14
package/dist/application.css CHANGED
@@ -1566,12 +1566,8 @@ select {
1566
1566
  pointer-events: none;
1567
1567
  }
1568
1568
 
1569
- .static {
1570
- position: static;
1571
- }
1572
-
1573
- .fixed {
1574
- position: fixed;
1569
+ .visible {
1570
+ visibility: visible;
1575
1571
  }
1576
1572
 
1577
1573
  .absolute {
@@ -1737,10 +1733,6 @@ select {
1737
1733
  display: inline-block;
1738
1734
  }
1739
1735
 
1740
- .inline {
1741
- display: inline;
1742
- }
1743
-
1744
1736
  .flex {
1745
1737
  display: flex;
1746
1738
  }
@@ -1976,6 +1968,12 @@ select {
1976
1968
  overflow-y: auto;
1977
1969
  }
1978
1970
 
1971
+ .truncate {
1972
+ overflow: hidden;
1973
+ text-overflow: ellipsis;
1974
+ white-space: nowrap;
1975
+ }
1976
+
1979
1977
  .whitespace-nowrap {
1980
1978
  white-space: nowrap;
1981
1979
  }
@@ -2337,6 +2335,12 @@ select {
2337
2335
  opacity: 0.75;
2338
2336
  }
2339
2337
 
2338
+ .shadow {
2339
+ --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
2340
+ --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
2341
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2342
+ }
2343
+
2340
2344
  .shadow-inner {
2341
2345
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
2342
2346
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@raketa-cloud/admin",
3
- "version": "1.8.14",
3
+ "version": "1.8.16",
4
4
  "main": "src/index.js",
5
5
  "files": [
6
6
  "src/",
@@ -21,13 +21,17 @@
21
21
  "@tailwindcss/forms": "0.5.7",
22
22
  "@tailwindcss/typography": "0.5.13",
23
23
  "@types/node": "24.10.1",
24
- "jest": "30.3.0",
24
+ "babel-jest": "^29.7.0",
25
+ "jest": "^29.7.0",
26
+ "jest-environment-node": "^29.7.0",
25
27
  "tailwindcss": "3.4.4",
26
28
  "typescript": "5.9.3"
27
29
  },
28
30
  "dependencies": {
29
- "ejs": "3.1.10",
30
- "graphql-request": "7.4.0"
31
+ "@hono/node-server": "2.0.12",
32
+ "ejs": "^6.0.1",
33
+ "graphql-request": "7.4.0",
34
+ "hono": "4.12.32"
31
35
  },
32
36
  "overrides": {
33
37
  "error-ex": "1.3.4"
package/src/cloud/documents/common.js CHANGED
@@ -111,7 +111,6 @@ export function contentTaskFragment() {
111
111
  operatorMeta
112
112
  completedAt
113
113
  failedAt
114
- rejectedAt
115
114
  insertedAt
116
115
  updatedAt
117
116
  }
package/src/cloud/documents/contentTasksDocuments.js CHANGED
@@ -13,7 +13,6 @@ export const ContentTasksDocument = gql`
13
13
  operatorMeta
14
14
  completedAt
15
15
  failedAt
16
- rejectedAt
17
16
  insertedAt
18
17
  updatedAt
19
18
  resource {
package/src/cloud/documents/resourcesDocuments.js CHANGED
@@ -51,7 +51,6 @@ function resourceFragment() {
51
51
  operatorMeta
52
52
  completedAt
53
53
  failedAt
54
- rejectedAt
55
54
  insertedAt
56
55
  updatedAt
57
56
  }
package/src/handlers/content_tasks/ContentTasksHandler.js CHANGED
@@ -8,6 +8,12 @@ function buildResourceUrl(resource, resourceRoutes) {
8
8
  return `/${locale}/${route}/${id}`;
9
9
  }
10
10
 
11
+ const WORKFLOWS_MAP = {
12
+ lokalise_to_ai_rt_hum: "Lokalise: AI translation & Human review",
13
+ lokalise_tt_hum: "Lokalise: Human translation",
14
+ lokalise_tt_ai: "Lokalise: AI translation",
15
+ };
16
+
11
17
  async function index(ctx) {
12
18
  const items = await ctx.client.contentTasks.list(ctx.query);
13
19
  const editors = await ctx.client.contentTasks.editors();
@@ -23,6 +29,8 @@ async function index(ctx) {
23
29
  editors: editors.list || [],
24
30
  buildResourceUrl: (resource) =>
25
31
  buildResourceUrl(resource, resourceRoutes),
32
+ workflowsMap: (workflowType) =>
33
+ WORKFLOWS_MAP[workflowType] || "Unknown workflow",
26
34
  },
27
35
  };
28
36
  }
package/src/tests/support/factory.js CHANGED
@@ -85,7 +85,6 @@ const CONTENT_TASK = {
85
85
  },
86
86
  completedAt: null,
87
87
  failedAt: null,
88
- rejectedAt: null,
89
88
  insertedAt: "2024-08-30T19:05:00Z",
90
89
  updatedAt: "2024-08-30T19:05:00Z",
91
90
  resource: {
package/src/views/content_tasks/index.ejs CHANGED
@@ -51,7 +51,7 @@
51
51
 
52
52
  <td>
53
53
  <span class="body-2">
54
- <%= Inflector.capitalize(task.workflow) %>
54
+ <%= workflowsMap(task.workflow) %>
55
55
  </span>
56
56
  </td>
57
57
 
@@ -76,14 +76,14 @@
76
76
  </td>
77
77
 
78
78
  <td>
79
- <% if (task.completedAt || task.failedAt || task.rejectedAt) { %>
79
+ <% if (task.completedAt || task.failedAt) { %>
80
80
  <div class="body-3 text-raketa-foreground/50">
81
81
  <div class="flex items-center gap-1">
82
82
  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4 text-raketa-foreground">
83
83
  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
84
84
  </svg>
85
- <time data-pretty-datetime datetime="<%= task.completedAt || task.failedAt || task.rejectedAt %>">
86
- <%= utils.formattedDateTime(task.completedAt || task.failedAt || task.rejectedAt) %>
85
+ <time data-pretty-datetime datetime="<%= task.completedAt || task.failedAt %>">
86
+ <%= utils.formattedDateTime(task.completedAt || task.failedAt) %>
87
87
  </time>
88
88
  </div>
89
89
  </div>
@@ -101,10 +101,6 @@
101
101
  <span class="bg-red-100 chip text-red-700 dark:bg-red-900/50 dark:text-red-300">
102
102
  Failed
103
103
  </span>
104
- <% } else if (task.rejectedAt) { %>
105
- <span class="bg-orange-100 chip text-orange-700 dark:bg-orange-900/50 dark:text-orange-300">
106
- Rejected
107
- </span>
108
104
  <% } else { %>
109
105
  <span class="bg-blue-100 chip text-blue-700 dark:bg-blue-900/50 dark:text-blue-300">
110
106
  In Progress
package/src/views/resources/_shared/_toolbar.ejs CHANGED
@@ -3,8 +3,7 @@
3
3
  const hasActiveContentTask = utils.feature("contentTasks", _context) &&
4
4
  resource.activeContentTask &&
5
5
  !resource.activeContentTask.completedAt &&
6
- !resource.activeContentTask.failedAt &&
7
- !resource.activeContentTask.rejectedAt;
6
+ !resource.activeContentTask.failedAt;
8
7
  %>
9
8
  <div class="actions-toolbar">
10
9
  <form method="POST" action="<%= `/${_context.locale}/${_context.resourceConfig.resourceTypePlural}/${resource.id}/${_context.resourceConfig.resourceType}_revisions` %>" class="inline-block">
package/src/views/resources/_shared/_translations_strip.ejs CHANGED
@@ -13,8 +13,7 @@
13
13
  const currentHasActiveTask = utils.feature("contentTasks", _context) &&
14
14
  resource.activeContentTask &&
15
15
  !resource.activeContentTask.completedAt &&
16
- !resource.activeContentTask.failedAt &&
17
- !resource.activeContentTask.rejectedAt;
16
+ !resource.activeContentTask.failedAt;
18
17
 
19
18
  const contentTaskMessage = currentHasActiveTask ? `${name}: ${Inflector.capitalize(resource.activeContentTask.workflow)} task in progress` : '';
20
19
  %>
package/src/views/resources/index.ejs CHANGED
@@ -40,7 +40,7 @@
40
40
  <% if (item.revisionsCount > 0) { %>
41
41
  <span class="bg-orange-100 chip text-orange-700 dark:bg-orange-900/50 dark:text-orange-300"><%= item.revisionsCount !== 1 ? `${item.revisionsCount} open revisions` : 'Open revision' %></span>
42
42
  <% } %>
43
- <% if (utils.feature("contentTasks", _context) && item.activeContentTask && !item.activeContentTask.completedAt && !item.activeContentTask.failedAt && !item.activeContentTask.rejectedAt) { %>
43
+ <% if (utils.feature("contentTasks", _context) && item.activeContentTask && !item.activeContentTask.completedAt && !item.activeContentTask.failedAt) { %>
44
44
  <span class="bg-blue-100 chip text-blue-700 dark:bg-blue-900/50 dark:text-blue-300" title="<%= item.activeContentTask.workflow ? `${item.activeContentTask.workflow} workflow` : 'Translation in progress' %>">
45
45
  Content task in progress
46
46
  </span>
package/src/views/resources/translations/create_form.ejs CHANGED
@@ -35,7 +35,9 @@
35
35
  <label for="workflow" class="font-semibold hover:cursor-pointer body-3">Translation workflow</label>
36
36
  <select name="resource[workflow]" id="workflow">
37
37
  <option value="">Default (no workflow)</option>
38
- <option value="lokalise" <%= resource.workflow === 'lokalise' ? 'selected' : '' %>>Lokalise workflow</option>
38
+ <option value="LOKALISE_TO_AI_RT_HUM" <%= resource.workflow === 'LOKALISE_TO_AI_RT_HUM' ? 'selected' : '' %>>Lokalise: AI translation & Human review</option>
39
+ <option value="LOKALISE_TT_HUM" <%= resource.workflow === 'LOKALISE_TT_HUM' ? 'selected' : '' %>>Lokalise: Human translation</option>
40
+ <option value="LOKALISE_TT_AI" <%= resource.workflow === 'LOKALISE_TT_AI' ? 'selected' : '' %>>Lokalise: AI translation</option>
39
41
  </select>
40
42
  <p class="text-sm text-raketa-foreground/50 mt-1">
41
43
  Select a workflow for the translation process. Lokalise workflow initiates a content task for external translation.
@@ -66,23 +68,65 @@
66
68
  <% }) %>
67
69
 
68
70
  <div>
69
- <div class="help">
70
- <div class="flex items-center gap-1 mb-2">
71
- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
72
- <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
73
- </svg>
71
+ <% if (utils.feature("contentTasks", _context) && _context.locale === _context.defaultLocale) { %>
72
+
73
+ <div class="help">
74
+ <div class="flex items-center gap-1 mb-2">
75
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
76
+ <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
77
+ </svg>
78
+
79
+ <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
80
+ </div>
74
81
 
75
- <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
82
+ <div class="markdown">
83
+ Select one or multiple locales to initiate bulk translations. The process depends on your selected workflow:
84
+ <br />
85
+ <ul>
86
+ <li>
87
+ <strong>Default (Content Editors):</strong> A private copy and new revision are created immediately. The next screen provides quick links to translate settings and widgets so you can translate the content manually.
88
+ </li>
89
+ <li>
90
+ <strong>AI Translation (Lokalise):</strong> A task is sent to Lokalise Pro AI to automatically translate the content.
91
+ </li>
92
+ <li>
93
+ <strong>AI + Human Review (Lokalise):</strong> A task is sent to Lokalise where an AI translates the content, which then awaits human review.
94
+ </li>
95
+ <li>
96
+ <strong>Human Translation (Lokalise):</strong> A task is sent to Lokalise where a human translator fully translates and reviews the content.
97
+ </li>
98
+ </ul>
99
+
100
+ <br />
101
+ <strong>Notes:</strong> For all Lokalise workflows (<strong>AI, AI + Human</strong>, and <strong>Human</strong>):
102
+ <ul>
103
+ <li>Content is required to start a Lokalise task.</li>
104
+ <li>The private copy and new revision will be automatically created here in the CMS only after the external task is completed and returned.</li>
105
+ </ul>
106
+ </div>
76
107
  </div>
77
108
 
78
- <div class="markdown">
79
- <ol>
80
- <li>Select multiple locales to initiate bulk translations.</li>
81
- <li>A private copy of the <%= Inflector.downcase(_context.resourceConfig.resourceType) %> will be automatically created for each selected language, with a new revision opened to facilitate the translation process.</li>
82
- <li>On the next screen you'll see a list with quick links to transalte settings and widgets</li>
83
- </ol>
109
+ <% } else { %>
110
+
111
+ <div class="help">
112
+ <div class="flex items-center gap-1 mb-2">
113
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-4">
114
+ <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
115
+ </svg>
116
+
117
+ <h3 class="heading-3">Translating <%= Inflector.downcase(_context.resourceConfig.resourceTypePlural) %></h3>
118
+ </div>
119
+
120
+ <div class="markdown">
121
+ <ul>
122
+ <li>Select multiple locales to initiate bulk translations.</li>
123
+ <li>A private copy of the <%= Inflector.downcase(_context.resourceConfig.resourceType) %> will be automatically created for each selected language, with a new revision opened to facilitate the translation process.</li>
124
+ <li>On the next screen you'll see a list with quick links to transalte settings and widgets.</li>
125
+ </ul>
126
+ </div>
84
127
  </div>
85
- </div>
128
+
129
+ <% } %>
86
130
  </div>
87
131
  </div>
88
132
  </div>