✨ Envs! And hot .env file stucco reload in "dev" command

Author: aexol

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "graphql-editor-cli",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "description": "GraphQL -> anything. Use GraphQL as your source of truth. GraphQL Editor Official CLI.",
   "main": "lib/api.js",
   "author": "Artur Czemiel",
@@ -49,6 +49,7 @@
     "chalk": "^5.0.1",
     "clipboardy": "^3.0.0",
     "conf": "^10.2.0",
+    "dotenv": "^16.0.3",
     "execa": "^6.1.0",
     "express": "^4.18.1",
     "fast-glob": "^3.2.12",

packages/cli/package-lock.json

@@ -59,18 +59,18 @@ export const CommandSync = async ({
     schemaPath: path.join(TEMPPATH, DEPLOY_FILE),
     basePath: TEMPPATH,
     cwd: TEMPPATH,
-    envs: hasMongoInProject
-      ? {
-          MONGO_URL: hasMongoInProject,
-        }
-      : undefined,
   });
+  const envs = hasMongoInProject
+    ? {
+        MONGO_URL: hasMongoInProject,
+      }
+    : undefined;
 
   const tsServer = typescriptServer({
     searchPath: TEMPPATH,
     onCreate: async () => {
       try {
-        await onCreateStucco();
+        await onCreateStucco({ envs });
         logger('tsc success', 'success');
       } finally {
       }

packages/cli/package.json

@@ -5,6 +5,7 @@ import { DEPLOY_FILE, STUCCO_FILE } from '@/gshared/constants/index.js';
 import path from 'path';
 import fs from 'fs';
 import process from 'node:process';
+import * as dotenv from 'dotenv';
 
 let killing = false;
 let changingFile = false;
@@ -17,14 +18,20 @@ export const CommandDev = async () => {
   const tsServer = typescriptServer({
     searchPath: './',
     onCreate: async () => {
-      await onCreateStucco();
+      const envFile = getEnvFile();
+      await onCreateStucco({
+        envs: envFile,
+      });
     },
   });
   const fileServer = fs.watch(process.cwd(), (e, f) => {
     if (changingFile) return;
     if (f === STUCCO_FILE || f.startsWith('.env')) {
+      const envFile = getEnvFile();
       changingFile = true;
-      onCreateStucco().then((e) => {
+      onCreateStucco({
+        envs: envFile,
+      }).then((e) => {
         changingFile = false;
       });
     }
@@ -48,3 +55,13 @@ export const CommandDev = async () => {
   });
   return;
 };
+
+const getEnvFile = () => {
+  const dir = fs.readdirSync(process.cwd());
+  const envFile = dir.find((e) => e.startsWith('.env'));
+  if (envFile) {
+    const filePath = path.join(process.cwd(), envFile);
+    const fileContent = fs.readFileSync(filePath, 'utf-8');
+    return dotenv.parse(fileContent);
+  }
+};

packages/cli/src/commands/cloud/server.ts

@@ -39,7 +39,6 @@ export const stuccoRun = async (props?: {
   configPath?: string;
   basePath?: string;
   cwd?: string;
-  envs?: Record<string, string>;
 }) => {
   const nodeModules = findNodeModules(props?.basePath || process.cwd());
   const stuccoPath = path.join(nodeModules, '.bin');
@@ -55,7 +54,7 @@ export const stuccoRun = async (props?: {
   let taskRunning = false;
 
   return {
-    onCreateStucco: async () => {
+    onCreateStucco: async (stuccoProps?: { envs?: Record<string, string> }) => {
       if (taskRunning) return;
       taskRunning = true;
       try {
@@ -67,7 +66,7 @@ export const stuccoRun = async (props?: {
           cwd: props?.cwd,
           cmd: bin,
           basePath: props?.basePath,
-          envs: props?.envs,
+          envs: stuccoProps?.envs,
         });
       } finally {
         taskRunning = false;

packages/cli/src/commands/common/dev.ts

@@ -0,0 +1 @@
+DUPA=kdsndsklndksa

packages/cli/src/common/stucco/index.ts

@@ -1,7 +1,7 @@
 {
   "name": "sandbox",
   "private": true,
-  "version": "0.7.9",
+  "version": "0.7.10",
   "description": "GraphQL -> anything. Use GraphQL as your source of truth. GraphQL Editor Official CLI.",
   "author": "Artur Czemiel",
   "license": "MIT",

packages/sandbox/.env.local

@@ -0,0 +1,3 @@
+export const handler = async () => {
+  return process.env.DUPA;
+};

packages/sandbox/package.json

@@ -1,10 +1,8 @@
 {
   "resolvers": {
-    "Query.rest": {
-      "name": "dsda",
-      "description": "dsdsaaaaadsadsaadsd",
+    "Query.restProxy": {
       "resolve": {
-        "name": "Query.rest.handler"
+        "name": "lib/handler"
       }
     }
   }