@parca/profile 0.16.237 → 0.16.239

package/src/SourceView/lang-detector/index.ts

@@ -0,0 +1,33 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import * as hljsLangs from 'react-syntax-highlighter/dist/esm/languages/hljs';
+
+import _extLangMap from './ext-to-lang.json';
+
+const extLangMap = _extLangMap as Record<string, string[]>;
+
+export const langaugeFromFile = (file: string): string => {
+  const extension = file.split('.').pop() ?? '';
+  if (extLangMap[extension] == null) {
+    return 'text';
+  }
+  const langs: string[] = extLangMap[extension];
+  for (const lang of langs) {
+    // eslint-disable-next-line import/namespace
+    if (hljsLangs[lang] != null) {
+      return lang;
+    }
+  }
+  return 'text';
+};

package/src/Table/index.tsx

@@ -206,8 +206,8 @@ export const Table = React.memo(function Table({
     };
   }, [compareMode]);
 
-  if (loading) return <>Loading...</>;
-  if (data === undefined) return <>Profile has no samples</>;
+  if (loading) return <div className="mx-auto text-center">Loading...</div>;
+  if (data === undefined) return <div className="mx-auto text-center">Profile has no samples</div>;
 
   const table = tableFromIPC(data);
   const flatColumn = table.getChild('flat');
@@ -215,7 +215,7 @@ export const Table = React.memo(function Table({
   const cumulativeColumn = table.getChild('cumulative');
   const cumulativeDiffColumn = table.getChild('cumulative_diff');
 
-  if (table.numRows === 0) return <>Profile has no samples</>;
+  if (table.numRows === 0) return <div className="mx-auto text-center">Profile has no samples</div>;
 
   const rows: row[] = [];
   // TODO: Figure out how to only read the data of the columns we need for the virtualized table

package/src/TopTable/index.tsx

@@ -222,7 +222,8 @@ export const TopTable = React.memo(function TopTable({
 
   const total = top != null ? top.list.length : 0;
 
-  if (total === 0 && !loading) return <>Profile has no samples</>;
+  if (total === 0 && !loading)
+    return <div className="mx-auto text-center">Profile has no samples</div>;
 
   return (
     <div className="relative">

package/typings.d.ts

@@ -13,3 +13,4 @@
 
 declare module '*.svg';
 declare module 'react-map-interaction';
+declare module 'react-syntax-highlighter/dist/esm/languages/hljs';