reorganizes app

.env

@@ -0,0 +1 @@
+DAEX_TESSERACT_SERVER=http://localhost:7777

.github/workflows/deploy.yml

@@ -18,20 +18,19 @@ jobs:
         uses: actions/setup-node@v4
         with:
           node-version: "20"
-          cache: 'npm'
+          cache: "npm"
 
       - name: Install dependencies
         run: npm install
 
       - name: Build the project
         env:
-          TURBO_TELEMETRY_DISABLED: "1"
-          OLAPPROXY_TARGET: https://api.datasaudi.sa/
-        run: npm run build
+          DAEX_TESSERACT_SERVER: https://api.datasaudi.sa/
+        run: npm run static
 
       - name: Deploy to Cloudflare Pages
         env:
           CLOUDFLARE_ACCOUNT_ID: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
           CLOUDFLARE_API_TOKEN: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           CLOUDFLARE_PROJECT_NAME: ${{ secrets.CLOUDFLARE_PROJECT_NAME }}
-        run: npx wrangler pages deploy apps/vitejs/dist/ --project-name $CLOUDFLARE_PROJECT_NAME
+        run: npx wrangler pages deploy dist/ --project-name $CLOUDFLARE_PROJECT_NAME

.gitignore

@@ -3,5 +3,5 @@ node_modules/
 .space/
 **/dist/
 
-.env
 .DS_Store
+*.local

README.md

@@ -1,42 +1,12 @@
-# @datawheel/tesseract-ui
+<img src="./assets/tesseract.svg" width="100" align="right" />
 
-A data exploration UI framework, to work with [`olap-client`](https://www.npmjs.com/package/@datawheel/olap-client)-compatible data servers.
+# @datawheel/data-explorer
 
-## Packages
+A framework for data exploration and cross-reference, intended to work with [tesseract-olap](https://pypi.org/project/tesseract-olap/) servers.
 
-### [create-tesseract-ui](./packages/create-tesseract-ui/)
-
-<a href="https://www.npmjs.com/package/@datawheel/create-tesseract-ui">
-  <img src="https://img.shields.io/npm/v/@datawheel/create-tesseract-ui.svg" alt="npm package" align="right">
-</a>
-
-A `npm init` script to easily create a single working instance of tesseract-ui in a server.
-
-### [Cube Audit script](./packages/cube-audit/)
-
-<a href="https://www.npmjs.com/package/@datawheel/cube-audit">
-  <img src="https://img.shields.io/npm/v/@datawheel/cube-audit.svg" alt="npm package" align="right">
-</a>
-
-A `npx` script to audit metainformation annotations on cubes from olap-client compatible servers.
-
-### [DataExplorer](./packages/tesseract-explorer/)
-
-<a href="https://www.npmjs.com/package/@datawheel/tesseract-explorer">
-  <img src="https://img.shields.io/npm/v/@datawheel/tesseract-explorer.svg" alt="npm package" align="right">
-</a>
-
-The core of the project. This React component renders the whole main UI, but can be imported into any React framework.
-
-### [Vizbuilder plugin](./packages/vizbuilder/)
-
-<a href="https://www.npmjs.com/package/@datawheel/tesseract-vizbuilder">
-  <img src="https://img.shields.io/npm/v/@datawheel/tesseract-vizbuilder.svg" alt="npm package" align="right">
-</a>
-
-A view plugin for DataExplorer. Integrates the [`@datawheel/vizbuilder`](https://www.npmjs.com/package/@datawheel/vizbuilder) React component to use the query result to generate charts.
+<a href><img src="https://img.shields.io/npm/v/@datawheel/data-explorer.svg" alt="npm package"/></a>
 
 ## License
 
-© 2021 [Datawheel, LLC](https://datawheel.us/)  
+© 2024 [Datawheel, LLC](https://datawheel.us/)  
 This project is made available under the [MIT License](./LICENSE).

apps/vitejs/index.jsx → app/index.tsx

@@ -1,25 +1,19 @@
-// @ts-check
-import {DebugView, Explorer, PivotView, TableView, translationDict as explorerTranslation} from "@datawheel/tesseract-explorer";
-import {createVizbuilderView} from "@datawheel/tesseract-vizbuilder";
-import {translationDict as vizbuilderTranslation} from "@datawheel/vizbuilder";
+import {
+  Explorer,
+  PivotView,
+  TableView,
+  translationDict as explorerTranslation,
+} from "../src/main";
 import {MantineProvider} from "@mantine/core";
 import React from "react";
 import {createRoot} from "react-dom/client";
 
-import "normalize.css";
-
 const formatters = {
-  "Index": n => typeof n === "number" ? n.toFixed(3) : n || " ",
+  Index: n => (typeof n === "number" ? n.toFixed(3) : n || " "),
   "Metric Ton": n => `${n.toFixed()} 📦`,
-  "Sheep": n => `🐑 ${n.toFixed()}`
+  Sheep: n => `🐑 ${n.toFixed()}`,
 };
 
-const VizbuilderPanel = createVizbuilderView({
-  chartTypes: ["barchart", "barchartyear", "lineplot", "stacked", "treemap", "geomap", "donut"],
-  downloadFormats: ["svg", "png"],
-  showConfidenceInt: false
-});
-
 /** @type {import("@mantine/core").MantineThemeOverride} */
 const theme = {
   // colorScheme: "dark"
@@ -42,18 +36,14 @@ function mount(container) {
         panels={[
           {key: "table", label: "Data Table", component: TableView},
           {key: "matrix", label: "Pivot Table", component: PivotView},
-          {key: "vizbuilder", label: "Vizbuilder", component: VizbuilderPanel},
-          // {key: "debug", label: "Raw response", component: DebugView},
         ]}
-        translations={{
-          en: {...explorerTranslation, vizbuilder: vizbuilderTranslation}
-        }}
+        translations={{en: explorerTranslation}}
         defaultOpenParams="drilldowns"
         withinMantineProvider={false}
         withinReduxProvider
         withMultiQuery
         withPermalink
       />
-    </MantineProvider>
+    </MantineProvider>,
   );
 }

app/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.8.0/schema.json",
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
   "formatter": {
     "enabled": true,
     "indentStyle": "space"