convert to .ts

Author: bourgeoa

.eslintrc

@@ -0,0 +1,25 @@
+module.exports = {
+    env: {
+      browser: true,
+      es2021: true,
+      node: true,
+    },
+    extends: [
+      'eslint:recommended',
+    ],
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+      ecmaVersion: 'latest',
+      sourceType: 'script', // Changed to 'script' for CommonJS
+    },
+    plugins: [
+      '@typescript-eslint',
+    ],
+    rules: {
+      'no-unused-vars': ['warn', {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+      }],
+    },
+  };
+  

.eslintrc.js

@@ -0,0 +1,33 @@
+import type { PaneDefinition } from './types';
+/**
+ * PaneRegistry class manages a collection of PaneDefinitions.
+ */
+export declare class PaneRegistry {
+    list: PaneDefinition[];
+    paneForIcon: {
+        [key: string]: PaneDefinition;
+    };
+    paneForPredicate: {
+        [key: string]: {
+            pred: string;
+            code: number;
+        };
+    };
+    /**
+     * Registers a new PaneDefinition.
+     * @param pane - The PaneDefinition to register.
+     * @param requireQueryButton - Whether a query button is required for this pane.
+     */
+    register(pane: PaneDefinition, requireQueryButton?: boolean): void;
+    /**
+     * Retrieves a PaneDefinition by its name.
+     * @param name - The name of the PaneDefinition to find.
+     * @returns The PaneDefinition if found, null otherwise.
+     */
+    byName(name: string): PaneDefinition | null;
+}
+/**
+ * Creates and exports a singleton instance of the PaneRegistry.
+ */
+declare const paneRegistry: PaneRegistry;
+export default paneRegistry;

lib/paneRegistry.d.ts

@@ -0,0 +1,64 @@
+"use strict";
+// paneRegistry.ts (Replacement for paneRegistry.js)
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PaneRegistry = void 0;
+/**
+ * PaneRegistry class manages a collection of PaneDefinitions.
+ */
+class PaneRegistry {
+    constructor() {
+        this.list = [];
+        this.paneForIcon = {};
+        this.paneForPredicate = {};
+    }
+    /**
+     * Registers a new PaneDefinition.
+     * @param pane - The PaneDefinition to register.
+     * @param requireQueryButton - Whether a query button is required for this pane.
+     */
+    register(pane, requireQueryButton) {
+        pane.requireQueryButton = requireQueryButton;
+        if (!pane.name) {
+            console.log('***     No name for pane!');
+            return;
+        }
+        console.log('  registering pane: ' + pane.name);
+        if (!pane.label) {
+            console.log('***     No label for pane!');
+            return;
+        }
+        this.list.push(pane);
+        if (!(pane.name in this)) {
+            // don't overwrite methods
+            // @ts-ignore
+            this[pane.name] = pane;
+        }
+        if (pane.icon) {
+            this.paneForIcon[pane.icon] = pane;
+        }
+        if (pane.predicates) {
+            for (const x in pane.predicates) {
+                this.paneForPredicate[x] = { pred: x, code: pane.predicates[x] };
+            }
+        }
+    }
+    /**
+     * Retrieves a PaneDefinition by its name.
+     * @param name - The name of the PaneDefinition to find.
+     * @returns The PaneDefinition if found, null otherwise.
+     */
+    byName(name) {
+        for (let i = 0; i < this.list.length; i++) {
+            if (this.list[i].name === name)
+                return this.list[i];
+        }
+        console.warn(`No view with name ${name} found in the registry of views (aka paneRegistry)`);
+        return null;
+    }
+}
+exports.PaneRegistry = PaneRegistry;
+/**
+ * Creates and exports a singleton instance of the PaneRegistry.
+ */
+const paneRegistry = new PaneRegistry();
+exports.default = paneRegistry;

lib/paneRegistry.js

@@ -0,0 +1,61 @@
+import type { LiveStore, NamedNode } from 'rdflib';
+import type { SolidLogic } from 'solid-logic';
+export interface DataBrowserSession {
+    paneRegistry: PaneRegistry;
+    store: LiveStore;
+    logic: SolidLogic;
+}
+export interface DataBrowserContext {
+    dom: HTMLDocument;
+    getOutliner: (dom: HTMLDocument) => unknown;
+    session: DataBrowserSession;
+}
+export interface PaneDefinition {
+    icon: string;
+    global?: boolean;
+    name: string;
+    audience?: NamedNode[];
+    label: (subject: NamedNode, context: DataBrowserContext) => string | null;
+    render: (subject: NamedNode, context: DataBrowserContext, options?: unknown) => HTMLElement;
+    shouldGetFocus?: (subject: NamedNode) => boolean;
+    requireQueryButton?: boolean;
+    mintClass?: NamedNode;
+    mintNew?: (context: DataBrowserContext, options: NewPaneOptions) => Promise<NewPaneOptions & {
+        newInstance: NamedNode;
+    }>;
+    predicates?: {
+        [key: string]: number;
+    };
+    classes?: {
+        [key: string]: number;
+    };
+}
+export interface NewPaneOptions {
+    appPathSegment?: string;
+    div: HTMLElement;
+    dom: HTMLDocument;
+    folder: NamedNode;
+    iconEle: HTMLImageElement;
+    me?: NamedNode;
+    newBase: string;
+    newInstance?: NamedNode;
+    noIndexHTML: boolean;
+    noun: string;
+    pane: PaneDefinition;
+    refreshTarget?: HTMLTableElement;
+}
+export interface PaneRegistry {
+    list: PaneDefinition[];
+    paneForIcon: {
+        [key: string]: PaneDefinition;
+    };
+    paneForPredicate: {
+        [key: string]: {
+            pred: string;
+            code: number;
+        };
+    };
+    register(pane: PaneDefinition, requireQueryButton?: boolean): void;
+    byName(name: string): PaneDefinition | null;
+    [key: string]: any;
+}

lib/types.d.ts

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });