Hey guys, Any ideas on why I'm getting the following warning and an empty page when creating our add-in with the json config of: {
    "name": "orderNow",
    "supportEmail": "support@test.io",
    "version": "2.0.8",
    "items": [
        {
            "url": "https://hostUrl.io/plugin.html",
            "path": "ActivityLink/",
            "menuName": {
                "en": "Connection Settings"
            },
            "svgIcon": "https://hostUrl.io/orderNow/images/icon.svg"
        }
    ],
    "isSigned": false
}The add-in does show up in the proper place but I'm getting an empty page with this warning in the console: No routes matched location "/addin-addinName"We've built the add in on top of the Geotab Add In generator repo which prefilled most of our configurations / webpack configs. The url is pointing to the distribution version of the plugin but for some reason it doesn't load properly. Our webpack config for the build: const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const config = require("./src/config.json");
 
const { name: appName } = config;
 
const transform = function (content, path) {
  let config = JSON.parse(content);
  let host = config.dev.dist.host;
  let len = config.items.length;
  const { name } = config;
 
  for (let i = 0; i &lt; len; i++) {
    config.items[i].url = host + config.items[i].url;
 
    if (config.items[i].svgIcon) {
      config.items[i].svgIcon = host + config.items[i].svgIcon;
    }
 
    if (config.items[i].icon) {
      config.items[i].icon = host + config.items[i].icon;
    }
  }
 
  delete config["dev"];
  let response = JSON.stringify(config, null, 2);
  // Returned string is written to file
  return response;
};
 
const jsFileName = () =&gt; {
  let fileName = "[name]-[contenthash].js";
 
  return fileName;
};
 
module.exports = {
  mode: "production",
  entry: {
    bundle: path.resolve(__dirname, "src/app/index.js"),
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: jsFileName,
    assetModuleFilename: "[name][ext]",
    clean: true,
  },
  devServer: {
    static: {
      directory: path.resolve(__dirname, "dist"),
    },
    port: 3000,
    open: true,
    hot: true,
    compress: true,
    historyApiFallback: true,
  },
  devtool: "source-map",
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: "ts-loader",
        exclude: /node_modules/,
      },
      {
        test: /\.scss/,
        use: ["style-loader", "css-loader", "sass-loader"],
      },
      {
        test: /\.css$/i,
        use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
      },
      {
        test: /\.(js|jsx)$/,
        exclude: [/node_modules/],
        use: {
          loader: "babel-loader",
          options: {
            presets: [
              "@babel/preset-env",
              [
                "@babel/preset-react",
                {
                  runtime: "automatic",
                },
              ],
            ],
          },
        },
      },
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: "asset/resource",
      },
    ],
  },
  resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"], // Ensure TypeScript files can be resolved
  },
  plugins: [
    new MiniCssExtractPlugin({
      filename: "styles.css",
      chunkFilename: "styles.css",
    }),
    new HtmlWebpackPlugin({
      title: "plugin",
      filename: `plugin.html`,
      template: "src/app/plugin.html",
      inject: "body",
    }),
    new CopyWebpackPlugin({
      patterns: [
        { from: "./src/app/images/icon.svg", to: "images/" },
        {
          from: "./src/config.json",
          transform: transform,
          to: "configuration.json",
        },
      ],
    }),
    new webpack.DefinePlugin({
      "process.env.REACT_APP_PROJECT_ID": JSON.stringify(
        process.env.REACT_APP_PROJECT_ID
      ),
      "process.env.REACT_APP_ENV": JSON.stringify(process.env.REACT_APP_ENV),
      "process.env.BE_PUBLIC_API_BASE_URL": JSON.stringify(
        process.env.BE_PUBLIC_API_BASE_URL
      ),
      "process.env.BE_PUBLIC_APP_API_KEY": JSON.stringify(
        process.env.BE_PUBLIC_APP_API_KEY
      )
    }),
  ],
};The dist html file does have the js bundle in it as well which looks like this: &lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;meta http-equiv="x-ua-compatible" content="ie=edge"/&gt;&lt;meta name="description" content=""/&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1"/&gt;&lt;title&gt;order-now&lt;/title&gt;&lt;link href="styles.css" rel="stylesheet"&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="plugin-app"&gt;&lt;div id="plugin"&gt;&lt;header class="geotabPageHeader"&gt;&lt;h1 class="geotabPageName"&gt;Test Plugin &lt;span class="subdued"&gt;Subtitle&lt;/span&gt;&lt;/h1&gt;&lt;div class="pageNameSecondary"&gt;&lt;h3 class="geotabSecondaryTitle"&gt;by: &lt;span id="plugin-user"&gt;&lt;/span&gt;&lt;/h3&gt;&lt;/div&gt;&lt;/header&gt;&lt;/div&gt;&lt;/div&gt;&lt;script defer="defer" src="bundle-a4d4cf3841901f6be89a.js"&gt;&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;It seems that React doesn't seem to be able to mount on it which is weird as the dev version does work locally and loads the emulated login flow with the app  Can this be caused by the way our router is set up in app.jsx? const App = ({ geotabApi, geotabState, appName }) =&gt; {
  const logger = useMemo(() =&gt; Logger(appName), [appName]);
  const [context, setContext] = useState({ geotabApi, geotabState, logger });
 
  useEffect(() =&gt; {
    async function fetchSession() {
      try {
        geotabApi.getSession((session) =&gt; {
          if (session) {
            setContext((prev) =&gt; ({
              ...prev,
              database: session.database,
              sessionUser: session.userName,
              sessionId: session.sessionId,
            }));
          }
        });
      } catch (error) {
        logger.error("Failed to fetch Geotab session", error);
      }
    }
 
    fetchSession();
  }, [geotabApi, logger]);
 
  return (
    &lt;&gt;
      &lt;GeotabContext.Provider value={[context, setContext]}&gt;
        &lt;Router&gt;
          &lt;Routes&gt;
            &lt;Route path="/" element={&lt;ConnectionSettings /&gt;} /&gt;
            &lt;Route path="/setup/pillars" element={&lt;PillarConfig /&gt;} /&gt;
          &lt;/Routes&gt;
        &lt;/Router&gt;
      &lt;/GeotabContext.Provider&gt;
    &lt;/&gt;
  );
};
 
