payload-ai 0.0.67 → 0.0.71

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 (95) hide show
  1. package/dev/package.json +1 -1
  2. package/dev/src/collections/Media.ts +44 -0
  3. package/dev/src/media/IMG_3624-1024x768.jpg +0 -0
  4. package/dev/src/media/IMG_3624.jpeg +0 -0
  5. package/dev/src/payload.config.ts +6 -1
  6. package/dist/access/admins.d.ts +4 -0
  7. package/dist/access/admins.js +12 -0
  8. package/dist/access/admins.js.map +1 -0
  9. package/dist/access/adminsOrPublished.d.ts +2 -0
  10. package/dist/access/adminsOrPublished.js +18 -0
  11. package/dist/access/adminsOrPublished.js.map +1 -0
  12. package/dist/access/anyone.d.ts +2 -0
  13. package/dist/access/anyone.js +6 -0
  14. package/dist/access/anyone.js.map +1 -0
  15. package/dist/access/checkRole.d.ts +1 -0
  16. package/dist/access/checkRole.js +18 -0
  17. package/dist/access/checkRole.js.map +1 -0
  18. package/dist/access/validateAccess.d.ts +1 -0
  19. package/dist/access/validateAccess.js +14 -0
  20. package/dist/access/validateAccess.js.map +1 -0
  21. package/dist/aiCaption.d.ts +8 -0
  22. package/dist/aiCaption.js +145 -0
  23. package/dist/aiCaption.js.map +1 -0
  24. package/dist/aiTranslate.d.ts +8 -0
  25. package/dist/aiTranslate.js +166 -0
  26. package/dist/aiTranslate.js.map +1 -0
  27. package/dist/components/AfterDashboard/index.d.ts +3 -0
  28. package/dist/components/AfterDashboard/index.js +17 -0
  29. package/dist/components/AfterDashboard/index.js.map +1 -0
  30. package/dist/components/AfterDashboard/index.scss +10 -0
  31. package/dist/components/Metadata/index.d.ts +2 -0
  32. package/dist/components/Metadata/index.js +101 -0
  33. package/dist/components/Metadata/index.js.map +1 -0
  34. package/dist/components/Metadata/index.scss +10 -0
  35. package/dist/components/Translator/Translator.scss +6 -0
  36. package/dist/components/Translator/index.d.ts +4 -0
  37. package/dist/components/Translator/index.js +222 -0
  38. package/dist/components/Translator/index.js.map +1 -0
  39. package/dist/deepCompareAndMerge.d.ts +5 -0
  40. package/dist/deepCompareAndMerge.js +102 -0
  41. package/dist/deepCompareAndMerge.js.map +1 -0
  42. package/dist/fsMock.d.ts +3 -0
  43. package/dist/fsMock.js +3 -0
  44. package/dist/fsMock.js.map +1 -0
  45. package/dist/generateImage.d.ts +1 -0
  46. package/dist/generateImage.js +80 -0
  47. package/dist/generateImage.js.map +1 -0
  48. package/dist/generateText.d.ts +5 -0
  49. package/dist/generateText.js +93 -0
  50. package/dist/generateText.js.map +1 -0
  51. package/dist/handleMissingTranslate.d.ts +3 -0
  52. package/dist/handleMissingTranslate.js +114 -0
  53. package/dist/handleMissingTranslate.js.map +1 -0
  54. package/dist/handleTranslate.d.ts +3 -0
  55. package/dist/handleTranslate.js +101 -0
  56. package/dist/handleTranslate.js.map +1 -0
  57. package/dist/index.d.ts +3 -0
  58. package/dist/index.js.map +1 -0
  59. package/dist/mocks/mockFile.d.ts +1 -0
  60. package/dist/mocks/mockFile.js +3 -0
  61. package/dist/mocks/mockFile.js.map +1 -0
  62. package/dist/onInitExtension.d.ts +3 -0
  63. package/dist/onInitExtension.js +17 -0
  64. package/dist/onInitExtension.js.map +1 -0
  65. package/dist/plugin.d.ts +3 -0
  66. package/dist/plugin.js +186 -0
  67. package/dist/plugin.js.map +1 -0
  68. package/dist/seoTools.d.ts +2 -0
  69. package/dist/seoTools.js +135 -0
  70. package/dist/seoTools.js.map +1 -0
  71. package/dist/stringTranslations.d.ts +3 -0
  72. package/dist/stringTranslations.js +208 -0
  73. package/dist/stringTranslations.js.map +1 -0
  74. package/dist/translateTextAndObjects.d.ts +1 -0
  75. package/dist/translateTextAndObjects.js +288 -0
  76. package/dist/translateTextAndObjects.js.map +1 -0
  77. package/dist/types.d.ts +20 -0
  78. package/dist/types.js +3 -0
  79. package/dist/types.js.map +1 -0
  80. package/dist/webpack.d.ts +3 -0
  81. package/dist/webpack.js +32 -0
  82. package/dist/webpack.js.map +1 -0
  83. package/package.json +5 -2
  84. package/src/aiCaption.ts +90 -0
  85. package/src/aiTranslate.ts +13 -4
  86. package/src/components/Translator/index.tsx +30 -3
  87. package/src/deepCompareAndMerge.ts +7 -2
  88. package/src/fsMock.js +1 -0
  89. package/src/handleMissingTranslate.ts +52 -0
  90. package/src/handleTranslate.ts +0 -1
  91. package/src/plugin.ts +30 -0
  92. package/src/seoTools.ts +2 -2
  93. package/src/stringTranslations.ts +15 -0
  94. package/src/translateTextAndObjects.ts +49 -27
  95. package/src/webpack.ts +1 -0
