npm - @malloydata/malloy-explorer - Versions diffs - 0.0.257-dev250410160631 - Mend

@malloydata/malloy-explorer 0.0.257-dev250410160631

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

package/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,156 @@
+import {fixupConfigRules, fixupPluginRules} from '@eslint/compat';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import stylexEslint from '@stylexjs/eslint-plugin';
+import jest from 'eslint-plugin-jest';
+import prettier from 'eslint-plugin-prettier';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import tsParser from '@typescript-eslint/parser';
+import globals from 'globals';
+import path from 'node:path';
+import {fileURLToPath} from 'node:url';
+import js from '@eslint/js';
+import {FlatCompat} from '@eslint/eslintrc';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+export default [
+  {
+    ignores: [
+      '**/*.d.ts',
+      '**/@flowtypes',
+      '**/flow',
+      '**/node_modules/',
+      '**/dist/',
+      '**/build/',
+      '**/malloy-samples/',
+    ],
+  },
+  ...fixupConfigRules(
+    compat.extends(
+      'eslint:recommended',
+      'plugin:@typescript-eslint/eslint-recommended',
+      'plugin:@typescript-eslint/recommended',
+      'prettier',
+      'plugin:jest/recommended',
+      'plugin:prettier/recommended',
+      'plugin:react/recommended',
+      'plugin:react-hooks/recommended'
+    )
+  ),
+  {
+    plugins: {
+      '@typescript-eslint': fixupPluginRules(typescriptEslint),
+      jest: fixupPluginRules(jest),
+      prettier: fixupPluginRules(prettier),
+      '@stylexjs': fixupPluginRules(stylexEslint),
+      react: fixupPluginRules(react),
+      'react-hooks': fixupPluginRules(reactHooks),
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'array-callback-return': 'error',
+      'consistent-return': 'error',
+      'no-console': [
+        'error',
+        {
+          allow: ['debug', 'info', 'warn', 'error'],
+        },
+      ],
+      'prettier/prettier': 'error',
+      'sort-keys': 'off',
+      'no-duplicate-imports': 'error',
+      'no-restricted-imports': [
+        'error',
+        {
+          patterns: ['@malloydata/malloy/src/*'],
+          paths: [
+            {
+              name: 'lodash',
+              message: 'Import [module] from lodash/[module] instead',
+            },
+          ],
+        },
+      ],
+      'no-throw-literal': 'error',
+      '@typescript-eslint/consistent-type-imports': [
+        'error',
+        {
+          prefer: 'no-type-imports',
+        },
+      ],
+      '@typescript-eslint/no-empty-function': 'off',
+      '@typescript-eslint/no-non-null-assertion': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+        },
+      ],
+      '@typescript-eslint/parameter-properties': [
+        'error',
+        {
+          prefer: 'parameter-property',
+        },
+      ],
+    },
+  },
+  {
+    files: ['**/*.tsx?'],
+    languageOptions: {
+      parser: tsParser,
+      ecmaVersion: 5,
+      sourceType: 'script',
+      parserOptions: {
+        warnOnUnsupportedTypeScriptVersion: false,
+        project: ['./tsconfig.json'],
+      },
+    },
+    rules: {
+      '@typescript-eslint/no-floating-promises': 'error',
+    },
+  },
+  {
+    files: ['scripts/**'],
+    rules: {
+      'node/no-unpublished-import': 'off',
+      'no-console': 'off',
+      'no-process-exit': 'off',
+    },
+  },
+  {
+    files: ['**/*.spec.ts'],
+    languageOptions: {
+      globals: {
+        ...globals.jest,
+      },
+    },
+  },
+];

package/index.html ADDED Viewed

