@looker/api-explorer 0.9.35 → 0.9.37

package/lib/utils/index.js

@@ -6,7 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   highlightHTML: true,
   getLoded: true,
-  useWindowSize: true
+  useWindowSize: true,
+  useNavigation: true,
+  useGlobalStoreSync: true,
+  useQuery: true
 };
 Object.defineProperty(exports, "highlightHTML", {
   enumerable: true,
@@ -26,6 +29,24 @@ Object.defineProperty(exports, "useWindowSize", {
     return _useWindowSize.useWindowSize;
   }
 });
+Object.defineProperty(exports, "useNavigation", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useNavigation;
+  }
+});
+Object.defineProperty(exports, "useGlobalStoreSync", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useGlobalStoreSync;
+  }
+});
+Object.defineProperty(exports, "useQuery", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useQuery;
+  }
+});
 
 var _highlight = require("./highlight");
 
@@ -43,6 +64,20 @@ Object.keys(_path).forEach(function (key) {
   });
 });
 
+var _sdkLanguage = require("./sdkLanguage");
+
+Object.keys(_sdkLanguage).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _sdkLanguage[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _sdkLanguage[key];
+    }
+  });
+});
+
 var _lodeUtils = require("./lodeUtils");
 
 var _useWindowSize = require("./useWindowSize");
@@ -74,4 +109,6 @@ Object.keys(_adaptorUtils).forEach(function (key) {
     }
   });
 });
+
+var _hooks = require("./hooks");
 //# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { highlightHTML } from './highlight'\nexport * from './path'\nexport { getLoded } from './lodeUtils'\nexport { useWindowSize } from './useWindowSize'\nexport * from './apixAdaptor'\nexport * from './adaptorUtils'\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AACA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\nexport { highlightHTML } from './highlight'\nexport * from './path'\nexport * from './sdkLanguage'\nexport { getLoded } from './lodeUtils'\nexport { useWindowSize } from './useWindowSize'\nexport * from './apixAdaptor'\nexport * from './adaptorUtils'\nexport { useNavigation, useGlobalStoreSync, useQuery } from './hooks'\n"],"file":"index.js"}

package/lib/utils/path.d.ts

@@ -1,9 +1,13 @@
 import type { ApiModel, IMethod, IType } from '@looker/sdk-codegen';
 import type { Location as HLocation } from 'history';
-export declare const buildMethodPath: (specKey: string, tag: string, methodName: string) => string;
-export declare const buildTypePath: (specKey: string, tag: string, typeName: string) => string;
+export declare const methodFilterOptions: RegExp;
+export declare const typeFilterOptions: RegExp;
+export declare const buildMethodPath: (specKey: string, tag: string, methodName: string, params?: string | undefined) => string;
+export declare const buildTypePath: (specKey: string, tag: string, typeName: string, params?: string | undefined) => string;
 export declare const diffPath = "diff";
 export declare const oAuthPath = "oauth";
 export declare const isMethod: (item: IMethod | IType) => boolean;
 export declare const buildPath: (api: ApiModel, item: IMethod | IType, specKey: string) => string;
 export declare const getSpecKey: (location: HLocation | Location) => string | null;
+export declare const getSceneType: (path: string) => string;
+export declare const isValidFilter: (path: string, filter: string) => boolean;

package/lib/utils/path.js

@@ -3,21 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getSpecKey = exports.buildPath = exports.isMethod = exports.oAuthPath = exports.diffPath = exports.buildTypePath = exports.buildMethodPath = void 0;
+exports.isValidFilter = exports.getSceneType = exports.getSpecKey = exports.buildPath = exports.isMethod = exports.oAuthPath = exports.diffPath = exports.buildTypePath = exports.buildMethodPath = exports.typeFilterOptions = exports.methodFilterOptions = void 0;
 
 var _sdkCodegen = require("@looker/sdk-codegen");
 
