rust data loader example

examples/rust-data-loader/.gitignore

@@ -0,0 +1,4 @@
+dist
+node_modules
+rust/Cargo.lock
+rust/target

examples/rust-data-loader/.prettierrc.yaml

@@ -0,0 +1,5 @@
+arrowParens: always
+printWidth: 100
+trailingComma: "all"
+tabWidth: 2
+semi: true

examples/rust-data-loader/CHANGELOG.md

@@ -0,0 +1,5 @@
+# Example ndjson data loader version history
+
+## 1.0.0
+
+- Initial version

examples/rust-data-loader/README.md

@@ -0,0 +1,25 @@
+# ndjson foxglove data loader example
+
+## _A Foxglove Data Loader _
+
+This is a simple [Foxglove](http://foxglove.dev/) [extension panel](https://docs.foxglove.dev/docs/visualization/extensions/api/panel) that demonstrates loading a custom file format.
+
+---
+
+Install rust with [rustup](https://www.rust-lang.org/tools/install), then install wasm32 support:
+
+```
+rustup target add wasm32-unknown-unknown
+```
+
+Then to build the rust code and generate the extension file:
+
+```
+npm install
+npm run package
+```
+
+These steps will produce a `.foxe` file you can install as an extension from the Foxglove settings page.
+
+Once you have installed this extension, you can load files with a `.ndjson` extension such as the
+`example.ndjson` file included in this directory.

examples/rust-data-loader/config.ts

@@ -0,0 +1,9 @@
+module.exports = {
+  webpack: (config) => {
+    config.module.rules.push({
+      test: /\.wasm$/i,
+      type: "asset/inline",
+    });
+    return config;
+  },
+};

examples/rust-data-loader/eslint.config.js

@@ -0,0 +1,23 @@
+// @ts-check
+
+const foxglove = require("@foxglove/eslint-plugin");
+const globals = require("globals");
+const tseslint = require("typescript-eslint");
+
+module.exports = tseslint.config({
+  files: ["src/**/*.ts", "src/**/*.tsx"],
+  extends: [foxglove.configs.base, foxglove.configs.react, foxglove.configs.typescript],
+  languageOptions: {
+    globals: {
+      ...globals.es2020,
+      ...globals.browser,
+    },
+    parserOptions: {
+      project: "tsconfig.json",
+      tsconfigRootDir: __dirname,
+    },
+  },
+  rules: {
+    "react-hooks/exhaustive-deps": "error",
+  },
+});