@@ -0,0 +1,19 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Malloy Explorer Dev</title>
+  </head>
+  <body>
+    <div>
+      <ul>
+        <li><a href="/dev/explorer.html">Malloy Explorer</a></li>
+        <ul>
+          <li><a href="/dev/source.html">Source Panel</a></li>
+          <li><a href="/dev/query.html">Query Panel</a></li>
+          <li><a href="/dev/result.html">Result Panel</a></li>
+          <li><a href="/dev/primitives.html">Primitive Components</a></li>
+        </ul>
+      </ul>
+    </div>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,109 @@
+{
+  "name": "@malloydata/malloy-explorer",
+  "version": "0.0.257-dev250410160631",
+  "description": "Malloy visual query builder",
+  "main": "dist/cjs/index.cjs",
+  "types": "dist/types/index.d.ts",
+  "module": "dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "default": "./dist/cjs/index.cjs"
+      }
+    },
+    "./package.json": "./package.json",
+    "./styles.css": "./dist/stylex.css"
+  },
+  "scripts": {
+    "build": "npm run build-bundle && npm run build-types && npm run build-flow",
+    "build-bundle": "vite build --outDir 'dist' --config vite.config.mts",
+    "build-types": "tsc --declaration --emitDeclarationOnly",
+    "build-flow": "tsx scripts/gen_flow.ts",
+    "dev": "vite",
+    "preview": "vite preview",
+    "lint": "tsc --noEmit && eslint .",
+    "malloy-update-next": "npm install  --no-fund --no-audit --save-exact $(./scripts/malloy-packages.ts next)",
+    "malloy-update": "npm install  --no-fund --no-audit --save-exact $(./scripts/malloy-packages.ts latest)",
+    "malloy-link": "npm --no-fund --no-audit link $(./scripts/malloy-packages.ts)",
+    "malloy-unlink": "npm --no-fund --no-save --no-audit unlink $(./scripts/malloy-packages.ts) && npm --no-fund --no-audit install --force",
+    "malloy-build-and-link": "cd ../malloy && npm run -ws build --workspace=@malloydata/malloy-query-builder --workspace=@malloydata/malloy-filter --workspace=@malloydata/malloy-interfaces --workspace=@malloydata/malloy-tag && npm link -ws",
+    "prepublishOnly": "npm run build",
+    "test": "jest src"
+  },
+  "bin": {
+    "malloy-packages": "./scripts/malloy-packages.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/malloydata/malloy-explorer.git"
+  },
+  "keywords": [
+    "malloy",
+    "analytics"
+  ],
+  "author": "scullin@meta.com",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/malloydata/malloy-explorer/issues"
+  },
+  "homepage": "https://github.com/malloydata/malloy-explorer#readme",
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-popover": "^1.1.6",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.6",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-tooltip": "^1.1.8",
+    "@shikijs/core": "^3.2.1",
+    "@shikijs/engine-javascript": "^3.2.1",
+    "@shikijs/langs": "^3.2.1",
+    "@shikijs/themes": "^3.2.1",
+    "@shikijs/types": "^3.2.1",
+    "@stylexjs/stylex": "^0.10.1",
+    "assert": "^2.1.0",
+    "moment": "^2.30.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.26.3",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/js": "^9.21.0",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@stylexjs/eslint-plugin": "^0.11.1",
+    "@stylexjs/postcss-plugin": "^0.11.1",
+    "@stylexjs/rollup-plugin": "^0.10.1",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.26.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.20.1",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-jest": "^28.11.0",
+    "eslint-plugin-prettier": "^5.2.3",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "flow-api-translator": "^0.26.0",
+    "globals": "^16.0.0",
+    "jest": "^29.7.0",
+    "postcss": "^8.5.3",
+    "tsx": "^4.19.3",
+    "vite": "^6.1.0",
+    "vite-plugin-svgr": "^4.3.0"
+  },
+  "peerDependencies": {
+    "react": ">= 19.0.0",
+    "react-dom": ">= 19.0.0",
+    "@malloydata/malloy-filter": ">= 0.0.257",
+    "@malloydata/malloy-interfaces": ">= 0.0.257",
+    "@malloydata/malloy-query-builder": ">= 0.0.257",
+    "@malloydata/malloy-tag": ">= 0.0.257",
+    "@malloydata/render": ">= 0.0.257"
+  }
+}

package/postcss.config.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ *
+ */
+import babelConfig from './babel.config.mjs';
+export default {
+  plugins: {
+    '@stylexjs/postcss-plugin': {
+      include: ['src/**/*.{js,jsx,ts,tsx}'],
+      useCSSLayers: true,
+      babelConfig,
+    },
+  },
+};

package/scripts/env.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+declare module 'flow-api-translator' {
+  function unstable_translateTSDefToFlowDef(file: string): Promise<string>;
+}

package/scripts/gen_flow.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import {unstable_translateTSDefToFlowDef} from 'flow-api-translator';
+import * as fs from 'fs';
+import * as path from 'path';
+const outDir = path.resolve('@flowtypes');
+const inDir = path.resolve('dist/types');
+const files = [
+  'index.d.ts',
+  'components/MalloyExplorerProvider.d.ts',
+  'components/QueryPanel/QueryEditor.d.ts',
+  'components/QueryPanel/QueryActionBar.d.ts',
+  'components/ResultPanel/ResultPanel.d.ts',
+  'components/ResultPanel/SubmittedQuery.d.ts',
+  'components/SourcePanel/SourcePanel.d.ts',
+  'contexts/ExplorerPanelsContext.d.ts',
+];
+async function go() {
+  if (fs.existsSync(outDir)) {
+    fs.rmSync(outDir, {recursive: true});
+  }
+  for (const file of files) {
+    const inFile = path.resolve(inDir, file);
+    const outFile = path.resolve(outDir, file.replace('.d.ts', '.flow.js'));
+    const outFileDir = path.dirname(outFile);
+    console.log(`Generating flow types for file ${file}`);
+    const contents = fs.readFileSync(inFile, 'utf8');
+    const flow = await unstable_translateTSDefToFlowDef(contents);
+    if (!fs.existsSync(outFileDir)) {
+      fs.mkdirSync(outFileDir, {recursive: true});
+    }
+    fs.writeFileSync(outFile, flow);
+  }
+}
+go();

package/scripts/malloy-packages.ts ADDED Viewed

@@ -0,0 +1,17 @@
+#!/usr/bin/env ts-node
+import packageJson from '../package.json';
+const deps = Object.keys(packageJson.dependencies);
+const devDeps = Object.keys(packageJson.devDependencies);
+const peerDeps = Object.keys(packageJson.peerDependencies);
+let malloyPackages = [...deps, ...devDeps, ...peerDeps].filter(name =>
+  name.startsWith('@malloydata')
+);
+if (process.argv.length === 3) {
+  malloyPackages = malloyPackages.map(
+    packageJson => `${packageJson}@${process.argv[2]}`
+  );
+}
+console.log(malloyPackages.join(' '));

package/scripts/tsconfig.json ADDED Viewed

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "resolveJsonModule": true,
+    "rootDir": ".",
+    "strict": true
+  }
+}

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "esModuleInterop": true,
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "noEmit": false,
+    "outDir": "dist/types",
+    "resolveJsonModule": true,
+    "rootDir": "src",
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2019"
+  },
+  "include": ["src"]
+}

package/vite.config.mts ADDED Viewed

@@ -0,0 +1,65 @@
+import {defineConfig} from 'vite';
+import {resolve} from 'path';
+import replace from '@rollup/plugin-replace';
+import react from '@vitejs/plugin-react';
+import svgr from 'vite-plugin-svgr';
+import babelConfig from './babel.config.mjs';
+export default defineConfig({
+  plugins: [
+    svgr(),
+    react({babel: babelConfig}),
+    replace({
+      'Object.defineProperty(exports, "__esModule", { value: true });':
+        'Object.defineProperty(typeof exports !== \'undefined\' ? exports : {}, "__esModule", { value: true });',
+      delimiters: ['\n', '\n'],
+    }),
+  ],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: format => {
+        if (format === 'cjs') return 'cjs/[name].cjs';
+        return 'esm/[name].js';
+      },
+      name: 'index',
+    },
+    rollupOptions: {
+      preserveSymlinks: true,
+      external: [
+        'react',
+        'react-dom',
+        'react/jsx-runtime',
+        '@malloydata/malloy-tag',
+        '@malloydata/malloy-filter',
+        '@malloydata/malloy-interfaces',
+        '@malloydata/malloy-query-builder',
+        '@malloydata/render',
+        '@malloydata/render/webcomponent',
+      ],
+      output: {
+        manualChunks: _id => {
+          return 'index';
+        },
+      },
+    },
+    minify: false,
+    sourcemap: true,
+  },
+  define: {
+    'process.env': {},
+  },
+  optimizeDeps: {
+    force: true,
+    include: [
+      '@malloydata/render',
+      '@malloydata/malloy-tag',
+      '@malloydata/malloy-filter',
+      '@malloydata/malloy-interfaces',
+      '@malloydata/malloy-query-builder',
+      '@malloydata/render/webcomponent',
+    ],
+  },
+});