My personal software development copilot.
Designed to play nicely with the ScriptBox extension for VSCode.
Presumes the following package.json is present in your ~/.scriptbox directory:
{
"dependencies": {
"axios": "^1.3.5",
"dotenv": "^16.0.3",
"lodash": "^4.17.15",
"openai": "^3.2.1"
}
}Presumes the following .env file is present in your ~/.scriptbox directory:
COPILOT=http://localhost:1337
require("dotenv").config();
const axios = require("axios");
module.exports = async (selection) => {
const result = await axios.post(`${process.env.COPILOT}/generate/v2`, {
specification: selection,
});
return result.data;
};- Create a new empty file (or use an existing one).
- Specify the code you want your Copilot to generate. For example:
a selector named countOfOthersState in a file named 'scratch.txt' that will
- count the items in three other imported selectors.
- the imported selectors are from 'myOtherSelectors.ts'
generate tests in a file named "mytests.tests.txt".
- If the spec is not the only content in your file, then select only the specification.
- Run your ScriptBox code generation script.
require("dotenv").config();
const axios = require("axios");
module.exports = async (selection) => {
const result = await axios.post(`${process.env.COPILOT}/refactor/v1`, {
specification: selection,
});
return result.data;
};- Write a comment at the top of the block of code you want refactored.
- Select the comment + relevant code.
- Run your ScriptBox code refactoring script.
- Verify the refactor meets your expectations.
The following addition to Pheonix will show a prompt on ⌘+P. Non-empty entries will be injected into the terminal:dev instance of Copilot.
// Inject a prompt into Copilot
keys.push(
new Key("p", ["cmd"], async () => {
const query = await prompt({ placeholder: "▶ Copilot" });
if (query) {
Task.run(
"/usr/local/bin/node",
["/Users/caleb/Workspace/copilot/src/inject.mjs", query],
(task) => {
if (task.status > 0) {
alert(task.error);
}
}
);
}
})
);
const prompt = ({ placeholder = "" } = {}) =>
new Promise((resolve, reject) => {
const screenFrame = Screen.main().flippedVisibleFrame();
const modal = new Modal();
modal.isInput = true;
modal.inputPlaceholder = placeholder;
modal.origin = {
x: screenFrame.width / 2 - modal.frame().width / 2,
y: screenFrame.height / 2 - modal.frame().height / 2,
};
modal.textDidCommit = (value, action) => {
modal.close();
resolve(value);
};
modal.show();
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent