npm - @platforma-open/milaboratories.rarefaction.ui - Versions diffs - 1.0.1 - Mend

@platforma-open/milaboratories.rarefaction.ui 1.0.1

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 (606) hide show

package/dist/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script type="module" crossorigin src="./assets/index-DKnQjKjE.js"></script>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/eslint.config.mjs ADDED Viewed

@@ -0,0 +1,4 @@
+import { ui } from '@platforma-sdk/eslint-config';
+/** @type {import('eslint').Linter.Config[]} */
+export default [...ui];

package/index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="Content-Security-Policy" content="script-src 'self' blob:">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "name": "@platforma-open/milaboratories.rarefaction.ui",
+  "version": "1.0.1",
+  "type": "module",
+  "dependencies": {
+    "@milaboratories/graph-maker": "^1.1.159",
+    "@platforma-sdk/model": "^1.43.14",
+    "@platforma-sdk/ui-vue": "^1.43.14",
+    "vue": "^3.5.13",
+    "@platforma-open/milaboratories.rarefaction.model": "1.0.1"
+  },
+  "devDependencies": {
+    "@platforma-sdk/eslint-config": "^1.1.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "typescript": "~5.5.4",
+    "vite": "^6.2.2",
+    "vue-tsc": "^2.2.8"
+  },
+  "scripts": {
+    "dev": "vite",
+    "watch": "vue-tsc && vite build --watch",
+    "build": "vue-tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  }
+}

package/src/app.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { model } from '@platforma-open/milaboratories.rarefaction.model';
+import { defineApp } from '@platforma-sdk/ui-vue';
+import GraphPage from './pages/GraphPage.vue';
+import TablePage from './pages/TablePage.vue';
+export const sdkPlugin = defineApp(model, () => {
+  return {
+    routes: {
+      '/': () => GraphPage,
+      '/table': () => TablePage,
+    },
+  };
+});
+export const useApp = sdkPlugin.useApp;

package/src/main.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { BlockLayout } from '@platforma-sdk/ui-vue';
+import '@platforma-sdk/ui-vue/styles';
+import { createApp } from 'vue';
+import { sdkPlugin } from './app';
+createApp(BlockLayout).use(sdkPlugin).mount('#app');

package/src/pages/GraphPage.vue ADDED Viewed

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import type { PredefinedGraphOption } from '@milaboratories/graph-maker';
+import { GraphMaker } from '@milaboratories/graph-maker';
+import '@milaboratories/graph-maker/styles';
+import type { PColumnSpec } from '@platforma-sdk/model';
+import { PlBlockPage, PlDropdownRef, PlTextField } from '@platforma-sdk/ui-vue';
+import { computed } from 'vue';
+import { useApp } from '../app';
+const app = useApp();
+const defaultOptions = computed((): PredefinedGraphOption<'scatterplot'>[] | undefined => {
+  const pCols = app.model.outputs.rarefactionPFrameCols;
+  if (!pCols) {
+    return undefined;
+  }
+  function getColumnSpec(name: string, cols: PColumnSpec[]) {
+    return cols.find((p) => p.name === name);
+  }
+  const yCol = getColumnSpec('pl7.app/vdj/rarefaction/meanUniqueClonotypes', pCols);
+  if (!yCol) {
+    return undefined;
+  }
+  return [
+    {
+      inputName: 'x',
+      selectedSource: yCol.axesSpec[1],
+    },
+    {
+      inputName: 'y',
+      selectedSource: yCol,
+    },
+    {
+      inputName: 'grouping',
+      selectedSource: yCol.axesSpec[0],
+    },
+  ];
+});
+</script>
+<template>
+  <PlBlockPage no-body-gutters>
+    <GraphMaker
+      v-if="app.model.outputs.graphPFrame"
+      v-model="app.model.ui.graphState"
+      chart-type="scatterplot"
+      :p-frame="app.model.outputs.graphPFrame"
+      :default-options="defaultOptions"
+    >
+      <template #settingsSlot>
+        <PlDropdownRef
+          v-model="app.model.args.datasetRef"
+          label="Select dataset"
+          :options="app.model.outputs.datasetOptions"
+        />
+        <PlTextField
+          v-model="app.model.args.numPoints"
+          label="Input points number"
+        />
+        <PlTextField
+          v-model="app.model.args.numIterations"
+          label="Number of iterations per depth"
+        />
+      </template>
+    </GraphMaker>
+  </PlBlockPage>
+</template>

package/src/pages/TablePage.vue ADDED Viewed

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import { PlAgDataTableV2, PlBlockPage, usePlDataTableSettingsV2 } from '@platforma-sdk/ui-vue';
+import { useApp } from '../app';
+const app = useApp();
+const tableSettings = usePlDataTableSettingsV2({
+  sourceId: () => app.model.args.datasetRef,
+  model: () => app.model.outputs.table,
+});
+</script>
+<template>
+  <PlBlockPage>
+    <template #title>Rarefaction</template>
+    <PlAgDataTableV2
+      v-model="app.model.ui.tableState"
+      :settings="tableSettings"
+    />
+  </PlBlockPage>
+</template>

package/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "composite": false,
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+    /* Linting */
+    "strict": true,
+    // "noUnusedLocals": true,
+    // "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ]
+}

package/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "composite": false,
+    "skipLibCheck": true,
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noEmit": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+  base: './',
+  build: {
+    sourcemap: true,
+  },
+});