brainsmatics 1.0.9 → 1.0.11

package/.storybook/middleware.js

@@ -1,7 +1,6 @@
 const { createProxyMiddleware } = require("http-proxy-middleware");
 console.log("进来了")
 module.exports = function expressMiddleware(router) {
-    console.log("router",router);
     router.use(
         "/app-api/api",
         createProxyMiddleware("/app-api/api",{
@@ -25,7 +24,7 @@ module.exports = function expressMiddleware(router) {
             changeOrigin: true
         })
     );
-    // 病毒注射
+    // 图谱切片 病毒注射
     router.use(
         "/app-api/c-api",
         createProxyMiddleware("/app-api/c-api",{
@@ -60,6 +59,7 @@ module.exports = function expressMiddleware(router) {
             changeOrigin: true
         })
     );
+    // 申请key
     router.use(
         "/app-api/java-api",
         createProxyMiddleware("/app-api/java-api",{

package/REAMED2.md

@@ -1,12 +1,61 @@
+### 创建`recat`项目
+
+```
+npm install -g create-react-app 
+```
+
+判断是否安装成功
+
+```
+create-react-app -V
+```
+
+创建项目
+
+```bash
+npx create-react-app <项目名称>
+```
+
+进入项目路径
+
+```
+cd 项目名称
+```
+
 ### 安装组件
 
+```
 npm install brainsmatics
+```
 
 ### 使用组件
 
-```
+```tsx
 import {Atlas} from "brainsmatics/STAM";
-
+import {fetchDatas} from "brainsmatics/STAM";
+const AtlasViewer=()=>{
+    const [treeDatas, setTreeData] = useState([]); // 处理完成的 fbx树结构数据
+    const [swctreeDatas, setswcTreeData] = useState([]); // swc树结构数据
+    const [pointDatas, setPointData] = useState([]);// 模型里面的基准点（红点）数据
+    const [axon_check,setAxon_check] = useState([]);
+    const [soma_check,setSoma_check] = useState([]);
+    const [fbxTreeDatas,setFBXTreeData] = useState([]); // fbx树结构数据
+    const gray_value = useRef<any>({}); //2d切片的灰度图对应的核团
+    useEffect(()=>{
+        fetchData('/staticresource/data/TreeData/nucleusColour.json',setFBXTreeData)
+        fetchData('/staticresource/data/TreeData/vesseltree.json', setTreeData);
+    
+        fetchData('/staticresource/data/json/output.json', setPointData);
+        
+        fetchData('/staticresource/data/TreeData/swctree.json', setswcTreeData);
+        
+        fetchData('/staticresource/data/json/axon_check.json', setAxon_check);
+        
+        fetchData('/staticresource/data/json/soma_check.json', setSoma_check);
+        
+        fetchData('/staticresource/data/json/rgb_value.json', gray_value);
+    },[])
+return(
 <Atlas
         treeDatas={treeDatas}
         pointDatas={pointDatas}
@@ -19,28 +68,90 @@ import {Atlas} from "brainsmatics/STAM";
         lefttab={["label","neurons"]}// label vessel neurons
         righttab={["neurons"]}// label neurons mapping download registration reslicing virtual
 	regionData={"/staticresource/data/FBX"}
-	lang={"en"}
+	lang={"en_us"}
         />
+        )
+export default AtlasViewer
 ```
 
-> regionData={} fbx模型地址文件以FBX后缀
+> `regionData` `fbx`模型地址文件以`FBX`后缀
 >
-> treeDatas 左侧血管结构数据
+> `treeDatas` 左侧血管结构数据
 >
-> pointDatas 基准点数据
+> `pointDatas` 基准点数据
 >
-> axon_check 神经元末梢点数据
+> `axon_chec` 神经元末梢点数据
 >
-> soma_check 神经元胞体点数据
+> `soma_check` 神经元胞体点数据
 >
-> fbxTreeDatas fbx树结构数据
+> `fbxTreeDatas` `fbx`树结构数据
 >
-> gray_value 图谱切面灰度值对应核团
+> `gray_value` 图谱切面灰度值对应核团
 >
-> swctreeDatas swc树结构
+> `swctreeDatas` `swc`树结构
 >
-> lefttab 选择展示的左侧tab栏
+> `lefttab` 选择展示的左侧`tab`栏
 >
-> righttab 选择展示的右侧tab栏
+> `righttab` 选择展示的右侧`tab`栏
 >
-> lang 选择语言
+> `lang` 选择语言
+
+### 创建接口代理
+
+```
+npm install http-proxy-middleware
+```
+
+使用它可以指定接口访问哪个服务器
+
+> 在src目录下创建一个`setupProxy.js`
+
+```js
+const { createProxyMiddleware } = require('http-proxy-middleware');
+
+module.exports = function(app) {
+	// 配准服务
+    app.use(
+    '/app-api/up-api',
+    createProxyMiddleware({
+        target:"http://atlas.brainsmatics.org/app-api/up-api",
+        changeOrigin: true,
+    }));
+    // 图谱切片 病毒注射
+    app.use(
+    '/app-api/c-api',
+    createProxyMiddleware({
+        target:"http://atlas.brainsmatics.org/app-api/c-api",
+        changeOrigin: true,
+    }));
+    // 数据下载
+    app.use(
+    '/app-api/test-api',
+    createProxyMiddleware({
+        target:"http://atlas.brainsmatics.org/app-api/test-api",
+        changeOrigin: true,
+    }));
+    // 图谱转换
+    app.use(
+        '/app-api/d-api',
+        createProxyMiddleware({
+            target:"http://atlas.brainsmatics.org/app-api/d-api",
+            changeOrigin: true,
+        }));
+};
+```
+
+> 使用默认`brainsmatics`接口配置为研究院公网地址
+
+启动项目
+
+```
+npm start
+```
+
+打包项目
+
+```
+npm build
+```
+

package/dist/component/2d/js/index.d.ts

@@ -0,0 +1,3 @@
+
+declare const Z: any;
+export default Z;