@mongoosejs/studio 0.0.10 → 0.0.12
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.
- package/backend/actions/Model/createChart.js +60 -0
- package/backend/actions/Model/getDocument.js +1 -1
- package/backend/actions/Model/getDocuments.js +5 -1
- package/backend/actions/Model/index.js +1 -0
- package/backend/actions/Script/execute.js +20 -0
- package/backend/actions/Script/index.js +3 -0
- package/backend/actions/index.js +2 -1
- package/frontend/public/index.html +1 -0
- package/frontend/src/api.js +9 -0
- package/frontend/src/charts/charts.css +17 -0
- package/frontend/src/charts/charts.html +14 -0
- package/frontend/src/charts/charts.js +19 -0
- package/frontend/src/index.js +1 -0
- package/frontend/src/navbar/navbar.html +2 -0
- package/frontend/src/routes.js +5 -0
- package/package.json +3 -2
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const Archetype = require('archetype');
|
|
4
|
+
const { Configuration, OpenAIApi } = require('openai');
|
|
5
|
+
|
|
6
|
+
const apiKey = process.env.OPEN_AI_KEY;
|
|
7
|
+
|
|
8
|
+
let openai;
|
|
9
|
+
if (apiKey) {
|
|
10
|
+
const configuration = new Configuration({
|
|
11
|
+
apiKey
|
|
12
|
+
});
|
|
13
|
+
openai = new OpenAIApi(configuration);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
const prePrompt = `
|
|
17
|
+
You are a software developer answering user queries using Mongoose.
|
|
18
|
+
Write Node.js code using Mongoose that answers the user's query.
|
|
19
|
+
Do not write any import statements.
|
|
20
|
+
|
|
21
|
+
Input:
|
|
22
|
+
How many users where created yesterday?
|
|
23
|
+
Output:
|
|
24
|
+
const yesterday = new Date();
|
|
25
|
+
yesterday.setHours(0, 0, 0);
|
|
26
|
+
yesterday.setDate(yesterday.getDate() - 1);
|
|
27
|
+
await User.countDocuments({ createdAt: { $gte: yesterday } });
|
|
28
|
+
`.trim();
|
|
29
|
+
|
|
30
|
+
const CreateChartParams = new Archetype({
|
|
31
|
+
description: {
|
|
32
|
+
$type: 'string',
|
|
33
|
+
$required: true
|
|
34
|
+
}
|
|
35
|
+
}).compile('CreateChartParams');
|
|
36
|
+
|
|
37
|
+
module.exports = ({ db }) => async function createChart(params) {
|
|
38
|
+
const { description } = new CreateChartParams(params);
|
|
39
|
+
|
|
40
|
+
const response = await openai.createChatCompletion({
|
|
41
|
+
model: 'gpt-4',
|
|
42
|
+
messages: [
|
|
43
|
+
{
|
|
44
|
+
role: 'system',
|
|
45
|
+
content: prePrompt
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
role: 'user',
|
|
49
|
+
content: description
|
|
50
|
+
}
|
|
51
|
+
],
|
|
52
|
+
temperature: 0.1
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
console.log('F', response.data.choices[0].message.content);
|
|
56
|
+
|
|
57
|
+
return {
|
|
58
|
+
content: response.data.choices[0].message.content
|
|
59
|
+
};
|
|
60
|
+
};
|
|
@@ -65,5 +65,9 @@ module.exports = ({ db }) => async function getDocuments(params) {
|
|
|
65
65
|
await Model.estimatedDocumentCount() :
|
|
66
66
|
await Model.countDocuments(filter);
|
|
67
67
|
|
|
68
|
-
return {
|
|
68
|
+
return {
|
|
69
|
+
docs: docs.map(doc => doc.toJSON({ virtuals: false, getters: false, transform: false })),
|
|
70
|
+
schemaPaths,
|
|
71
|
+
numDocs: numDocuments
|
|
72
|
+
};
|
|
69
73
|
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const Archetype = require('archetype');
|
|
4
|
+
|
|
5
|
+
const ExecuteParams = new Archetype({
|
|
6
|
+
code: {
|
|
7
|
+
$type: 'string',
|
|
8
|
+
$required: true
|
|
9
|
+
}
|
|
10
|
+
}).compile('ExecuteParams');
|
|
11
|
+
|
|
12
|
+
module.exports = ({ db }) => async function execute(params) {
|
|
13
|
+
const { code } = new ExecuteParams(params);
|
|
14
|
+
|
|
15
|
+
const res = eval(code);
|
|
16
|
+
|
|
17
|
+
return {
|
|
18
|
+
res
|
|
19
|
+
};
|
|
20
|
+
};
|
package/backend/actions/index.js
CHANGED
|
@@ -11,6 +11,7 @@
|
|
|
11
11
|
<link rel="stylesheet" href="vanillatoasts/vanillatoasts.css">
|
|
12
12
|
<script src="https://unpkg.com/vue@3.x"></script>
|
|
13
13
|
<script src="https://unpkg.com/vue-router@4.0.10"></script>
|
|
14
|
+
<script src="https://unpkg.com/chart.js@4.2.0/dist/chart.umd.js"></script>
|
|
14
15
|
</head>
|
|
15
16
|
|
|
16
17
|
<body>
|
package/frontend/src/api.js
CHANGED
|
@@ -20,6 +20,9 @@ if (typeof config__setAuthorizationHeaderFrom === 'string' && config__setAuthori
|
|
|
20
20
|
|
|
21
21
|
if (config__isLambda) {
|
|
22
22
|
exports.Model = {
|
|
23
|
+
createChart(params) {
|
|
24
|
+
return client.post('', { action: 'Model.createChart', ...params}).then(res => res.data);
|
|
25
|
+
},
|
|
23
26
|
deleteDocument(params) {
|
|
24
27
|
return client.post('', { action: 'Model.deleteDocument', ...params}).then(res => res.data);
|
|
25
28
|
},
|
|
@@ -41,6 +44,9 @@ if (config__isLambda) {
|
|
|
41
44
|
};
|
|
42
45
|
} else {
|
|
43
46
|
exports.Model = {
|
|
47
|
+
createChart: function (params) {
|
|
48
|
+
return client.post('/Model/createChart', params).then(res => res.data);
|
|
49
|
+
},
|
|
44
50
|
deleteDocument: function (params) {
|
|
45
51
|
return client.post('/Model/deleteDocument', params).then(res => res.data);
|
|
46
52
|
},
|
|
@@ -65,4 +71,7 @@ if (config__isLambda) {
|
|
|
65
71
|
return client.post('/Model/updateDocument', params).then(res => res.data);
|
|
66
72
|
}
|
|
67
73
|
};
|
|
74
|
+
exports.Script = {
|
|
75
|
+
|
|
76
|
+
};
|
|
68
77
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
.charts {
|
|
2
|
+
padding: 10px;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.charts .chart-description textarea {
|
|
6
|
+
width: 100%;
|
|
7
|
+
height: 4em;
|
|
8
|
+
border-radius: 4px;
|
|
9
|
+
border: 1px solid #ddd;
|
|
10
|
+
margin-top: 0.5em;
|
|
11
|
+
padding: 0.5em;
|
|
12
|
+
line-height: 1.5em;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.charts .chart-description button {
|
|
16
|
+
margin-top: 0.5em;
|
|
17
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<div class="charts">
|
|
2
|
+
<h1>Charts</h1>
|
|
3
|
+
<div>
|
|
4
|
+
Describe your chart
|
|
5
|
+
</div>
|
|
6
|
+
<div class="chart-description">
|
|
7
|
+
<textarea
|
|
8
|
+
v-model="description"
|
|
9
|
+
placeholder="Please create a bar chart showing users createdAt per day" />
|
|
10
|
+
<div>
|
|
11
|
+
<async-button @click="createChart">Create Chart</async-button>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
</div>
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const api = require('../api');
|
|
4
|
+
const template = require('./charts.html');
|
|
5
|
+
|
|
6
|
+
const appendCSS = require('../appendCSS');
|
|
7
|
+
|
|
8
|
+
appendCSS(require('./charts.css'));
|
|
9
|
+
|
|
10
|
+
module.exports = app => app.component('charts', {
|
|
11
|
+
template: template,
|
|
12
|
+
data: () => ({ description: '', code: '' }),
|
|
13
|
+
methods: {
|
|
14
|
+
async createChart() {
|
|
15
|
+
const data = await api.Model.createChart({ description: this.description });
|
|
16
|
+
this.code = data.content;
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
});
|
package/frontend/src/index.js
CHANGED
package/frontend/src/routes.js
CHANGED
package/package.json
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mongoosejs/studio",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.12",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"archetype": "0.13.0",
|
|
6
6
|
"csv-stringify": "6.3.0",
|
|
7
7
|
"ejson": "^2.2.3",
|
|
8
8
|
"extrovert": "0.0.20",
|
|
9
|
+
"openai": "3.2.1",
|
|
9
10
|
"vanillatoasts": "^1.6.0"
|
|
10
11
|
},
|
|
11
12
|
"peerDependencies": {
|
|
12
13
|
"express": "4.x",
|
|
13
|
-
"mongoose": "7.x"
|
|
14
|
+
"mongoose": "7.x || 8.0.0-rc0 || 8.x"
|
|
14
15
|
},
|
|
15
16
|
"devDependencies": {
|
|
16
17
|
"axios": "1.2.2",
|