+var _reactRouter = require("react-router");
+
 function _wrapRegExp() { _wrapRegExp = function _wrapRegExp(re, groups) { return new BabelRegExp(re, undefined, groups); }; var _super = RegExp.prototype; var _groups = new WeakMap(); function BabelRegExp(re, flags, groups) { var _this = new RegExp(re, flags); _groups.set(_this, groups || _groups.get(re)); return _setPrototypeOf(_this, BabelRegExp.prototype); } _inherits(BabelRegExp, RegExp); BabelRegExp.prototype.exec = function (str) { var result = _super.exec.call(this, str); if (result) result.groups = buildGroups(result, this); return result; }; BabelRegExp.prototype[Symbol.replace] = function (str, substitution) { if (typeof substitution === "string") { var groups = _groups.get(this); return _super[Symbol.replace].call(this, str, substitution.replace(/\$<([^>]+)>/g, function (_, name) { return "$" + groups[name]; })); } else if (typeof substitution === "function") { var _this = this; return _super[Symbol.replace].call(this, str, function () { var args = arguments; if (typeof args[args.length - 1] !== "object") { args = [].slice.call(args); args.push(buildGroups(args, _this)); } return substitution.apply(this, args); }); } else { return _super[Symbol.replace].call(this, str, substitution); } }; function buildGroups(result, re) { var g = _groups.get(re); return Object.keys(g).reduce(function (groups, name) { groups[name] = result[g[name]]; return groups; }, Object.create(null)); } return _wrapRegExp.apply(this, arguments); }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-var buildMethodPath = (specKey, tag, methodName) => "/".concat(specKey, "/methods/").concat(tag, "/").concat(methodName);
+var methodFilterOptions = /GET$|POST$|PUT$|PATCH$|DELETE$/i;
+exports.methodFilterOptions = methodFilterOptions;
+var typeFilterOptions = /SPECIFICATION$|WRITE$|REQUEST$|ENUMERATED$/i;
+exports.typeFilterOptions = typeFilterOptions;
+
+var buildMethodPath = (specKey, tag, methodName, params) => "/".concat(specKey, "/methods/").concat(tag, "/").concat(methodName).concat(params ? "?".concat(params) : '');
 
 exports.buildMethodPath = buildMethodPath;
 
-var buildTypePath = (specKey, tag, typeName) => "/".concat(specKey, "/types/").concat(tag, "/").concat(typeName);
+var buildTypePath = (specKey, tag, typeName, params) => "/".concat(specKey, "/types/").concat(tag, "/").concat(typeName).concat(params ? "?".concat(params) : '');
 
 exports.buildTypePath = buildTypePath;
 var diffPath = 'diff';
@@ -80,4 +87,28 @@ var getSpecKey = location => {
 };
 
 exports.getSpecKey = getSpecKey;
+
+var getSceneType = path => {
+  var match = (0, _reactRouter.matchPath)(path, {
+    path: '/:specKey/:tagType'
+  });
+  return match ? match.params.tagType : '';
+};
+
+exports.getSceneType = getSceneType;
+
+var isValidFilter = (path, filter) => {
+  var isValid;
+  var sceneType = getSceneType(path);
+  if (!sceneType) isValid = false;else if (!filter.localeCompare('all', 'en', {
+    sensitivity: 'base'
+  })) isValid = true;else if (sceneType === 'methods') {
+    isValid = methodFilterOptions.test(filter);
+  } else {
+    isValid = typeFilterOptions.test(filter);
+  }
+  return isValid;
+};
+
+exports.isValidFilter = isValidFilter;
 //# sourceMappingURL=path.js.map

