@cosmos.gl/graph 2.6.2-rc.0 → 2.7.0-beta.0

package/src/stories/test.stories.ts

@@ -0,0 +1,25 @@
+import type { Meta } from '@storybook/html'
+
+import { createStory, Story } from '@/graph/stories/create-story'
+import { CosmosStoryProps } from './create-cosmos'
+import { testLumaMigration } from './test-luma-migration'
+
+import testLumaMigrationRaw from './test-luma-migration?raw'
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta: Meta<CosmosStoryProps> = {
+  title: 'Tests/Luma Migration',
+}
+
+export const TestLumaMigration: Story = {
+  ...createStory(testLumaMigration),
+  name: 'Test Luma.gl Migration',
+  parameters: {
+    sourceCode: [
+      { name: 'Story', code: testLumaMigrationRaw },
+    ],
+  },
+}
+
+// eslint-disable-next-line import/no-default-export
+export default meta

package/src/variables.ts

@@ -0,0 +1,68 @@
+export const defaultPointColor = '#b3b3b3'
+export const defaultGreyoutPointOpacity = undefined
+export const defaultGreyoutPointColor = undefined
+export const defaultPointOpacity = 1.0
+export const defaultPointSize = 4
+export const defaultLinkColor = '#666666'
+export const defaultGreyoutLinkOpacity = 0.1
+export const defaultLinkOpacity = 1.0
+export const defaultLinkWidth = 1
+export const defaultBackgroundColor = '#222222'
+
+export const defaultConfigValues = {
+  enableSimulation: true,
+  spaceSize: 8192,
+  pointSizeScale: 1,
+  linkWidthScale: 1,
+  linkArrowsSizeScale: 1,
+  renderLinks: true,
+  curvedLinks: false,
+  curvedLinkSegments: 19,
+  curvedLinkWeight: 0.8,
+  curvedLinkControlPointDistance: 0.5,
+  linkArrows: false,
+  linkVisibilityDistanceRange: [50, 150],
+  linkVisibilityMinTransparency: 0.25,
+  hoveredPointCursor: 'auto',
+  hoveredLinkCursor: 'auto',
+  renderHoveredPointRing: false,
+  hoveredPointRingColor: 'white',
+  hoveredLinkColor: undefined,
+  hoveredLinkWidthIncrease: 5,
+  focusedPointRingColor: 'white',
+  focusedPointIndex: undefined,
+  useClassicQuadtree: false,
+  simulation: {
+    decay: 5000,
+    gravity: 0.25,
+    center: 0,
+    repulsion: 1.0,
+    repulsionTheta: 1.15,
+    repulsionQuadtreeLevels: 12,
+    linkSpring: 1,
+    linkDistance: 10,
+    linkDistRandomVariationRange: [1, 1.2],
+    repulsionFromMouse: 2,
+    friction: 0.85,
+    cluster: 0.1,
+  },
+  showFPSMonitor: false,
+  pixelRatio: typeof window !== 'undefined' ? window.devicePixelRatio || 2 : 2,
+  scalePointsOnZoom: false,
+  scaleLinksOnZoom: false,
+  enableZoom: true,
+  enableSimulationDuringZoom: false,
+  enableDrag: false,
+  fitViewOnInit: true,
+  fitViewDelay: 250,
+  fitViewPadding: 0.1,
+  fitViewDuration: 250,
+  pointSamplingDistance: 150,
+  attribution: '',
+  rescalePositions: undefined,
+  enableRightClickRepulsion: false,
+}
+
+export const hoveredPointRingOpacity = 0.7
+export const focusedPointRingOpacity = 0.95
+export const defaultScaleToZoom = 3

package/tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/graph": ["src/"],
+      "@/graph/*": ["src/*"],
+      "@cosmos.gl/graph": ["src/"],
+      "@cosmos.gl/graph/*": ["src/*"],
+    },
+    "plugins": [{
+      "transform": "@zerollup/ts-transform-paths",
+      "exclude": ["*"]
+      }],
+    "target": "es2019",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": ["es2019", "es2017", "es7", "es6", "dom"],
+    "declaration": true,
+    "outDir": "dist",
+
+    "alwaysStrict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictPropertyInitialization": true,
+    "strictFunctionTypes": true,
+    "noImplicitThis": true,
+    "strictBindCallApply": true,
+
+    "noPropertyAccessFromIndexSignature": true,
+    "noUncheckedIndexedAccess": true,
+
+    "esModuleInterop": true
+  },
+  "include": [
+    "./src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,52 @@
+import { resolve } from 'path'
+import { defineConfig, LibraryFormats, UserConfig } from 'vite'
+import dts from 'vite-plugin-dts'
+
+// eslint-disable-next-line import/no-default-export
+export default defineConfig(() => {
+  const config: UserConfig = {
+    build: {
+      lib: {
+        entry: resolve(__dirname, 'src/index.ts'),
+        name: 'Cosmos',
+        formats: ['es', 'umd'] as LibraryFormats[],
+        fileName: (format): string => format === 'umd' ? 'index.min.js' : 'index.js',
+      },
+      sourcemap: true,
+      minify: true,
+      rollupOptions: {
+        external: ['d3-array', 'd3-color', 'd3-drag', 'd3-ease', 'd3-scale', 'd3-selection', 'd3-transition', 'd3-zoom', 'regl'],
+        output: {
+          globals: {
+            'd3-selection': 'd3',
+            'd3-ease': 'd3',
+            regl: 'createREGL',
+            'd3-color': 'd3',
+            'd3-scale': 'd3',
+            'd3-array': 'd3',
+            'gl-matrix': 'glMatrix',
+            random: 'random',
+            'd3-zoom': 'd3',
+            'd3-drag': 'd3',
+            'd3-transition': 'd3',
+          },
+        },
+      },
+    },
+    plugins: [
+      dts(),
+    ],
+    resolve: {
+      alias: {
+        '@/graph': resolve(__dirname, 'src/'),
+        '@cosmos.gl/graph': resolve(__dirname, 'src/'),
+      },
+    },
+  }
+
+  if (config?.build?.lib && config.build.rollupOptions && config.build.lib.formats && config.build.lib.formats.includes('umd')) {
+    delete config.build.rollupOptions.external
+  }
+
+  return config
+})