export default App; 

Getting No routes matched location &quot;&#x2F;addin-addinName&quot; when trying to add add-in

Getting No routes matched location "/addin-addinName" when trying to add add-in

Hey Guys, We're trying to limit the amount of exception data requested for a given fleet in our solution and was wondering if there is way to filter exception event searches using a ruleId array. So something like this: api.call("Get", {
    "typeName": "ExceptionEvent",
    "search" : {
         "fromDate": "2025-03-22T16:30:00.000Z",
         "toDate": "2025-03-22T18:00:00.000Z",
         "ruleSearch": {
             "id": ["aqCjVZJKxTEWVQ4tGfMDD_w", "RuleJackrabbitStartsId", "a5dUhU3z0Q0yI4DdmZPI3nQ", "adA08bZw-kUiSFflNEnikIw"],
            
         },
    },
   
}, function(result) {
    console.log("Done: ", result);
}, function(e) {
    console.error("Failed:", e);
});Not sure what is the proper way of achieving this as we're not looking to filter based on baseType or Groups but based on a set of ruleIds (that includes both custom and stock ruleIds)

MyGeotab SDK Filter Exception Event Search on an array of ruleIds

Hey Guys, Just currently going through the Geotab verification process and I've been informed that our current implementation is causing excessive numbers of auth requests (Whereas it should be a max of 1 per 24 hours / service account). Our session Id auth has been implemented based on the documentation provided here: https://github.com/Geotab/mg-api-js but following the exact steps provided there for the credentials object it seems to not accept the session Id when authenticating the api instance. This is an vague example of how we do authentication before a get feed call happens (that is invoked hourly by a cron job) const getApi = (authentication: GeotabAuth, options?: GeotabAuthOptions) =&gt; {
	return new GeotabApiWrapper(authentication, options);
};
 
