sqlite-wasm-viewer 0.1.0

package/src/views/TableView/styles.css

@@ -0,0 +1,79 @@
+#table_view {
+    padding: 5px;
+    flex: 1;
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+}
+
+#table_view_header {
+    max-height: 20px;
+    flex-basis: 20px;
+    left: 0;
+    right: 0;
+    position: sticky;
+    line-height: 1.1rem;
+    padding: 8px;
+    background-color: lightgray;
+}
+
+#table_view_header_title {
+    padding: 8px;
+}
+
+#table_container {
+    overflow-y: scroll;
+    display: flex;
+}
+
+#table_container table {
+    background-color: whitesmoke;
+    border-collapse: collapse;
+    border-spacing: 0;
+    flex: 1;
+    flex-direction: column;
+}
+
+#table_container tbody {
+    flex: 1;
+    overflow-y: scroll;
+    position: relative;
+}
+
+#table_container .columnHeaderCell {
+    height: 60px;
+    position: sticky;
+    top: 0;
+    background-color: darkgray;
+    z-index: 2;
+}
+
+#table_container .columnFilterCell {
+    padding-top: 5px;
+}
+
+#table_container td, #table_container .columnHeaderCell {
+    border: 1px solid lightgray;
+}
+
+#table_container td.selected {
+    background-color: lightslategray;
+    color: white;
+}
+
+#table_container td div {
+    height: 40px;
+    box-sizing: border-box;
+    display: -webkit-box;
+    padding: 4px;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+#table_container .nullValue {
+    font-style: italic;
+    color: gray;
+}

package/tsconfig.json

@@ -0,0 +1,28 @@
+{
+    "compilerOptions": {
+        "composite": true,
+        "module": "ES2020",
+        "target": "ES5",
+        "esModuleInterop": true,
+        "strictNullChecks": true,
+        "outDir": "dist",
+        "declaration": true,
+        "emitDeclarationOnly": true,
+        "declarationMap": true,
+        "lib": [
+            "esnext",
+            "dom",
+            "Webworker"
+        ],
+        "baseUrl": ".",
+    },
+    "include": [
+        "src/**/*.tsx",
+        "src/**/*.ts",
+        "src/**/*d.ts"
+    ],
+    "exclude": [
+        "node_modules",
+        "**/build",
+    ]
+}

package/types.d.ts

@@ -0,0 +1,7 @@
+type Config = {
+    isSqliteDatabase: (fileName: string) => boolean;
+};
+
+export declare function setConfig(userConfig: Partial<Config>): void;
+export declare function showViewer(): void;
+export declare function hideViewer(): void;