files formatted

Author: theVedanta

.vscode/settings.json

@@ -1,15 +1,11 @@
 {
   "yaml.schemas": {
-    "packages/spec/dist/mosaic-schema.json": [
-      "specs/yaml/*",
-      "docs/public/specs/yaml/*"
-    ]
+    "packages/spec/dist/mosaic-schema.json": ["specs/yaml/*", "docs/public/specs/yaml/*"]
   },
-  "json.schemas": [{
-    "fileMatch": [
-      "specs/json/*",
-      "docs/public/specs/json/*"
-    ],
-    "url": "./packages/spec/dist/mosaic-schema.json"
-  }]
-}
+  "json.schemas": [
+    {
+      "fileMatch": ["specs/json/*", "docs/public/specs/json/*"],
+      "url": "./packages/spec/dist/mosaic-schema.json"
+    }
+  ]
+}

bin/prepare-examples.js

@@ -22,75 +22,63 @@ const jsonDocsDir = join(docsDir, 'public', 'specs', 'json');
 const esmDocsDir = join(docsDir, 'public', 'specs', 'esm');
 const exampleDir = join(docsDir, 'examples');
 
-const specToTS = spec => {
+const specToTS = (spec) => {
   return `import { Spec } from '@uwdata/mosaic-spec';
 
 export const spec : Spec = ${JSON.stringify(spec, 0, 2)};
 `;
-}
+};
 
