feat: progress-bar and commit for first pr

package.json

@@ -15,6 +15,7 @@
     "node": ">=20.0.0"
   },
   "dependencies": {
+    "@aacassandra/vue3-progressbar": "^1.0.3",
     "@primer/octicons": "^19.11.0",
     "dayjs": "^1.11.13",
     "octokit": "^4.0.2",

src/App.vue

@@ -9,6 +9,7 @@ provide("set-nav-button-config", navButtonConfig);
 
 <template>
   <v-app>
+    <vue-progress-bar></vue-progress-bar>
     <Navbar />
     <v-main>
       <RouterView />

src/api/session.js

@@ -45,14 +45,38 @@ export async function createSession(octokit, githubConfig, name) {
     });
     const latestCommitSha = defaultBranchRef.object.sha;
 
-    await octokit.rest.git.createRef({
+    const { data: latestCommit } = await octokit.rest.git.getCommit({
+      owner: githubConfig.username,
+      repo: githubConfig.repo,
+      commit_sha: latestCommitSha,
+    });
+    const treeSha = latestCommit.tree.sha;
+
+    const t = await octokit.rest.git.createRef({
       owner: githubConfig.username,
       repo: githubConfig.repo,
       ref: `refs/heads/${branchName}`,
       sha: latestCommitSha,
     });
 
-    const { data: pullRequest } = await octokit.rest.pulls.create({
+    const emptyCommitMessage = "chore: create session using empty commit";
+    const { data: commit } = await octokit.rest.git.createCommit({
+      owner: githubConfig.username,
+      repo: githubConfig.repo,
+      message: emptyCommitMessage,
+      tree: treeSha,
+      parents: [latestCommitSha],
+    });
+
+    await octokit.rest.git.updateRef({
+      owner: githubConfig.username,
+      repo: githubConfig.repo,
+      ref: `heads/${branchName}`,
+      sha: commit.sha,
+      force: true,
+    });
+
+    await octokit.rest.pulls.create({
       owner: githubConfig.username,
       repo: githubConfig.repo,
       title: name,

src/main.js

@@ -4,9 +4,23 @@ import { createApp } from "vue";
 import App from "./App.vue";
 import router from "@/router";
 import vuetify from "@/plugins/vuetify";
+import VueProgressBar from "@aacassandra/vue3-progressbar";
 
 const app = createApp(App);
 
 app.use(vuetify);
+app.use(VueProgressBar, {
+  color: "#D6EEFF",
+  failedColor: "#874b4b",
+  thickness: "2px",
+  transition: {
+    speed: "0.2s",
+    opacity: "0.6s",
+    termination: 300,
+  },
+  autoRevert: true,
+  location: "top",
+  inverse: false,
+});
 app.use(router);
 app.mount("#app");