Update/cli template (#150)

* Update CLI template

* Update init call to use project name in template

Author: addisonschultz

packages/cli/src/init.ts

@@ -111,10 +111,17 @@ export async function initializeProject(
         description: '',
         script: path.relative(dirPath, scriptPath),
         scopes: project.scopes,
+        blocks: [
+            {
+                id: project.name,
+                title: project.title,
+                description: 'My GitBook Integration',
+            },
+        ],
         secrets: {},
     });
 
-    await fs.promises.writeFile(scriptPath, generateScript());
+    await fs.promises.writeFile(scriptPath, generateScript(project));
     await fs.promises.writeFile(path.join(dirPath, 'tsconfig.json'), generateTSConfig());
     await fs.promises.writeFile(path.join(dirPath, '.eslintrc.json'), generateESLint());
 
@@ -177,25 +184,56 @@ export function installDependencies(dirPath: string): Promise<void> {
 /**
  * Generate the script code.
  */
-export function generateScript(): string {
+export function generateScript(project: { name: string }): string {
     const src = detent(`
-        import { createIntegration, FetchEventCallback, RuntimeContext } from '@gitbook/runtime';
-
-        type IntegrationContext = {} & RuntimeContext;
-
-        const handleFetchEvent: FetchEventCallback<IntegrationContext> = async (request, context) => {
-            // Use the API to make requests to GitBook
-            // eslint-disable-next-line @typescript-eslint/no-unused-vars
-            const { api } = context;
-
-            return new Response('Hello World');
-        };
-
-        export default createIntegration({
-            fetch: handleFetchEvent,
-            components: [],
-            events: {},
-        });
+    import {
+        createIntegration,
+        createComponent,
+        FetchEventCallback,
+        RuntimeContext,
+      } from "@gitbook/runtime";
+      
+      type IntegrationContext = {} & RuntimeContext;
+      
+      const handleFetchEvent: FetchEventCallback<IntegrationContext> = async (
+        request,
+        context
+      ) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { api } = context;
+        const user = api.user.getAuthenticatedUser();
+      
+        return new Response(JSON.stringify(user));
+      };
+      
+      const exampleBlock = createComponent({
+        componentId: ${project.name},
+        initialState: (props) => {
+          return {
+            message: "Click Me",
+          };
+        },
+        action: async (element, action, context) => {
+          switch (action.action) {
+            case "click":
+              console.log("Button Clicked");
+              return {};
+          }
+        },
+        render: async (element, action, context) => {
+          return (
+            <block>
+              <button label={element.state.message} onPress={{ action: "click" }} />
+            </block>
+          );
+        },
+      });
+      
+      export default createIntegration({
+        fetch: handleFetchEvent,
+        components: [exampleBlock],
+        events: {},
+      });
     `).trim();
 
     return `${src}\n`;