package/lib/utils/path.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/path.ts"],"names":["buildMethodPath","specKey","tag","methodName","buildTypePath","typeName","diffPath","oAuthPath","getMethodTag","api","Object","entries","tags","filter","methods","map","methodTag","isMethod","item","getTypeTag","type","method","name","buildPath","path","getSpecKey","location","pathname","match","startsWith","pattern","RegExp","groups"],"mappings":";;;;;;;AA2BA;;;;;;;;AAUO,IAAMA,eAAe,GAAG,CAC7BC,OAD6B,EAE7BC,GAF6B,EAG7BC,UAH6B,gBAItBF,OAJsB,sBAIHC,GAJG,cAIIC,UAJJ,CAAxB;;;;AAaA,IAAMC,aAAa,GAAG,CAACH,OAAD,EAAkBC,GAAlB,EAA+BG,QAA/B,gBACvBJ,OADuB,oBACNC,GADM,cACCG,QADD,CAAtB;;;AAGA,IAAMC,QAAQ,GAAG,MAAjB;;AACA,IAAMC,SAAS,GAAG,OAAlB;;;AAQP,IAAMC,YAAY,GAAG,CAACC,GAAD,EAAgBN,UAAhB,KAAuC;AAE1D,SAAOO,MAAM,CAACC,OAAP,CAAeF,GAAG,CAACG,IAAnB,EACJC,MADI,CACG;AAAA,QAAC,GAAGC,OAAH,CAAD;AAAA,WAAiBX,UAAU,IAAIW,OAA/B;AAAA,GADH,EAEJC,GAFI,CAEA;AAAA,QAAC,CAACC,SAAD,CAAD;AAAA,WAAiBA,SAAjB;AAAA,GAFA,EAE4B,CAF5B,CAAP;AAGD,CALD;;AAWO,IAAMC,QAAQ,GAAIC,IAAD,IAA2B,YAAYA,IAAxD;;;;AAOP,IAAMC,UAAU,GAAG,CAACV,GAAD,EAAgBW,IAAhB,KAAgC;AACjD,MAAMC,MAAM,GAAG,gCAAeZ,GAAf,EAAoBW,IAApB,CAAf;AACA,SAAOZ,YAAY,CAACC,GAAD,EAAMY,MAAM,CAACC,IAAb,CAAnB;AACD,CAHD;;AAYO,IAAMC,SAAS,GAAG,CACvBd,GADuB,EAEvBS,IAFuB,EAGvBjB,OAHuB,KAIpB;AACH,MAAIuB,IAAJ;;AACA,MAAIP,QAAQ,CAACC,IAAD,CAAZ,EAAoB;AAClB,QAAMhB,GAAG,GAAGM,YAAY,CAACC,GAAD,EAAMS,IAAI,CAACI,IAAX,CAAxB;AACAE,IAAAA,IAAI,GAAGxB,eAAe,CAACC,OAAD,EAAUC,GAAV,EAAegB,IAAI,CAACI,IAApB,CAAtB;AACD,GAHD,MAGO;AACL,QAAMpB,IAAG,GAAGiB,UAAU,CAACV,GAAD,EAAMS,IAAN,CAAtB;;AACAM,IAAAA,IAAI,GAAGpB,aAAa,CAACH,OAAD,EAAUC,IAAV,EAAegB,IAAI,CAACI,IAApB,CAApB;AACD;;AACD,SAAOE,IAAP;AACD,CAdM;;;;AAoBA,IAAMC,UAAU,GAAIC,QAAD,IAAmD;AAAA;;AAC3E,MAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAA1B;AACA,MAAIC,KAAJ;;AACA,MAAID,QAAQ,CAACE,UAAT,YAAwBvB,QAAxB,EAAJ,EAAyC;AACvC,QAAMwB,OAAO,GAAG,IAAIC,MAAJ,eAAkBzB,QAAlB,6BAAhB;AACAsB,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,CAAeE,OAAf,CAAR;AACD,GAHD,MAGO;AACLF,IAAAA,KAAK,GAAGD,QAAQ,CAACC,KAAT,aAAe,oCAAf;AAAA;AAAA,OAAR;AACD;;AACD,SAAO,WAAAA,KAAK,UAAL,yDAAOI,MAAP,gEAAe/B,OAAf,KAA0B,IAAjC;AACD,CAVM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { ApiModel, IMethod, IType } from '@looker/sdk-codegen'\nimport { firstMethodRef } from '@looker/sdk-codegen'\nimport type { Location as HLocation } from 'history'\n\n/**\n * Builds a path matching the route used by MethodScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding method tag\n * @param methodName A method name\n * @returns a Method path\n */\nexport const buildMethodPath = (\n  specKey: string,\n  tag: string,\n  methodName: string\n) => `/${specKey}/methods/${tag}/${methodName}`\n\n/**\n * Builds a path matching the route used by TypeScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding type tag\n * @param typeName A type name\n * @returns a Type path\n */\nexport const buildTypePath = (specKey: string, tag: string, typeName: string) =>\n  `/${specKey}/types/${tag}/${typeName}`\n\nexport const diffPath = 'diff'\nexport const oAuthPath = 'oauth'\n\n/**\n * Returns the tag for a given method name\n * @param api Parsed api\n * @param methodName SDK method name\n * @returns Corresponding tag\n */\nconst getMethodTag = (api: ApiModel, methodName: string) => {\n  // Find tag containing methodName\n  return Object.entries(api.tags)\n    .filter(([, methods]) => methodName in methods)\n    .map(([methodTag]) => methodTag)[0]\n}\n\n/**\n * Is this item a method? Check without requiring `instanceof Method`\n * @param item to check for method or type\n */\nexport const isMethod = (item: IMethod | IType) => 'params' in item\n\n/**\n * Return the tag for a give type\n * @param api Parsed api\n * @param type to tag\n */\nconst getTypeTag = (api: ApiModel, type: IType) => {\n  const method = firstMethodRef(api, type)\n  return getMethodTag(api, method.name)\n}\n\n/**\n * Builds a path matching MethodScene or TypeScene route\n * @param api parsed api\n * @param item A method or type item\n * @param specKey A string to identify the spec in the url\n * @returns a method or type path\n */\nexport const buildPath = (\n  api: ApiModel,\n  item: IMethod | IType,\n  specKey: string\n) => {\n  let path\n  if (isMethod(item)) {\n    const tag = getMethodTag(api, item.name)\n    path = buildMethodPath(specKey, tag, item.name)\n  } else {\n    const tag = getTypeTag(api, item as IType)\n    path = buildTypePath(specKey, tag, item.name)\n  }\n  return path\n}\n\n/**\n * Determine API specification keys from URL pattern\n * @param location service to examine\n */\nexport const getSpecKey = (location: HLocation | Location): string | null => {\n  const pathname = location.pathname\n  let match\n  if (pathname.startsWith(`/${diffPath}`)) {\n    const pattern = new RegExp(`(?:/${diffPath})/(?<specKey>\\\\w+.\\\\w+)`)\n    match = pathname.match(pattern)\n  } else {\n    match = pathname.match(/\\/(?<specKey>\\w+\\.\\w+).*/)\n  }\n  return match?.groups?.specKey || null\n}\n"],"file":"path.js"}
+{"version":3,"sources":["../../src/utils/path.ts"],"names":["methodFilterOptions","typeFilterOptions","buildMethodPath","specKey","tag","methodName","params","buildTypePath","typeName","diffPath","oAuthPath","getMethodTag","api","Object","entries","tags","filter","methods","map","methodTag","isMethod","item","getTypeTag","type","method","name","buildPath","path","getSpecKey","location","pathname","match","startsWith","pattern","RegExp","groups","getSceneType","tagType","isValidFilter","isValid","sceneType","localeCompare","sensitivity","test"],"mappings":"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","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport type { ApiModel, IMethod, IType } from '@looker/sdk-codegen'\nimport { firstMethodRef } from '@looker/sdk-codegen'\nimport type { Location as HLocation } from 'history'\nimport { matchPath } from 'react-router'\n\nexport const methodFilterOptions = /GET$|POST$|PUT$|PATCH$|DELETE$/i\nexport const typeFilterOptions = /SPECIFICATION$|WRITE$|REQUEST$|ENUMERATED$/i\n\n/**\n * Builds a path matching the route used by MethodScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding method tag\n * @param methodName A method name\n * @param params Hash of query param name/value pairs to include in the destination url\n * @returns a Method path\n */\nexport const buildMethodPath = (\n  specKey: string,\n  tag: string,\n  methodName: string,\n  params?: string\n) => `/${specKey}/methods/${tag}/${methodName}${params ? `?${params}` : ''}`\n\n/**\n * Builds a path matching the route used by TypeScene\n * @param specKey A string to identify the spec in the URL\n * @param tag Corresponding type tag\n * @param typeName A type name\n * @param params Hash of query param name/value pairs to include in the destination url\n * @returns a Type path\n */\nexport const buildTypePath = (\n  specKey: string,\n  tag: string,\n  typeName: string,\n  params?: string\n) => `/${specKey}/types/${tag}/${typeName}${params ? `?${params}` : ''}`\n\nexport const diffPath = 'diff'\nexport const oAuthPath = 'oauth'\n\n/**\n * Returns the tag for a given method name\n * @param api Parsed api\n * @param methodName SDK method name\n * @returns Corresponding tag\n */\nconst getMethodTag = (api: ApiModel, methodName: string) => {\n  // Find tag containing methodName\n  return Object.entries(api.tags)\n    .filter(([, methods]) => methodName in methods)\n    .map(([methodTag]) => methodTag)[0]\n}\n\n/**\n * Is this item a method? Check without requiring `instanceof Method`\n * @param item to check for method or type\n */\nexport const isMethod = (item: IMethod | IType) => 'params' in item\n\n/**\n * Return the tag for a give type\n * @param api Parsed api\n * @param type to tag\n */\nconst getTypeTag = (api: ApiModel, type: IType) => {\n  const method = firstMethodRef(api, type)\n  return getMethodTag(api, method.name)\n}\n\n/**\n * Builds a path matching MethodScene or TypeScene route\n * @param api parsed api\n * @param item A method or type item\n * @param specKey A string to identify the spec in the url\n * @returns a method or type path\n */\nexport const buildPath = (\n  api: ApiModel,\n  item: IMethod | IType,\n  specKey: string\n) => {\n  let path\n  if (isMethod(item)) {\n    const tag = getMethodTag(api, item.name)\n    path = buildMethodPath(specKey, tag, item.name)\n  } else {\n    const tag = getTypeTag(api, item as IType)\n    path = buildTypePath(specKey, tag, item.name)\n  }\n  return path\n}\n\n/**\n * Determine API specification keys from URL pattern\n * @param location service to examine\n */\nexport const getSpecKey = (location: HLocation | Location): string | null => {\n  const pathname = location.pathname\n  let match\n  if (pathname.startsWith(`/${diffPath}`)) {\n    const pattern = new RegExp(`(?:/${diffPath})/(?<specKey>\\\\w+.\\\\w+)`)\n    match = pathname.match(pattern)\n  } else {\n    match = pathname.match(/\\/(?<specKey>\\w+\\.\\w+).*/)\n  }\n  return match?.groups?.specKey || null\n}\n\n/**\n * Gets the scene type of the current page\n * @param path path of browser location\n * @returns string representing the scene type\n */\nexport const getSceneType = (path: string) => {\n  const match = matchPath<{ tagType: string }>(path, {\n    path: '/:specKey/:tagType',\n  })\n  return match ? match!.params.tagType : ''\n}\n\n/**\n * Confirms if filter is valid for a given method/type tag\n * @param path browser location pathname\n * @param filter filter tag for page\n */\nexport const isValidFilter = (path: string, filter: string) => {\n  let isValid\n  const sceneType = getSceneType(path)\n  if (!sceneType) isValid = false\n  else if (!filter.localeCompare('all', 'en', { sensitivity: 'base' }))\n    isValid = true\n  else if (sceneType === 'methods') {\n    isValid = methodFilterOptions.test(filter)\n  } else {\n    isValid = typeFilterOptions.test(filter)\n  }\n  return isValid\n}\n"],"file":"path.js"}

