add support on Windows (#26)

* added checks for finding location of  home folder

* removed unused file/log

* added backed support for storing os name

* Now use binaries and not containers for dir check

* Updated getUsersFromBinaryUnix() buildMountArg()

* added missing ".cache"

* added missing space

* added newlines on binaries

* fixed stop button when container doesn't start

* removed redundant checks

* Changed MountPointForm UI

* removed leftovers

* changed mount point for mac users and refactor

* Fixed flooding of error toast in debug mode

* enhanced update info for better legibility

* env variable always uppercase

* Removed Default from DataGrid

* Editable configurations

* Updated description

* Changed mountPoint if error

* Added new format rules for better formatting

* fixed typo and double quotes

* Update ui/src/components/Views/Update/UpdateDialog.tsx

Co-authored-by: Waldemar Hummer <[email protected]>

* Update ui/src/components/Header/Controller.tsx

Co-authored-by: Waldemar Hummer <[email protected]>

* Fixed bugs and indent issue

* Updated mountPoint file format

* added missing "."

* removed indent from line

* Applied review suggestions

---------

Co-authored-by: Waldemar Hummer <[email protected]>

Author: Pive01

Dockerfile

@@ -40,7 +40,7 @@ LABEL org.opencontainers.image.title="LocalStack" \
   on their local machine without connecting to a remote cloud provider! LocalStack empowers developers to use over 75+ AWS services locally while helping them simplify their testing \
   and development workflow. LocalStack supports a comprehensive list of APIs, which you can view on our <a href=\"https://docs.localstack.cloud/user-guide/aws/feature-coverage/\"> \
   Feature coverage page</a>. <br><br> \
-  Make sure to have also installed awscli-local. You can install it via pip: <b>pip install awscli-local</b> \
+  Make sure to have the option \"Show Docker Extensions system containers\" enabled. You can enable it by going to Settings > Extensions > Show Docker Extensions system containers  \
   <h2>This extension supports the following main features:</h2>\
   <ul>\
   <li> Control LocalStack: Start, stop, and restart LocalStack from the Docker Desktop. You can also see the current status of your LocalStack instance and navigate to LocalStack Web Application. </li>\
@@ -59,4 +59,9 @@ COPY docker-compose.yaml .
 COPY metadata.json .
 COPY localstack.svg .
 COPY --from=client-builder /ui/build ui
+COPY --chmod=0755 scripts/windows/checkWSLOS.cmd /windows/checkWSLOS.cmd
+COPY --chmod=0755 scripts/windows/checkUser.cmd /windows/checkUser.cmd
+COPY --chmod=0755 scripts/darwin/checkUser.sh /darwin/checkUser.sh
+COPY --chmod=0755 scripts/linux/checkUser.sh /linux/checkUser.sh
+
 CMD /service -socket /run/guest-services/extension-LocalStack.sock

Makefile

@@ -1,5 +1,5 @@
 IMAGE?=localstack/localstack-docker-desktop
-TAG?=0.3.1
+TAG?=0.3.2
 
 BUILDER=buildx-multi-arch
 

metadata.json

@@ -15,5 +15,29 @@
         "socket": "extension-LocalStack.sock"
       }
     }
+  },
+  "host": {
+    "binaries": [
+      {
+        "darwin": [
+          {
+            "path": "/darwin/checkUser.sh"
+          }
+        ],
+        "linux": [
+          {
+            "path": "/linux/checkUser.sh"
+          }
+        ],
+        "windows": [
+          {
+            "path": "/windows/checkWSLOS.cmd"
+          },
+          {
+            "path": "/windows/checkUser.cmd"
+          }
+        ]
+      }
+    ]
   }
 }

scripts/darwin/checkUser.sh

@@ -0,0 +1,2 @@
+#!/bin/sh
+ls /Users

scripts/linux/checkUser.sh

@@ -0,0 +1,2 @@
+#!/bin/sh
+ls /home

scripts/windows/checkUser.cmd

@@ -0,0 +1,2 @@
+dir \\wsl.localhost\%1\home | findstr /v /s /c:"."
+:: exclude directories that starts with . (so "." and "..")

scripts/windows/checkWSLOS.cmd

@@ -0,0 +1 @@
+wsl -l -v

ui/.eslintrc.js

@@ -38,7 +38,7 @@ module.exports = {
         'react/require-default-props': 'off',
         'react/function-component-definition': 'off',
         'react/jsx-props-no-spreading': 'off',
-        'indent': ['error', 2],
+        'indent': ['error', 2,{ 'SwitchCase': 1 }],
         'react/jsx-filename-extension': [1, { extensions: ['.tsx', '.jsx'] }],
         'eol-last': ['error', 'always'],
         'no-param-reassign': 'off',
@@ -47,6 +47,8 @@ module.exports = {
         'import/prefer-default-export': 'off',
         'import/no-named-as-default': 'off',
         'no-use-before-define': 'off',
+        'no-multi-spaces': 'error',
+        'comma-spacing': ['error', { 'before': false, 'after': true }],
         'no-shadow': 'off',
         'curly': 'error',
         'no-unused-vars': 'warn',

ui/src/App.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement, useState } from 'react';
 import { createStyles, makeStyles } from '@mui/styles';
 import { ControlledTabPanels, Header, LogsPage, MountPointForm, ConfigPage, StatusPage } from './components';
-import { useMountPoint } from './services/hooks';
+import { useDDClient, useMountPoint } from './services/hooks';
 
 const useStyles = makeStyles(() => createStyles({
   sticky: {
@@ -13,9 +13,11 @@ const useStyles = makeStyles(() => createStyles({
 
 export const App = (): ReactElement => {
   const [selected, setSelected] = useState<number>(0);
-  const { data: mountPoint } = useMountPoint();
+  const { user, os } = useMountPoint();
   const classes = useStyles();
-  const shouldDialogOpen = !mountPoint || mountPoint === '';
+  const ddClient = useDDClient();
+  const userMissing = !user;
+  const shouldDialogOpen = ddClient.host.platform === 'win32' ? !os || userMissing : userMissing;
 
   return (
     <>

ui/src/components/Feedback/ConfirmableButton.tsx

@@ -71,15 +71,15 @@ export const ConfirmableButton = ({
         <DialogActions>
           <Button
             color= {cancelColor || 'primary'}
-            variant="outlined"
+            variant='outlined'
             onClick={() => setShowConfirmDialog(false)}
           >
             {cancelText || 'Cancel'}
           </Button>
           <Button
             autoFocus
             color= {okColor || 'error'}
-            variant="contained"
+            variant='contained'
             onClick={(event: MouseEvent<HTMLButtonElement>) => {
               if (rest.onClick) rest.onClick(event as any); // eslint-disable-line
               setShowConfirmDialog(false);