export const getAuthedApi = async (
	userId: string,
	userSettings: VendorSettings,
) =&gt; {
	const testAuthObj = {
		credentials: {
			userName: "username",
			password: null,
			database: "db",
			sessionId: "2352afawfsfwa2",
		},
		path: "serverAddress",
	};
 
	const geotabApi = getApi(testAuthObj);
	await geotabApi
		.authenticate()
		.then((response: any) =&gt; console.log("I have authenticated", response));
	const currentSession = await geotabApi.getSession();
	const currentSessionId = currentSession?.credentials?.sessionId;
 
	if (currentSessionId !== userSettings.apiSessionId) {
		// Update RTDB with new session ID
		await UserModel.updateUserDeep(userId, {
			vendorSettings: {
				geotab: { apiSessionId: currentSessionId },
			},
		});
	}
 
	return geotabApi;
};  But for some reason I'm getting: Error: Must provide either password or session ID The auth object structure is based on the docs but its not being accepted even though the session Id provided is fresh as it's been generated today by pw/username auth. (It works all fine with pw/username hence we didn't see any issues arising regarding auth yet but turns out its not utilising sessions properly) Any ideas what we doing wrong here? 

How To Properly Auth with SessionId NodeJS

page-user page-user-dániel-benedek-1858 template-account-profile page-status-200 theme-harmony user-guest

Company

Title

Hey guys, Any ideas on why I'm getting the following warning and an empty page when creating our add-in with the json config of: <code>{
 "name": "orderNow",
 "supportEmail": "support@test.io",
 "version": "2.0.8",
 "items": [
 {
 "url": "https://hostUrl.io/plugin.html",
 "path": "ActivityLink/",
 "menuName": {
 "en": "Connection Settings"
 },
 "svgIcon": "https://hostUrl.io/orderNow/images/icon.svg"
 }
 ],
 "isSigned": false
}</code>The add-in does show up in the proper place but I'm getting an empty page with this warning in the console: <code>No routes matched location "/addin-addinName"</code>We've built the add in on top of the Geotab Add In generator repo which prefilled most of our configurations / webpack configs. The url is pointing to the distribution version of the plugin but for some reason it doesn't load properly. Our webpack config for the build: <code>const webpack = require("webpack");
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CopyWebpackPlugin = require("copy-webpack-plugin");
const config = require("./src/config.json");
 
const { name: appName } = config;
 
const transform = function (content, path) {
 let config = JSON.parse(content);
 let host = config.dev.dist.host;
 let len = config.items.length;
 const { name } = config;
 
 for (let i = 0; i &lt; len; i++) {
 config.items[i].url = host + config.items[i].url;
 
 if (config.items[i].svgIcon) {
 config.items[i].svgIcon = host + config.items[i].svgIcon;
 }
 
 if (config.items[i].icon) {
 config.items[i].icon = host + config.items[i].icon;
 }
 }
 
 delete config["dev"];
 let response = JSON.stringify(config, null, 2);
 // Returned string is written to file
 return response;
};
 
const jsFileName = () =&gt; {
 let fileName = "[name]-[contenthash].js";
 
 return fileName;
};
 
