sv-arcgis 1.3.0-next.2 → 1.3.0-next.4

package/README.md

@@ -1,11 +1,17 @@
+## 🎬 Repo / NPM
+
+- [repo](https://github.com/joe-allen/sv-arcgis)
+- [npm](https://www.npmjs.com/package/sv-arcgis)
+
 ## 🎬 Prereqs
 
-- SvelteKit installed (`npx sv create [project_name]`)
+- SvelteKit: `npx sv create [project_name]`
+- (Or Svelte: `npm create vite@latest`)
 
 ## 🗜️ Setup
-1. Install [sv-arcgis](https://www.npmjs.com/package/sv-arcgis) `npm i sv-arcgis`
-2. Run sv-arcgis `npx sv-arcgis`
-3. ⚠️ Follow instructions in terminal
+
+1. Install [sv-arcgis](https://www.npmjs.com/package/sv-arcgis) `npx sv-arcgis`
+2. Follow instructions in terminal 👍
 
 ## 📕 Notes
 
@@ -15,10 +21,10 @@
 
 ## 🗺️ Roadmap
 
-- Option for / intergrate OAuth2 https://developers.arcgis.com/documentation/security-and-authentication/user-authentication/arcgis-apis/
-- Update to use determine if Svelte Vite app? (Demo would need to be different)
-- Create tests (see https://www.youtube.com/watch?v=Xk8yaN9_PZA)
 - Create CI / CD (w/ tests)
+- Create tests (see https://www.youtube.com/watch?v=Xk8yaN9_PZA)
+- Option for / intergrate OAuth2 https://developers.arcgis.com/documentation/security-and-authentication/user-authentication/arcgis-apis/
+- [x] Update to work Svelte / Vite app (not just Kit)? (Demo would need to be different)
 
 ## 🙏 Help
 

package/bin/sv-arcgis-setup.js

@@ -333,7 +333,7 @@ if (calcite.CALCITE === true) {
   console.log("📦 Installing ArcGIS Core, Map Components, and Calcite Components...");
   initPromises.push(
     new Promise((resolve, reject) => {
-      exec(\`\${packageManager} install @arcgis/core@4.33.12 @arcgis/map-components@4.33.12 @esri/calcite-components@2.13.0\`, (error, stdout, stderr) => {
+      exec(\`\${packageManager} install @arcgis/core@4.33.14 @arcgis/map-components@4.33.24 @esri/calcite-components@3.3.3\`, (error, stdout, stderr) => {
         if (error) {
           console.log('error:', chalk.white.bgRed(error.message));
           reject(error);
@@ -347,7 +347,7 @@ if (calcite.CALCITE === true) {
  console.log("📦 Installing ArcGIS Core and Map Components...");
   initPromises.push(
     new Promise((resolve, reject) => {
-      exec(\`\${packageManager} install @arcgis/core@4.33.12 @arcgis/map-components@4.33.12\`, (error, stdout, stderr) => {
+      exec(\`\${packageManager} install @arcgis/core@4.33.14 @arcgis/map-components@4.33.24\`, (error, stdout, stderr) => {
         if (error) {
           console.log('error:', chalk.white.bgRed(error.message));
           reject(error);
@@ -377,12 +377,12 @@ if (initPromises.length > 0) {
 if (demo.DEMO === true) {
   let arcgisRouteDir;
   if (isSvelte) {
-    // console.log("📦 Svelte DEMO...");
+    // console.log("✅ Created demo in './src/'.");
     // Create directory called 'arcgis' in './src/'
 
     arcgisRouteDir = path.join(process.cwd(), 'src', 'lib');
   } else if (isSvelteKit) {
-    console.log("📦 SvelteKit DEMO...");
+    // console.log("✅ Created demo in './src/routes/'.");
     // Create directory called 'arcgis' in './src/routes/'
 
     arcgisRouteDir = path.join(process.cwd(), 'src', 'routes', 'arcgis');
@@ -419,7 +419,7 @@ if (demo.DEMO === true) {
         import("@arcgis/map-components/dist/loader").then(
           ({ defineCustomElements }) => {
             defineCustomElements(window, {
-              resourcesUrl: "https://js.arcgis.com/map-components/4.33.12/assets",
+              resourcesUrl: "https://js.arcgis.com/map-components/4.33.24/assets",
             });
           }
         );
@@ -463,7 +463,7 @@ if (demo.DEMO === true) {
     </main>
 
     <style>
-      @import "https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/dark/main.css";\${calcite.CALCITE ? '\\n    @import "@esri/calcite-components/dist/calcite/calcite.css";' : ''}
+      @import "https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/dark/main.css";\${calcite.CALCITE ? '\\n    @import "@esri/calcite-components/dist/calcite/calcite.css";' : ''}
 
       :global(body:has(.e-demo)) {
         margin: 0;
@@ -502,7 +502,6 @@ if (demo.DEMO === true) {
         flex-direction: column;
         gap: 2rem;
         width: 50vmax;
-        height: 100vh;
         margin-inline: auto;
         margin: 0;
         padding: 0;
@@ -594,7 +593,7 @@ if (demo.DEMO === true) {
       import("@arcgis/map-components/dist/loader").then(
         ({ defineCustomElements }) => {
           defineCustomElements(window, {
-            resourcesUrl: "https://js.arcgis.com/map-components/4.33.12/assets",
+            resourcesUrl: "https://js.arcgis.com/map-components/4.33.24/assets",
           });
         }
       );
@@ -637,7 +636,7 @@ if (demo.DEMO === true) {
     </main>
   
     <style>
-      @import "https://js.arcgis.com/4.31/@arcgis/core/assets/esri/themes/dark/main.css";\${calcite.CALCITE ? '\\n    @import "@esri/calcite-components/dist/calcite/calcite.css";' : ''}
+      @import "https://js.arcgis.com/4.33/@arcgis/core/assets/esri/themes/dark/main.css";\${calcite.CALCITE ? '\\n    @import "@esri/calcite-components/dist/calcite/calcite.css";' : ''}
   
       :global(body:has(.e-demo)) {
         margin: 0;
@@ -676,7 +675,6 @@ if (demo.DEMO === true) {
         flex-direction: column;
         gap: 2rem;
         width: 50vmax;
-        height: 100vh;
         margin-inline: auto;
         margin: 0;
         padding: 0;
@@ -759,7 +757,7 @@ if (demo.DEMO === true) {
   // Update root page
   const rootRouteDir = isSvelte ? path.join(process.cwd(), 'src') : path.join(process.cwd(), 'src', 'routes');
   const rootPagePath = isSvelte ? path.join(rootRouteDir, 'App.svelte') : path.join(rootRouteDir, '+page.svelte');
-  const rootPageUpdate = isSvelte ?  \`import ArcGIS from './lib/ArcGIS.svelte';\` : \`<p>Visit the <a href="arcgis">arcgis demo page</a> and view console.log output</p>\`;
+  const rootPageUpdate = isSvelte ?  \n\`import ArcGIS from './lib/ArcGIS.svelte';\` : \`<p>Visit the <a href="arcgis">arcgis demo page</a> and view console.log output</p>\`;
 
   // Read existing root page content and append the demo link
   if (fs.existsSync(rootPagePath) && isSvelteKit) {
@@ -840,7 +838,7 @@ generateConfig()
         fs.writeFileSync(configFilePath, configFileText, { encoding: 'utf8', flag: 'w' });
 
         // Show that config was written
-        console.log(\`✅ Updated \` + chalk.bold(\`/src/lib/config/index.\${usesTypeScript ? 'ts' : 'js'}\`));
+        console.log(\`✅ Updated config at \` + chalk.bold(\`/src/lib/config/index.\${usesTypeScript ? 'ts' : 'js'}\`));
       }
 
       if (!global.arcGisApiKeyIsNull || !global.arcGisClientIdIsNull || !global.arcGisClientSecretIsNull) {
@@ -849,7 +847,7 @@ generateConfig()
         fs.writeFileSync(envFilePath, envFileText, { encoding: 'utf8', flag: 'w' });
 
         // Show that env was written
-        console.log(\`✅ Updated \` + chalk.bold(\`.env\`));
+        console.log(\`✅ Updated env file at \` + chalk.bold(\`.env\`));
         console.log(\`👀 Tip: Make sure your .gitignore has the line: .env\`);
       }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sv-arcgis",
-  "version": "1.3.0-next.2",
+  "version": "1.3.0-next.4",
   "main": "index.js",
   "bin": {
     "sv-arcgis": "./bin/sv-arcgis-setup.js"
@@ -29,9 +29,9 @@
   "license": "MIT",
   "description": "a CLI tool that guides you through setting up a ArcGIS / SvelteKit development environment.",
   "devDependencies": {
-    "semantic-release": "^24.2.7",
     "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/git": "^10.0.1"
+    "@semantic-release/git": "^10.0.1",
+    "semantic-release": "^25.0.2"
   },
   "files": [
     "bin",