File Upload SAS tutorial (#1033)

* Dependencies updated - basics works

* HTTP test, package.json version, URL construction

* client eslint 9

* Update azure-upload-file-to-storage/app/src/App.tsx

Co-authored-by: Copilot <[email protected]>

* Update azure-upload-file-to-storage/app/src/App.tsx

Co-authored-by: Copilot <[email protected]>

---------

Co-authored-by: Copilot <[email protected]>

Author: diberry

.devcontainer/azure-upload-file-to-storage/devcontainer.json

@@ -3,7 +3,7 @@
 {
 	"name": "Tutorial: Upload file to storage with SAS token",
 	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-	"image": "mcr.microsoft.com/devcontainers/typescript-node:0-18",
+	"image": "mcr.microsoft.com/devcontainers/typescript-node:0-20",
 
 	// Features to add to the dev container. More info: https://containers.dev/features.
 	"features": {
@@ -29,8 +29,9 @@
 			"extensions": [
 				"ms-azuretools.vscode-azurefunctions",
 				"ms-azuretools.vscode-azurestaticwebapps",
-				"ms-azuretools.vscode-azurestorage"
-            ]
+				"ms-azuretools.vscode-azurestorage",
+				"humao.rest-client"
+			]
         }
     }
 }

.gitignore

@@ -411,3 +411,4 @@ FodyWeavers.xsd
 
 .DS_Store
 **/.DS_Store
+**/.eslintcache

azure-upload-file-to-storage/api/.eslintignore

@@ -0,0 +1,12 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts}"]},
+  {languageOptions: { globals: globals.browser }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+];

azure-upload-file-to-storage/api/.eslintrc

@@ -0,0 +1,2 @@
+POST http://localhost:7071/api/sas?file=test&permissions=w&container=upload&timerange=5 HTTP/1.1
+content-type: application/json

azure-upload-file-to-storage/api/eslint.config.mjs

@@ -0,0 +1,2 @@
+GET http://localhost:7071/api/status HTTP/1.1
+content-type: application/json