package/dev/package.json CHANGED
@@ -34,4 +34,4 @@
34
34
  "ts-node": "^9.1.1",
35
35
  "typescript": "^4.8.4"
36
36
  }
37
- }
37
+ }
@@ -0,0 +1,44 @@
1
+ import { CollectionConfig } from 'payload/types'
2
+
3
+ export const Media: CollectionConfig = {
4
+ slug: 'media',
5
+ access: {
6
+ read: () => true,
7
+ },
8
+ upload: {
9
+ staticURL: '/media',
10
+ staticDir: 'media',
11
+ imageSizes: [
12
+ {
13
+ name: 'thumbnail',
14
+ width: 400,
15
+ height: 300,
16
+ position: 'centre',
17
+ },
18
+ {
19
+ name: 'card',
20
+ width: 768,
21
+ height: 1024,
22
+ position: 'centre',
23
+ },
24
+ {
25
+ name: 'tablet',
26
+ width: 1024,
27
+ // By specifying `undefined` or leaving a height undefined,
28
+ // the image will be sized to a certain width,
29
+ // but it will retain its original aspect ratio
30
+ // and calculate a height automatically.
31
+ height: undefined,
32
+ position: 'centre',
33
+ },
34
+ ],
35
+ adminThumbnail: 'thumbnail',
36
+ mimeTypes: ['image/*'],
37
+ },
38
+ fields: [
39
+ {
40
+ name: 'alt',
41
+ type: 'text',
42
+ },
43
+ ],
44
+ }
Binary file
@@ -2,6 +2,7 @@ import { buildConfig } from 'payload/config'
2
2
  import path from 'path'
3
3
  import Users from './collections/Users'
4
4
  import Examples from './collections/Examples'
5
+ import { Media } from './collections/Media'
5
6
  import { mongooseAdapter } from '@payloadcms/db-mongodb'
6
7
  import { webpackBundler } from '@payloadcms/bundler-webpack'
7
8
  //import { slateEditor } from '@payloadcms/richtext-slate'
@@ -39,7 +40,7 @@ export default buildConfig({
39
40
  return newConfig
40
41
  },
41
42
  },
42
- collections: [Examples, ExamplesWithVersions, Users],
43
+ collections: [Examples, ExamplesWithVersions, Users, Media],
43
44
  //editor: slateEditor({}),
44
45
 
45
46
  editor: lexicalEditor({
@@ -89,7 +90,11 @@ export default buildConfig({
89
90
  'examples-with-versions': {
90
91
  fields: ['title', 'longText', 'jsonContent'],
91
92
  },
93
+ media: {
94
+ fields: ['alt'],
95
+ },
92
96
  translations: {
97
+ access: () => true,
93
98
  settings: {
94
99
  model: 'gpt-4',
95
100
  promptFunc: ({ messages, namespace }) => {
@@ -0,0 +1,4 @@
1
+ import type { AccessArgs } from 'payload/config';
2
+ type isAdmin = (args: AccessArgs<unknown, any>) => boolean;
3
+ export declare const admins: isAdmin;
4
+ export {};
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.admins = void 0;
4
+ var checkRole_1 = require("./checkRole");
5
+ var admins = function (_a) {
6
+ var user = _a.req.user;
7
+ if (!user)
8
+ return false;
9
+ return (0, checkRole_1.checkRole)(['admin'], user);
10
+ };
11
+ exports.admins = admins;
12
+ //# sourceMappingURL=admins.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"admins.js","sourceRoot":"","sources":["../../src/access/admins.ts"],"names":[],"mappings":";;;AAEA,yCAAuC;AAKhC,IAAM,MAAM,GAAY,UAAC,EAAiB;QAAR,IAAI,cAAA;IAC3C,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IACvB,OAAO,IAAA,qBAAS,EAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAA;AACnC,CAAC,CAAA;AAHY,QAAA,MAAM,UAGlB"}
@@ -0,0 +1,2 @@
1
+ import type { Access } from 'payload/config';
2
+ export declare const adminsOrPublished: Access;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.adminsOrPublished = void 0;
4
+ var checkRole_1 = require("./checkRole");
5
+ var adminsOrPublished = function (_a) {
6
+ var user = _a.req.user;
7
+ if (user && (0, checkRole_1.checkRole)(['admin'], user)) {
8
+ return true;
9
+ }
10
+ return true;
11
+ return {
12
+ _status: {
13
+ equals: 'published',
14
+ },
15
+ };
16
+ };
17
+ exports.adminsOrPublished = adminsOrPublished;
18
+ //# sourceMappingURL=adminsOrPublished.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"adminsOrPublished.js","sourceRoot":"","sources":["../../src/access/adminsOrPublished.ts"],"names":[],"mappings":";;;AAEA,yCAAuC;AAEhC,IAAM,iBAAiB,GAAW,UAAC,EAAiB;QAAR,IAAI,cAAA;IACrD,IAAI,IAAI,IAAI,IAAA,qBAAS,EAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;QACtC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,IAAI,CAAA;IACX,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE,WAAW;SACpB;KACF,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,iBAAiB,qBAW7B"}
@@ -0,0 +1,2 @@
1
+ import type { Access } from 'payload/config';
2
+ export declare const anyone: Access;
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.anyone = void 0;
4
+ var anyone = function () { return true; };
5
+ exports.anyone = anyone;
6
+ //# sourceMappingURL=anyone.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"anyone.js","sourceRoot":"","sources":["../../src/access/anyone.ts"],"names":[],"mappings":";;;AAEO,IAAM,MAAM,GAAW,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAA3B,QAAA,MAAM,UAAqB"}
@@ -0,0 +1 @@
1
+ export declare const checkRole: (allRoles: any, user?: any) => boolean;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ //import type { User } from '../../payload-types'
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.checkRole = void 0;
5
+ var checkRole = function (allRoles /* User['roles'] = [] */, user) {
6
+ if (user) {
7
+ if (allRoles.some(function (role) {
8
+ var _a;
9
+ return (_a = user === null || user === void 0 ? void 0 : user.roles) === null || _a === void 0 ? void 0 : _a.some(function (individualRole) {
10
+ return individualRole === role;
11
+ });
12
+ }))
13
+ return true;
14
+ }
15
+ return false;
16
+ };
17
+ exports.checkRole = checkRole;
18
+ //# sourceMappingURL=checkRole.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkRole.js","sourceRoot":"","sources":["../../src/access/checkRole.ts"],"names":[],"mappings":";AAAA,iDAAiD;;;AAE1C,IAAM,SAAS,GAAG,UAAC,QAAa,CAAC,wBAAwB,EAAE,IAAU;IAC1E,IAAI,IAAI,EAAE;QACR,IACE,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAS;;YACtB,OAAO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,cAAmB;gBAC3C,OAAO,cAAc,KAAK,IAAI,CAAA;YAChC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;YAEF,OAAO,IAAI,CAAA;KACd;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB"}
@@ -0,0 +1 @@
1
+ export declare const validateAccess: (req: any, res: any, pluginOptions: any) => any;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.validateAccess = void 0;
4
+ var validateAccess = function (req, res, pluginOptions) {
5
+ var collectionOptions = pluginOptions.collections[req.collection.config.slug];
6
+ var accessControl = collectionOptions.access || req.collection.config.access.update;
7
+ var access = accessControl({ req: req });
8
+ if (!access) {
9
+ res.status(403).send({ error: 'not allowed' });
10
+ }
11
+ return access;
12
+ };
13
+ exports.validateAccess = validateAccess;
14
+ //# sourceMappingURL=validateAccess.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validateAccess.js","sourceRoot":"","sources":["../../src/access/validateAccess.ts"],"names":[],"mappings":";;;AAEO,IAAM,cAAc,GAAG,UAAC,GAAQ,EAAE,GAAQ,EAAE,aAAkB;IACnE,IAAM,iBAAiB,GAAG,aAAa,CAAC,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAE/E,IAAM,aAAa,GAAG,iBAAiB,CAAC,MAAM,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAA;IACrF,IAAM,MAAM,GAAG,aAAa,CAAC,EAAE,GAAG,KAAA,EAAE,CAAC,CAAA;IAErC,IAAI,CAAC,MAAM,EAAE;QACX,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAA;KAC/C;IACD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B"}
@@ -0,0 +1,8 @@
1
+ import type { CollectionAfterChangeHook } from 'payload/types';
2
+ declare const aiCaptionHook: ({ collectionOptions, collection, pluginOptions, }: {
3
+ collectionOptions: any;
4
+ collection: object;
5
+ pluginOptions: any;
6
+ }, fallback?: string) => CollectionAfterChangeHook;
7
+ export default aiCaptionHook;
8
+ export declare function translateCollection({ req, doc, collection, previousDoc, context, collectionOptions, onlyMissing, codes, settings, sourceLanguage, }: any): Promise<void>;
@@ -0,0 +1,145 @@
1
+ "use strict";
2
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
3
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
4
+ return new (P || (P = Promise))(function (resolve, reject) {
5
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
6
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
7
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
8
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
9
+ });
10
+ };
11
+ var __generator = (this && this.__generator) || function (thisArg, body) {
12
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
13
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
14
+ function verb(n) { return function (v) { return step([n, v]); }; }
15
+ function step(op) {
16
+ if (f) throw new TypeError("Generator is already executing.");
17
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
18
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
19
+ if (y = 0, t) op = [op[0] & 2, t.value];
20
+ switch (op[0]) {
21
+ case 0: case 1: t = op; break;
22
+ case 4: _.label++; return { value: op[1], done: false };
23
+ case 5: _.label++; y = op[1]; op = [0]; continue;
24
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
25
+ default:
26
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
27
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
28
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
29
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
30
+ if (t[2]) _.ops.pop();
31
+ _.trys.pop(); continue;
32
+ }
33
+ op = body.call(thisArg, _);
34
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
35
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
36
+ }
37
+ };
38
+ var __importDefault = (this && this.__importDefault) || function (mod) {
39
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40
+ };
41
+ Object.defineProperty(exports, "__esModule", { value: true });
42
+ exports.translateCollection = void 0;
43
+ var axios_1 = __importDefault(require("axios"));
44
+ var openai_1 = __importDefault(require("openai"));
45
+ var aiCaptionHook = function (_a, fallback) {
46
+ var collectionOptions = _a.collectionOptions, collection = _a.collection, pluginOptions = _a.pluginOptions;
47
+ return function (_a) {
48
+ var doc = _a.doc, req = _a.req, previousDoc = _a.previousDoc, context = _a.context, collection = _a.collection;
49
+ return __awaiter(void 0, void 0, void 0, function () {
50
+ var settings;
51
+ var _b, _c;
52
+ return __generator(this, function (_d) {
53
+ switch (_d.label) {
54
+ case 0:
55
+ settings = (_c = (_b = pluginOptions.collections) === null || _b === void 0 ? void 0 : _b[collection.slug]) === null || _c === void 0 ? void 0 : _c.settings;
56
+ return [4 /*yield*/, translateCollection({
57
+ doc: doc,
58
+ req: req,
59
+ previousDoc: previousDoc,
60
+ context: context,
61
+ collection: collection,
62
+ collectionOptions: collectionOptions,
63
+ settings: settings,
64
+ })];
65
+ case 1: return [2 /*return*/, _d.sent()];
66
+ }
67
+ });
68
+ });
69
+ };
70
+ };
71
+ exports.default = aiCaptionHook;
72
+ function processImageRequest(url) {
73
+ return __awaiter(this, void 0, void 0, function () {
74
+ var response, imageBuffer, base64Image, mimeType, encodedImage, openai, responseGpt;
75
+ return __generator(this, function (_a) {
76
+ switch (_a.label) {
77
+ case 0: return [4 /*yield*/, axios_1.default.get(url, { responseType: 'arraybuffer' })];
78
+ case 1:
79
+ response = _a.sent();
80
+ imageBuffer = Buffer.from(response.data, 'binary');
81
+ base64Image = imageBuffer.toString('base64');
82
+ mimeType = response.headers['content-type'];
83
+ encodedImage = "data:".concat(mimeType, ";base64,").concat(base64Image);
84
+ openai = new openai_1.default({
85
+ apiKey: process.env.OPENAI_API_KEY,
86
+ });
87
+ return [4 /*yield*/, openai.chat.completions.create({
88
+ model: 'gpt-4o',
89
+ messages: [
90
+ {
91
+ role: 'user',
92
+ content: [
93
+ { type: 'text', text: 'Create an image alt text' },
94
+ { type: 'image_url', image_url: { url: encodedImage } },
95
+ ],
96
+ },
97
+ ],
98
+ max_tokens: 1024,
99
+ })];
100
+ case 2:
101
+ responseGpt = _a.sent();
102
+ console.log('GPT Response:', responseGpt.choices[0].message.content);
103
+ return [2 /*return*/, responseGpt];
104
+ }
105
+ });
106
+ });
107
+ }
108
+ function translateCollection(_a) {
109
+ var _b, _c;
110
+ var req = _a.req, doc = _a.doc, collection = _a.collection, previousDoc = _a.previousDoc, context = _a.context, collectionOptions = _a.collectionOptions, onlyMissing = _a.onlyMissing, codes = _a.codes, settings = _a.settings, sourceLanguage = _a.sourceLanguage;
111
+ return __awaiter(this, void 0, void 0, function () {
112
+ var responseGpt, docData, updatedLanguage;
113
+ return __generator(this, function (_d) {
114
+ switch (_d.label) {
115
+ case 0:
116
+ if (context.triggerAfterChange === false /* || req.locale !== sourceLanguageI */)
117
+ return [2 /*return*/];
118
+ console.log('upload doc', doc);
119
+ if (!((_c = (_b = doc === null || doc === void 0 ? void 0 : doc.sizes) === null || _b === void 0 ? void 0 : _b.tablet) === null || _c === void 0 ? void 0 : _c.url))
120
+ return [2 /*return*/];
121
+ return [4 /*yield*/, processImageRequest("http://localhost:3000".concat(doc.sizes.tablet.url))];
122
+ case 1:
123
+ responseGpt = _d.sent();
124
+ docData = doc;
125
+ docData.alt = responseGpt.choices[0].message.content;
126
+ return [4 /*yield*/, req.payload.update({
127
+ //req,
128
+ collection: collection.slug,
129
+ id: doc.id,
130
+ data: docData,
131
+ limit: 1,
132
+ depth: 0,
133
+ context: {
134
+ triggerAfterChange: false,
135
+ },
136
+ })];
137
+ case 2:
138
+ updatedLanguage = _d.sent();
139
+ return [2 /*return*/];
140
+ }
141
+ });
142
+ });
143
+ }
144
+ exports.translateCollection = translateCollection;
145
+ //# sourceMappingURL=aiCaption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"aiCaption.js","sourceRoot":"","sources":["../src/aiCaption.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ import type { CollectionAfterChangeHook } from 'payload/types';
2
+ declare const aiTranslateHook: ({ collectionOptions, collection, pluginOptions, }: {
3
+ collectionOptions: any;
4
+ collection: object;
5
+ pluginOptions: any;
6
+ }, fallback?: string) => CollectionAfterChangeHook;
7
+ export default aiTranslateHook;
8
+ export declare function translateCollection({ req, doc, collection, previousDoc, context, collectionOptions, onlyMissing, codes, settings, sourceLanguage, }: any): Promise<void>;
@@ -0,0 +1,166 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
+ return new (P || (P = Promise))(function (resolve, reject) {
16
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
20
+ });
21
+ };
22
+ var __generator = (this && this.__generator) || function (thisArg, body) {
23
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
+ function verb(n) { return function (v) { return step([n, v]); }; }
26
+ function step(op) {
27
+ if (f) throw new TypeError("Generator is already executing.");
28
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
29
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
30
+ if (y = 0, t) op = [op[0] & 2, t.value];
31
+ switch (op[0]) {
32
+ case 0: case 1: t = op; break;
33
+ case 4: _.label++; return { value: op[1], done: false };
34
+ case 5: _.label++; y = op[1]; op = [0]; continue;
35
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
+ default:
37
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
+ if (t[2]) _.ops.pop();
42
+ _.trys.pop(); continue;
43
+ }
44
+ op = body.call(thisArg, _);
45
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
+ }
48
+ };
49
+ var __rest = (this && this.__rest) || function (s, e) {
50
+ var t = {};
51
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
52
+ t[p] = s[p];
53
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
54
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
55
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
56
+ t[p[i]] = s[p[i]];
57
+ }
58
+ return t;
59
+ };
60
+ Object.defineProperty(exports, "__esModule", { value: true });
61
+ exports.translateCollection = void 0;
62
+ var deepCompareAndMerge_1 = require("./deepCompareAndMerge");
63
+ var aiTranslateHook = function (_a, fallback) {
64
+ var collectionOptions = _a.collectionOptions, collection = _a.collection, pluginOptions = _a.pluginOptions;
65
+ return function (_a) {
66
+ var doc = _a.doc, req = _a.req, previousDoc = _a.previousDoc, context = _a.context, collection = _a.collection;
67
+ return __awaiter(void 0, void 0, void 0, function () {
68
+ var settings;
69
+ var _b, _c;
70
+ return __generator(this, function (_d) {
71
+ switch (_d.label) {
72
+ case 0:
73
+ settings = (_c = (_b = pluginOptions.collections) === null || _b === void 0 ? void 0 : _b[collection.slug]) === null || _c === void 0 ? void 0 : _c.settings;
74
+ return [4 /*yield*/, translateCollection({
75
+ doc: doc,
76
+ req: req,
77
+ previousDoc: previousDoc,
78
+ context: context,
79
+ collection: collection,
80
+ collectionOptions: collectionOptions,
81
+ settings: settings,
82
+ })];
83
+ case 1: return [2 /*return*/, _d.sent()];
84
+ }
85
+ });
86
+ });
87
+ };
88
+ };
89
+ exports.default = aiTranslateHook;
90
+ function translateCollection(_a) {
91
+ var req = _a.req, doc = _a.doc, collection = _a.collection, previousDoc = _a.previousDoc, context = _a.context, collectionOptions = _a.collectionOptions, onlyMissing = _a.onlyMissing, codes = _a.codes, settings = _a.settings, sourceLanguage = _a.sourceLanguage;
92
+ return __awaiter(this, void 0, void 0, function () {
93
+ var sourceLanguageI, localCodes, translationPromises, translationResults, _i, translationResults_1, translatedContent, updatedLanguage;
94
+ var _this = this;
95
+ return __generator(this, function (_b) {
96
+ switch (_b.label) {
97
+ case 0:
98
+ sourceLanguageI = sourceLanguage || doc.sourceLanguage || req.payload.config.localization.defaultLocale;
99
+ if (context.triggerAfterChange === false /* || req.locale !== sourceLanguageI */)
100
+ return [2 /*return*/];
101
+ localCodes = req.payload.config.localization.localeCodes;
102
+ console.log('Translate', localCodes.filter(function (targetLanguage) {
103
+ return targetLanguage !== sourceLanguageI && (!codes || codes.includes(targetLanguage));
104
+ }));
105
+ translationPromises = localCodes
106
+ .filter(function (targetLanguage) {
107
+ return targetLanguage !== sourceLanguageI && (!codes || codes.includes(targetLanguage));
108
+ })
109
+ .map(function (tL) { return __awaiter(_this, void 0, void 0, function () {
110
+ var targetDoc, targetDocWithTranslation, id, _status, updatedAt, createdAt, publishedDate, dataNew;
111
+ return __generator(this, function (_a) {
112
+ switch (_a.label) {
113
+ case 0:
114
+ console.log('tL', tL);
115
+ return [4 /*yield*/, req.payload.findByID({
116
+ collection: collection.slug,
117
+ id: doc.id,
118
+ locale: tL,
119
+ fallbackLocale: false,
120
+ limit: 0,
121
+ depth: 0,
122
+ })];
123
+ case 1:
124
+ targetDoc = _a.sent();
125
+ return [4 /*yield*/, (0, deepCompareAndMerge_1.deepCompareTranslateAndMerge)(doc, previousDoc, targetDoc, collectionOptions.fields, tL, previousDoc.id ? 'update' : 'create', onlyMissing, sourceLanguageI, __assign(__assign({}, settings), { namespace: doc === null || doc === void 0 ? void 0 : doc.namespace, localization: req.payload.config.localization }))];
126
+ case 2:
127
+ targetDocWithTranslation = _a.sent();
128
+ id = targetDocWithTranslation.id, _status = targetDocWithTranslation._status, updatedAt = targetDocWithTranslation.updatedAt, createdAt = targetDocWithTranslation.createdAt, publishedDate = targetDocWithTranslation.publishedDate, dataNew = __rest(targetDocWithTranslation, ["id", "_status", "updatedAt", "createdAt", "publishedDate"]);
129
+ return [2 /*return*/, { dataNew: dataNew, tL: tL }];
130
+ }
131
+ });
132
+ }); });
133
+ console.log('translationPromises', translationPromises);
134
+ return [4 /*yield*/, Promise.all(translationPromises)];
135
+ case 1:
136
+ translationResults = _b.sent();
137
+ _i = 0, translationResults_1 = translationResults;
138
+ _b.label = 2;
139
+ case 2:
140
+ if (!(_i < translationResults_1.length)) return [3 /*break*/, 5];
141
+ translatedContent = translationResults_1[_i];
142
+ return [4 /*yield*/, req.payload.update({
143
+ //req,
144
+ collection: collection.slug,
145
+ id: doc.id,
146
+ data: translatedContent.dataNew,
147
+ locale: translatedContent.tL,
148
+ limit: 1,
149
+ depth: 0,
150
+ context: {
151
+ triggerAfterChange: false,
152
+ },
153
+ })];
154
+ case 3:
155
+ updatedLanguage = _b.sent();
156
+ _b.label = 4;
157
+ case 4:
158
+ _i++;
159
+ return [3 /*break*/, 2];
160
+ case 5: return [2 /*return*/];
161
+ }
162
+ });
163
+ });
164
+ }
165
+ exports.translateCollection = translateCollection;
166
+ //# sourceMappingURL=aiTranslate.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"aiTranslate.js","sourceRoot":"","sources":["../src/aiTranslate.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const AfterDashboard: React.FC;
3
+ export default AfterDashboard;
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ // import './index.scss';
8
+ var baseClass = 'after-dashboard';
9
+ var AfterDashboard = function () {
10
+ return (react_1.default.createElement("div", { className: baseClass },
11
+ react_1.default.createElement("h4", null, "This component was added by the plugin"),
12
+ react_1.default.createElement("h5", null,
13
+ "Find it here: ",
14
+ react_1.default.createElement("code", null, "src/components/afterDashboard"))));
15
+ };
16
+ exports.default = AfterDashboard;
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AfterDashboard/index.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AAEzB,yBAAyB;AAEzB,IAAM,SAAS,GAAG,iBAAiB,CAAA;AAEnC,IAAM,cAAc,GAAa;IAC/B,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACvB,mFAA+C;QAC/C;;YACgB,4EAA0C,CACrD,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,cAAc,CAAA"}
@@ -0,0 +1,10 @@
1
+ .after-dashboard {
2
+ background-color: var(--theme-success-200);
3
+ border: 1px solid var(--theme-success-300);
4
+ color: var(--theme-success-500);
5
+ padding: var(--base);
6
+
7
+ p {
8
+ margin-bottom: 0;
9
+ }
10
+ }
@@ -0,0 +1,2 @@
1
+ import React from 'react';
2
+ export declare const GenerateMetadata: React.FC;