module.exports = {
 mode: "production",
 entry: {
 bundle: path.resolve(__dirname, "src/app/index.js"),
 },
 output: {
 path: path.resolve(__dirname, "dist"),
 filename: jsFileName,
 assetModuleFilename: "[name][ext]",
 clean: true,
 },
 devServer: {
 static: {
 directory: path.resolve(__dirname, "dist"),
 },
 port: 3000,
 open: true,
 hot: true,
 compress: true,
 historyApiFallback: true,
 },
 devtool: "source-map",
 module: {
 rules: [
 {
 test: /\.tsx?$/,
 use: "ts-loader",
 exclude: /node_modules/,
 },
 {
 test: /\.scss/,
 use: ["style-loader", "css-loader", "sass-loader"],
 },
 {
 test: /\.css$/i,
 use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
 },
 {
 test: /\.(js|jsx)$/,
 exclude: [/node_modules/],
 use: {
 loader: "babel-loader",
 options: {
 presets: [
 "@babel/preset-env",
 [
 "@babel/preset-react",
 {
 runtime: "automatic",
 },
 ],
 ],
 },
 },
 },
 {
 test: /\.(png|svg|jpg|jpeg|gif)$/i,
 type: "asset/resource",
 },
 ],
 },
 resolve: {
 extensions: [".ts", ".tsx", ".js", ".jsx"], // Ensure TypeScript files can be resolved
 },
 plugins: [
 new MiniCssExtractPlugin({
 filename: "styles.css",
 chunkFilename: "styles.css",
 }),
 new HtmlWebpackPlugin({
 title: "plugin",
 filename: `plugin.html`,
 template: "src/app/plugin.html",
 inject: "body",
 }),
 new CopyWebpackPlugin({
 patterns: [
 { from: "./src/app/images/icon.svg", to: "images/" },
 {
 from: "./src/config.json",
 transform: transform,
 to: "configuration.json",
 },
 ],
 }),
 new webpack.DefinePlugin({
 "process.env.REACT_APP_PROJECT_ID": JSON.stringify(
 process.env.REACT_APP_PROJECT_ID
 ),
 "process.env.REACT_APP_ENV": JSON.stringify(process.env.REACT_APP_ENV),
 "process.env.BE_PUBLIC_API_BASE_URL": JSON.stringify(
 process.env.BE_PUBLIC_API_BASE_URL
 ),
 "process.env.BE_PUBLIC_APP_API_KEY": JSON.stringify(
 process.env.BE_PUBLIC_APP_API_KEY
 )
 }),
 ],
};</code>The dist html file does have the js bundle in it as well which looks like this: <code>&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"/&gt;&lt;meta http-equiv="x-ua-compatible" content="ie=edge"/&gt;&lt;meta name="description" content=""/&gt;&lt;meta name="viewport" content="width=device-width,initial-scale=1"/&gt;&lt;title&gt;order-now&lt;/title&gt;&lt;link href="styles.css" rel="stylesheet"&gt;&lt;/head&gt;&lt;body&gt;&lt;div id="plugin-app"&gt;&lt;div id="plugin"&gt;&lt;header class="geotabPageHeader"&gt;&lt;h1 class="geotabPageName"&gt;Test Plugin &lt;span class="subdued"&gt;Subtitle&lt;/span&gt;&lt;/h1&gt;&lt;div class="pageNameSecondary"&gt;&lt;h3 class="geotabSecondaryTitle"&gt;by: &lt;span id="plugin-user"&gt;&lt;/span&gt;&lt;/h3&gt;&lt;/div&gt;&lt;/header&gt;&lt;/div&gt;&lt;/div&gt;&lt;script defer="defer" src="bundle-a4d4cf3841901f6be89a.js"&gt;&lt;/script&gt;&lt;/body&gt;&lt;/html&gt;</code>It seems that React doesn't seem to be able to mount on it which is weird as the dev version does work locally and loads the emulated login flow with the app  Can this be caused by the way our router is set up in app.jsx? <code>const App = ({ geotabApi, geotabState, appName }) =&gt; {
 const logger = useMemo(() =&gt; Logger(appName), [appName]);
 const [context, setContext] = useState({ geotabApi, geotabState, logger });
 
 useEffect(() =&gt; {
 async function fetchSession() {
 try {
 geotabApi.getSession((session) =&gt; {
 if (session) {
 setContext((prev) =&gt; ({
 ...prev,
 database: session.database,
 sessionUser: session.userName,
 sessionId: session.sessionId,
 }));
 }
 });
 } catch (error) {
 logger.error("Failed to fetch Geotab session", error);
 }
 }
 
 fetchSession();
 }, [geotabApi, logger]);
 
 return (
 &lt;&gt;
 &lt;GeotabContext.Provider value={[context, setContext]}&gt;
 &lt;Router&gt;
 &lt;Routes&gt;
 &lt;Route path="/" element={&lt;ConnectionSettings /&gt;} /&gt;
 &lt;Route path="/setup/pillars" element={&lt;PillarConfig /&gt;} /&gt;
 &lt;/Routes&gt;
 &lt;/Router&gt;
 &lt;/GeotabContext.Provider&gt;
 &lt;/&gt;
 );
};
 