package/lib/utils/sdkLanguage.d.ts

@@ -0,0 +1,6 @@
+export declare const allAlias = "all";
+export declare const allSdkLanguages: () => Record<string, string>;
+export declare const findSdk: (label: string) => {
+    alias: string;
+    language: string;
+};

package/lib/utils/sdkLanguage.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findSdk = exports.allSdkLanguages = exports.allAlias = void 0;
+
+var _sdkCodegen = require("@looker/sdk-codegen");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var allAlias = 'all';
+exports.allAlias = allAlias;
+
+var allSdkLanguages = () => {
+  var languages = {};
+
+  _sdkCodegen.codeGenerators.forEach(gen => {
+    var alias = gen.extension.toString().match(/\.(\w+)\b/)[1];
+    languages[alias] = gen.language;
+  });
+
+  return _objectSpread(_objectSpread({}, languages), {}, {
+    [allAlias]: 'All'
+  });
+};
+
+exports.allSdkLanguages = allSdkLanguages;
+
+var findSdk = label => {
+  var languages = allSdkLanguages();
+  var match = {
+    alias: allAlias,
+    language: languages[allAlias]
+  };
+
+  for (var [alias, language] of Object.entries(languages)) {
+    if (!label.localeCompare(alias, 'en', {
+      sensitivity: 'base'
+    }) || !label.localeCompare(language, 'en', {
+      sensitivity: 'base'
+    })) {
+      match = {
+        alias,
+        language
+      };
+      break;
+    }
+  }
+
+  return match;
+};
+
+exports.findSdk = findSdk;
+//# sourceMappingURL=sdkLanguage.js.map

package/lib/utils/sdkLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/sdkLanguage.ts"],"names":["allAlias","allSdkLanguages","languages","codeGenerators","forEach","gen","alias","extension","toString","match","language","findSdk","label","Object","entries","localeCompare","sensitivity"],"mappings":";;;;;;;AA0BA;;;;;;;;AAEO,IAAMA,QAAQ,GAAG,KAAjB;;;AAMA,IAAMC,eAAe,GAAG,MAA8B;AAC3D,MAAMC,SAAS,GAAG,EAAlB;;AACAC,6BAAeC,OAAf,CAAwBC,GAAD,IAAS;AAC9B,QAAMC,KAAK,GAAGD,GAAG,CAACE,SAAJ,CAAcC,QAAd,GAAyBC,KAAzB,CAA+B,WAA/B,EAA6C,CAA7C,CAAd;AACAP,IAAAA,SAAS,CAACI,KAAD,CAAT,GAAmBD,GAAG,CAACK,QAAvB;AACD,GAHD;;AAKA,yCAAYR,SAAZ;AAAuB,KAACF,QAAD,GAAY;AAAnC;AACD,CARM;;;;AAeA,IAAMW,OAAO,GAAIC,KAAD,IAAmB;AACxC,MAAMV,SAAS,GAAGD,eAAe,EAAjC;AACA,MAAIQ,KAAK,GAAG;AAAEH,IAAAA,KAAK,EAAEN,QAAT;AAAmBU,IAAAA,QAAQ,EAAER,SAAS,CAACF,QAAD;AAAtC,GAAZ;;AACA,OAAK,IAAM,CAACM,KAAD,EAAQI,QAAR,CAAX,IAAgCG,MAAM,CAACC,OAAP,CAAeZ,SAAf,CAAhC,EAA2D;AACzD,QACE,CAACU,KAAK,CAACG,aAAN,CAAoBT,KAApB,EAA2B,IAA3B,EAAiC;AAAEU,MAAAA,WAAW,EAAE;AAAf,KAAjC,CAAD,IACA,CAACJ,KAAK,CAACG,aAAN,CAAoBL,QAApB,EAA8B,IAA9B,EAAoC;AAAEM,MAAAA,WAAW,EAAE;AAAf,KAApC,CAFH,EAGE;AACAP,MAAAA,KAAK,GAAG;AAAEH,QAAAA,KAAF;AAASI,QAAAA;AAAT,OAAR;AACA;AACD;AACF;;AACD,SAAOD,KAAP;AACD,CAbM","sourcesContent":["/*\n\n MIT License\n\n Copyright (c) 2021 Looker Data Sciences, Inc.\n\n Permission is hereby granted, free of charge, to any person obtaining a copy\n of this software and associated documentation files (the \"Software\"), to deal\n in the Software without restriction, including without limitation the rights\n to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n copies of the Software, and to permit persons to whom the Software is\n furnished to do so, subject to the following conditions:\n\n The above copyright notice and this permission notice shall be included in all\n copies or substantial portions of the Software.\n\n THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n SOFTWARE.\n\n */\n\nimport { codeGenerators } from '@looker/sdk-codegen'\n\nexport const allAlias = 'all'\n\n/**\n * Gets all supported sdk languages\n * @returns mapping of sdk language aliases to name\n */\nexport const allSdkLanguages = (): Record<string, string> => {\n  const languages = {}\n  codeGenerators.forEach((gen) => {\n    const alias = gen.extension.toString().match(/\\.(\\w+)\\b/)![1]\n    languages[alias] = gen.language\n  })\n\n  return { ...languages, [allAlias]: 'All' }\n}\n\n/**\n * Searches for sdk language details given label\n * @param label label to search by\n * @returns language name and alias\n */\nexport const findSdk = (label: string) => {\n  const languages = allSdkLanguages()\n  let match = { alias: allAlias, language: languages[allAlias] }\n  for (const [alias, language] of Object.entries(languages)) {\n    if (\n      !label.localeCompare(alias, 'en', { sensitivity: 'base' }) ||\n      !label.localeCompare(language, 'en', { sensitivity: 'base' })\n    ) {\n      match = { alias, language }\n      break\n    }\n  }\n  return match\n}\n"],"file":"sdkLanguage.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@looker/api-explorer",
-  "version": "0.9.35",
+  "version": "0.9.37",
   "description": "Looker API Explorer",
   "main": "lib/index.js",
   "module": "lib/esm/index.js",