-const files = await Promise.allSettled((await readdir(specDir))
-  .filter(name => extname(name) === '.yaml')
-  .map(async name => {
-    const base = basename(name, '.yaml');
-    const file = resolve(specDir, name);
-    const text = await readFile(file, 'utf8');
+const files = await Promise.allSettled(
+  (await readdir(specDir))
+    .filter((name) => extname(name) === '.yaml')
+    .map(async (name) => {
+      const base = basename(name, '.yaml');
+      const file = resolve(specDir, name);
+      const text = await readFile(file, 'utf8');
 
-    // parse spec and perform code generation
-    // do this first to catch any errors
-    const spec = parse(text);
-    const ast = parseSpec(spec);
-    const code = astToESM(ast);
+      // parse spec and perform code generation
+      // do this first to catch any errors
+      const spec = parse(text);
+      const ast = parseSpec(spec);
+      const code = astToESM(ast);
 
-    try {
-      await Promise.all([
-        // write ESM DSL spec to tests
-        writeFile(resolve(esmTestDir, `${base}.js`), code),
-        // write JSON spec to tests
-        writeFile(
-          resolve(jsonTestDir, `${base}.json`),
-          JSON.stringify(ast.toJSON(), 0, 2)
-        ),
-        // write TS JSON spec to tests
-        writeFile(
-          resolve(tsTestDir, `${base}.ts`),
-          specToTS(spec)
-        ),
-        // copy YAML file to docs
-        copyFile(file, resolve(yamlDocsDir, `${base}.yaml`)),
-        // write JSON spec to docs
-        writeFile(
-          resolve(jsonDocsDir, `${base}.json`),
-          JSON.stringify(spec, 0, 2)
-        ),
-        // write ESM DSL spec to docs
-        writeFile(resolve(esmDocsDir, `${base}.js`), code),
-        // write examples page to docs
-        writeFile(
-          resolve(exampleDir, `${base}.md`),
-          examplePage(base, spec.meta)
-        )
-      ]);
-    } catch (err) {
-      console.error(err);
-    }
+      try {
+        await Promise.all([
+          // write ESM DSL spec to tests
+          writeFile(resolve(esmTestDir, `${base}.js`), code),
+          // write JSON spec to tests
+          writeFile(resolve(jsonTestDir, `${base}.json`), JSON.stringify(ast.toJSON(), 0, 2)),
+          // write TS JSON spec to tests
+          writeFile(resolve(tsTestDir, `${base}.ts`), specToTS(spec)),
+          // copy YAML file to docs
+          copyFile(file, resolve(yamlDocsDir, `${base}.yaml`)),
+          // write JSON spec to docs
+          writeFile(resolve(jsonDocsDir, `${base}.json`), JSON.stringify(spec, 0, 2)),
+          // write ESM DSL spec to docs
+          writeFile(resolve(esmDocsDir, `${base}.js`), code),
+          // write examples page to docs
+          writeFile(resolve(exampleDir, `${base}.md`), examplePage(base, spec.meta))
+        ]);
+      } catch (err) {
+        console.error(err);
+      }
 
-    return base;
-  })
+      return base;
+    })
 );
 
 // output successfully written examples
-console.log(JSON.stringify(
-  files
-    .filter(x => x.status === 'fulfilled')
-    .map(x => x.value),
-  0, 2
-));
+console.log(
+  JSON.stringify(
+    files.filter((x) => x.status === 'fulfilled').map((x) => x.value),
+    0,
+    2
+  )
+);
 
 // output unsuccessful example errors
-files
-  .filter(x => x.status === 'rejected')
-  .forEach(x => console.error(x.reason));
+files.filter((x) => x.status === 'rejected').forEach((x) => console.error(x.reason));
 
 function examplePage(spec, { title = spec, description, credit } = {}) {
   return `<script setup>

bin/publish-schema.js

@@ -6,7 +6,8 @@ import { copyFile, readFile, symlink, unlink } from 'node:fs/promises';
 async function link(schemaFile, linkFile) {
   try {
     await unlink(linkFile);
-  } catch (err) { // eslint-disable-line @typescript-eslint/no-unused-vars
+  } catch (err) {
+    // eslint-disable-line @typescript-eslint/no-unused-vars
     // file may not have existed
   }
   await symlink(schemaFile, linkFile);

data/countries-110m.json

@@ -3077,4 +3077,4 @@
     "body_mass": 5400,
     "sex": "MALE"
   }
-]
+]

data/penguins.json

@@ -40,9 +40,11 @@ export async function setDatabaseConnector(type) {
       connector = new RestConnector({ uri: 'https://localhost:3000/' });
       break;
     case 'wasm':
-      connector = wasm || (wasm = new DuckDBWASMConnector({
-        config: { filesystem: { forceFullHTTPReads: true } }
-      }));
+      connector =
+        wasm ||
+        (wasm = new DuckDBWASMConnector({
+          config: { filesystem: { forceFullHTTPReads: true } }
+        }));
       break;
     default:
       throw new Error(`Unrecognized connector type: ${type}`);

data/us-counties-10m.json

@@ -1,4 +1,4 @@
-import { defineConfig } from 'vitepress'
+import { defineConfig } from 'vitepress';
 import viteConfig from '../../vite.config.js';
 
 // https://vitepress.dev/reference/site-config
@@ -19,12 +19,13 @@ export default defineConfig({
     siteTitle: false,
 
     footer: {
-      message: 'Mosaic is a collaboration of the <a href="https://idl.uw.edu/">UW Interactive Data Lab</a> and the <a href="https://dig.cmu.edu/">CMU Data Interaction Group</a>.',
+      message:
+        'Mosaic is a collaboration of the <a href="https://idl.uw.edu/">UW Interactive Data Lab</a> and the <a href="https://dig.cmu.edu/">CMU Data Interaction Group</a>.',
       copyright: 'Released under the BSD License. Copyright © 2023-Present UW Interactive Data Lab.'
     },
 
     search: {
-      provider: "local"
+      provider: 'local'
     },
 
     nav: [
@@ -79,9 +80,7 @@ export default defineConfig({
         {
           text: 'Examples',
           collapsed: true,
-          items: [
-            { text: 'Overview', link: '/examples/' }
-          ],
+          items: [{ text: 'Overview', link: '/examples/' }]
         },
         {
           text: 'Basic Marks & Inputs',
@@ -165,9 +164,7 @@ export default defineConfig({
         {
           text: 'API Reference',
           collapsed: true,
-          items: [
-            { text: 'Overview', link: '/api/' }
-          ],
+          items: [{ text: 'Overview', link: '/api/' }]
         },
         {
           text: 'Mosaic Core',
@@ -233,7 +230,7 @@ export default defineConfig({
             { text: 'DuckDB API', link: '/api/duckdb/duckdb' },
             { text: 'Data Server', link: '/api/duckdb/data-server' }
           ]
-        },
+        }
       ]
     },
 
@@ -242,4 +239,4 @@ export default defineConfig({
       { icon: 'bluesky', link: 'https://bsky.app/profile/idl.uw.edu' }
     ]
   }
-})
+});

dev/setup.ts

@@ -1,6 +1,6 @@
 import DefaultTheme from 'vitepress/theme';
 import Example from './Example.vue';
-import Layout from "./Layout.vue";
+import Layout from './Layout.vue';
 import './custom.css';
 
 export default {

docs/.vitepress/config.js

@@ -4,29 +4,29 @@ params:
   bandwidth: 50
   thresholds: 10
 plot:
-- mark: raster
-  data: { from: penguins }
-  x: bill_length
-  y: bill_depth
-  fill: species
-  bandwidth: $bandwidth
-- mark: contour
-  data: { from: penguins }
-  x: bill_length
-  y: bill_depth
-  stroke: species
-  bandwidth: $bandwidth
-  thresholds: $thresholds
-- mark: dot
-  data: { from: penguins }
-  x: bill_length
-  y: bill_depth
-  fill: black
-  r: 1
+  - mark: raster
+    data: { from: penguins }
+    x: bill_length
+    y: bill_depth
+    fill: species
+    bandwidth: $bandwidth
+  - mark: contour
+    data: { from: penguins }
+    x: bill_length
+    y: bill_depth
+    stroke: species
+    bandwidth: $bandwidth
+    thresholds: $thresholds
+  - mark: dot
+    data: { from: penguins }
+    x: bill_length
+    y: bill_depth
+    fill: black
+    r: 1
 xDomain: [31.7, 55.5]
 yDomain: [12.2, 21.8]
 xAxis: null
 yAxis: null
 margins: { left: 0, top: 0, right: 0, bottom: 0 }
 width: 680
-height: 680
+height: 680