export default App;</code>

Hey Guys, We're trying to limit the amount of exception data requested for a given fleet in our solution and was wondering if there is way to filter exception event searches using a ruleId array. So something like this: <code>api.call("Get", {
 "typeName": "ExceptionEvent",
 "search" : {
 "fromDate": "2025-03-22T16:30:00.000Z",
 "toDate": "2025-03-22T18:00:00.000Z",
 "ruleSearch": {
 "id": ["aqCjVZJKxTEWVQ4tGfMDD_w", "RuleJackrabbitStartsId", "a5dUhU3z0Q0yI4DdmZPI3nQ", "adA08bZw-kUiSFflNEnikIw"],
 
 },
 },
 
}, function(result) {
 console.log("Done: ", result);
}, function(e) {
 console.error("Failed:", e);
});</code>Not sure what is the proper way of achieving this as we're not looking to filter based on baseType or Groups but based on a set of ruleIds (that includes both custom and stock ruleIds)

<a href="/user/lp-papillon-1145" data-id="1145" data-value="LPPapillon-1145" data-denotation-char="@" class="text-decoration-none mention">@LPPapillon-1145</a>​ Any ideas on why I'm getting the same issue even when fromVersion is undefined? I have the following query:<code>'GetFeed',
 {
 typeName: 'Trip',
 resultsLimit: undefined,
 search: { fromDate: '2024-10-20T00:00:00.000Z' }
 }</code> but still getting back trips with start dates of earlier then the fromDate specified  This is run against our node js integration using a multicall. If I provide the same values in the geotab api playground I get back the proper filtered results as well as when using GET method in the multicall instead of getFeed

Where  am I going wrong with my LogRecordSearch API date filtering using the MyGeotab SDK

Hey Guys, Just currently going through the Geotab verification process and I've been informed that our current implementation is causing excessive numbers of auth requests (Whereas it should be a max of 1 per 24 hours / service account). Our session Id auth has been implemented based on the documentation provided here: <a href="https://github.com/Geotab/mg-api-js" target="_blank">https://github.com/Geotab/mg-api-js</a> but following the exact steps provided there for the credentials object it seems to not accept the session Id when authenticating the api instance. This is an vague example of how we do authentication before a get feed call happens (that is invoked hourly by a cron job) <code>const getApi = (authentication: GeotabAuth, options?: GeotabAuthOptions) =&gt; {
	return new GeotabApiWrapper(authentication, options);
};
 
export const getAuthedApi = async (
	userId: string,
	userSettings: VendorSettings,
) =&gt; {
	const testAuthObj = {
		credentials: {
			userName: "username",
			password: null,
			database: "db",
			sessionId: "2352afawfsfwa2",
		},
		path: "serverAddress",
	};
 
	const geotabApi = getApi(testAuthObj);
	await geotabApi
		.authenticate()
		.then((response: any) =&gt; console.log("I have authenticated", response));
	const currentSession = await geotabApi.getSession();
	const currentSessionId = currentSession?.credentials?.sessionId;
 
	if (currentSessionId !== userSettings.apiSessionId) {
		// Update RTDB with new session ID
		await UserModel.updateUserDeep(userId, {
			vendorSettings: {
				geotab: { apiSessionId: currentSessionId },
			},
		});
	}
 
	return geotabApi;
};</code>  But for some reason I'm getting: Error: Must provide either password or session ID The auth object structure is based on the docs but its not being accepted even though the session Id provided is fresh as it's been generated today by pw/username auth. (It works all fine with pw/username hence we didn't see any issues arising regarding auth yet but turns out its not utilising sessions properly) Any ideas what we doing wrong here?

Recent Activity

Getting No routes matched location "/addin-addinName" when trying to add add-in

MyGeotab SDK Filter Exception Event Search on an array of ruleIds

How To Properly Auth with SessionId NodeJS