@@ -32,12 +32,13 @@
     "deploy-dev-portal": "rm -f ../../../developer-portal/static/apix/dist/*.js* && cp -R ./dist/*.js* ../../../developer-portal/static/apix/dist"
   },
   "devDependencies": {
-    "@looker/components-test-utils": "^1.5.5",
-    "@looker/sdk-codegen-scripts": "^21.4.1",
-    "@looker/sdk-node": "^22.10.0",
+    "@looker/components-test-utils": "^1.5.26",
+    "@looker/sdk-codegen-scripts": "^21.4.3",
+    "@looker/sdk-node": "^22.12.1",
     "@styled-icons/styled-icon": "^10.6.3",
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
+    "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^12.6.0",
     "@types/expect-puppeteer": "^4.4.6",
     "@types/jest-environment-puppeteer": "^4.4.1",
@@ -67,17 +68,16 @@
     "webpack-merge": "^5.7.3"
   },
   "dependencies": {
-    "@looker/code-editor": "^0.1.22",
-    "@looker/components": "^2.8.1",
-    "@looker/components-date": "^2.4.1",
-    "@looker/design-tokens": "^2.7.1",
-    "@looker/extension-utils": "^0.1.12",
+    "@looker/code-editor": "^0.1.24",
+    "@looker/components": "^3.0.8",
+    "@looker/design-tokens": "^2.7.21",
+    "@looker/extension-utils": "^0.1.14",
     "@looker/icons": "^1.5.3",
     "@looker/redux": "0.0.0",
-    "@looker/run-it": "^0.9.35",
-    "@looker/sdk": "^22.10.0",
-    "@looker/sdk-codegen": "^21.6.0",
-    "@looker/sdk-rtl": "^21.3.4",
+    "@looker/run-it": "^0.9.37",
+    "@looker/sdk": "^22.12.1",
+    "@looker/sdk-codegen": "^21.7.1",
+    "@looker/sdk-rtl": "^21.4.0",
     "@reduxjs/toolkit": "^1.6.2",
     "@styled-icons/material": "^10.28.0",
     "@styled-icons/material-outlined": "^10.28.0",
@@ -96,5 +96,5 @@
     "ts-jest": "^26.2.0",
     "typed-redux-saga": "^1.3.1"
   },
