feat(stackblitz): change to embed method

Author: chana-banana

integrations/stackblitz/src/index.tsx

@@ -33,7 +33,11 @@ const exampleBlock = createComponent({
     },
     render: async (element, action, context) => {
         console.log('RENDER');
-        await createProject();
+        try{
+            await createProject();
+        } catch (e) {
+            console.log(e);
+        }
         return (
             <block>
                 <button label={element.state.message} onPress={{ action: 'click' }} />

integrations/stackblitz/src/stackblitz.ts

@@ -1,30 +1,30 @@
 import sdk from '@stackblitz/sdk';
-// THIS IS OPTION FIVE - OPEN PROJECT (Creates a new project and opens it in a new tab (or in the current window).)
-// (project, openOptions)
+
 export const createProject = async () => {
-    console.log('CREATE_PROJECT');
-    sdk.openProject(
-        {
-            title: 'Banana Project',
-            description: 'Blank starter project for building ES6 apps.',
-            template: 'javascript',
-            files: {
-                'index.html': `<div id='app'></div>`,
-                'index.js': `import './style.css';
-const appDiv = document.getElementById('app');
-appDiv.innerHTML = '<h1>JS Starter</h1>';`,
-                'style.css': `body { font-family: system-ui, sans-serif; }`,
-            },
-            settings: {
-                compile: {
-                    trigger: 'auto',
-                    clearConsole: false,
+    try {
+        await sdk.embedProject(
+            'stackblitz',
+            {
+                title: 'Node Starter',
+                description: 'A basic Node.js project',
+                template: 'node',
+                files: {
+                    'index.js': `console.log('Hello World!');`,
+                    'package.json': `{
+                    "name": "my-project",
+                    "scripts": { "hello": "node index.js", "start": "serve node_modules" },
+                    "dependencies": { "serve": "^14.0.0" },
+                    "stackblitz": { "installDependencies": true, "startCommand": "npm start" },
+                }`,
                 },
             },
-        },
-        {
-            newWindow: false,
-            openFile: ['index.js', 'index.html,style.css'],
-        }
-    );
+            {
+                clickToLoad: true,
+                openFile: 'index.js',
+                terminalHeight: 50,
+            }
+        );
+    } catch (e) {
+        console.log('ERROR_CAUGHT: ', e);
+    }
 };