-  "gitHead": "dd8c49742dcb8b92e6ad22252884eb6ca3a041ed"
+  "gitHead": "028fb6cd1f84c23fd10d42041f3d572f4f724195"
 }

package/src/ApiExplorer.tsx

@@ -60,15 +60,15 @@ import { AppRouter } from './routes'
 import { apixFilesHost } from './utils/lodeUtils'
 import {
   useSettingActions,
-  useSettingStoreState,
   useLodeActions,
   useLodesStoreState,
   useSpecActions,
   useSpecStoreState,
   selectSpecs,
   selectCurrentSpec,
+  useSettingStoreState,
 } from './state'
-import { getSpecKey, diffPath } from './utils'
+import { getSpecKey, findSdk, useGlobalStoreSync } from './utils'
 
 export interface ApiExplorerProps {
   adaptor: IApixAdaptor
@@ -85,16 +85,18 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
   declarationsLodeUrl = `${apixFilesHost}/declarationsIndex.json`,
   headless = false,
 }) => {
-  useSettingStoreState()
   useLodesStoreState()
   const { working, description } = useSpecStoreState()
   const specs = useSelector(selectSpecs)
   const spec = useSelector(selectCurrentSpec)
   const { initLodesAction } = useLodeActions()
-  const { initSettingsAction } = useSettingActions()
+  const { initialized } = useSettingStoreState()
+  const { initSettingsAction, setSearchPatternAction, setSdkLanguageAction } =
+    useSettingActions()
   const { initSpecsAction, setCurrentSpecAction } = useSpecActions()
 
   const location = useLocation()
+  useGlobalStoreSync()
   const [hasNavigation, setHasNavigation] = useState(true)
   const toggleNavigation = (target?: boolean) =>
     setHasNavigation(target || !hasNavigation)
@@ -118,11 +120,21 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
 
   useEffect(() => {
     const maybeSpec = location.pathname?.split('/')[1]
-    if (spec && maybeSpec && maybeSpec !== diffPath && maybeSpec !== spec.key) {
+    if (spec && maybeSpec && maybeSpec !== spec.key) {
       setCurrentSpecAction({ currentSpecKey: maybeSpec })
     }
   }, [location.pathname, spec])
 
+  useEffect(() => {
+    if (!initialized) return
+    const searchParams = new URLSearchParams(location.search)
+    const searchPattern = searchParams.get('s') || ''
+    const sdkParam = searchParams.get('sdk') || 'all'
+    const { language: sdkLanguage } = findSdk(sdkParam)
+    setSearchPatternAction({ searchPattern })
+    setSdkLanguageAction({ sdkLanguage })
+  }, [location.search])
+
   useEffect(() => {
     if (headless) {
       window.addEventListener('message', hasNavigationToggle)
@@ -137,7 +149,7 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
   const themeOverrides = adaptor.themeOverrides()
 
   let neededSpec = location.pathname?.split('/')[1]
-  if (!neededSpec || neededSpec === diffPath) {
+  if (!neededSpec) {
     neededSpec = spec?.key
   }
 
@@ -207,7 +219,6 @@ export const ApiExplorer: FC<ApiExplorerProps> = ({
                 <AppRouter
                   specKey={spec.key}
                   api={spec.api!}
-                  specs={specs}
                   toggleNavigation={toggleNavigation}
                 />
               </Layout>

package/src/components/DocMarkdown/DocMarkdown.tsx

@@ -26,11 +26,11 @@
 
 import type { FC } from 'react'
 import React from 'react'
-import { useHistory } from 'react-router-dom'
 import { Markdown } from '@looker/code-editor'
 import { useSelector } from 'react-redux'
 import { getEnvAdaptor } from '@looker/extension-utils'
 import { selectSearchPattern } from '../../state'
+import { useNavigation } from '../../utils'
 import { transformURL } from './utils'
 
 interface DocMarkdownProps {
@@ -40,13 +40,13 @@ interface DocMarkdownProps {
 
 export const DocMarkdown: FC<DocMarkdownProps> = ({ source, specKey }) => {
   const searchPattern = useSelector(selectSearchPattern)
-  const history = useHistory()
+  const { navigate } = useNavigation()
 
   const linkClickHandler = (pathname: string, url: string) => {
     if (pathname.startsWith(`/${specKey}`)) {
-      history.push(pathname)
+      navigate(pathname)
     } else if (url.startsWith(`/${specKey}`)) {
-      history.push(url)
+      navigate(url)
     } else if (url.startsWith('https://')) {
       const adaptor = getEnvAdaptor()
       adaptor.openBrowserWindow(url)

package/src/components/DocSDKs/DocDeclarations.tsx

@@ -23,10 +23,10 @@
  SOFTWARE.
 
  */
-import { Tab, TabList, TabPanel, TabPanels, useTabs } from '@looker/components'
+import React from 'react'
+import { Tab2, Tabs2 } from '@looker/components'
 import type { KeyedCollection } from '@looker/sdk-codegen'
 import type { FC } from 'react'
-import React from 'react'
 import { DocCode } from '../DocCode'
 
 interface DocDeclarationsProps {
@@ -37,23 +37,12 @@ interface DocDeclarationsProps {
  * Renders all provided declarations
  * @param declarations A collection of SDK declarations in various languages
  */
-export const DocDeclarations: FC<DocDeclarationsProps> = ({ declarations }) => {
-  const tabs = useTabs()
-
-  return (
-    <>
-      <TabList {...tabs}>
-        {Object.keys(declarations).map((language) => (
-          <Tab key={language}>{language}</Tab>
-        ))}
-      </TabList>
-      <TabPanels {...tabs} pt="0">
-        {Object.entries(declarations).map(([language, code]) => (
-          <TabPanel key={language}>
-            <DocCode language={language} code={code} />
-          </TabPanel>
-        ))}
-      </TabPanels>
-    </>
-  )
-}
+export const DocDeclarations: FC<DocDeclarationsProps> = ({ declarations }) => (
+  <Tabs2>
+    {Object.entries(declarations).map(([language, code]) => (
+      <Tab2 key={language} id={language} label={language}>
+        <DocCode code={code} language={language} />
+      </Tab2>
+    ))}
+  </Tabs2>
+)

package/src/components/DocSDKs/DocSDKs.spec.tsx

@@ -66,7 +66,10 @@ describe('DocSDKs', () => {
     'it can render a %s method declaration',
     (sdkLanguage) => {
       store = createTestStore({
-        settings: { initialized: false, sdkLanguage },
+        settings: {
+          initialized: false,
+          sdkLanguage: sdkLanguage,
+        },
       })
       renderWithReduxProvider(
         <DocSDKs api={api} method={api.methods.run_look} />,

package/src/components/Header/Header.spec.tsx

@@ -93,6 +93,6 @@ describe('Header', () => {
           name: 'Compare Specifications',
         })
         .closest('a')
-    ).toHaveAttribute('href', `/diff/${spec.key}/`)
+    ).toHaveAttribute('href', `/${spec.key}/diff`)
   })
 })

package/src/components/SelectorContainer/ApiSpecSelector.spec.tsx

@@ -41,7 +41,7 @@ jest.mock('react-router-dom', () => {
     useLocation: () => ({
       pathname: '/4.0/methods/Dashboard/dashboard',
     }),
-    useHistory: jest.fn().mockReturnValue({ push: jest.fn() }),
+    useHistory: jest.fn().mockReturnValue({ push: jest.fn(), location }),
   }
 })
 
@@ -83,6 +83,9 @@ describe('ApiSpecSelector', () => {
     })
     const button = screen.getByText('3.1')
     userEvent.click(button)
-    expect(push).toHaveBeenCalledWith('/3.1/methods/Dashboard/dashboard')
+    expect(push).toHaveBeenCalledWith({
+      pathname: '/3.1/methods/Dashboard/dashboard',
+      search: '',
+    })
   })
 })

package/src/components/SelectorContainer/ApiSpecSelector.tsx

@@ -27,9 +27,10 @@
 import type { FC } from 'react'
 import React from 'react'
 import { Select } from '@looker/components'
-import { useHistory, useLocation } from 'react-router-dom'
+import { useLocation } from 'react-router-dom'
 import type { SpecItem } from '@looker/sdk-codegen'
 import { useSelector } from 'react-redux'
+import { useNavigation } from '../../utils'
 
 import { selectSpecs } from '../../state'
 
@@ -38,8 +39,8 @@ interface ApiSpecSelectorProps {
 }
 
 export const ApiSpecSelector: FC<ApiSpecSelectorProps> = ({ spec }) => {
-  const history = useHistory()
   const location = useLocation()
+  const { navigate } = useNavigation()
   const specs = useSelector(selectSpecs)
   const options = Object.entries(specs).map(([key, spec]) => ({
     value: key,
@@ -49,7 +50,7 @@ export const ApiSpecSelector: FC<ApiSpecSelectorProps> = ({ spec }) => {
 
   const handleChange = (specKey: string) => {
     const matchPath = location.pathname.replace(`/${spec.key}`, `/${specKey}`)
-    history.push(matchPath)
+    navigate(matchPath)
   }
 
   return (