Merge pull request #38 from righ/support-ssr

Support ssr

Author: righ

.babelrc

@@ -1,6 +1,10 @@
 {
   "presets": [
-    "@babel/preset-env",
+    ["@babel/preset-env", {
+      "targets": {
+        "node": "current"
+      }
+    }],
     "@babel/preset-react",
     "@babel/preset-typescript"
   ],

.eslintrc.yaml

@@ -1,31 +1,22 @@
 extends:
   - "eslint:recommended"
-  - "plugin:@typescript-eslint/eslint-recommended"
   - "plugin:@typescript-eslint/recommended"
-  - "plugin:prettier/recommended"
-  - "prettier"
-  - "prettier/@typescript-eslint"
+  - "plugin:@typescript-eslint/recommended-requiring-type-checking"
 plugins:
   - "@typescript-eslint"
   - "prettier"
 
 env:
   node: true
   es6: true
-parser: "@typescript-eslint/parser"
+
 parserOptions:
   sourceType: module
   project: "./tsconfig.json"
 rules:
   semi: error
-  node/no-missing-import: error
   prettier/prettier: error
-  quotes:
-    - warn
-    - single
-    - double
-  no-unused-vars:
-    - 2
-    - argsIgnorePattern: "^_"
-    - ignore-pattern: "^_"
-  "@typescript-eslint/no-unused-vars": ["error"]
+  "@typescript-eslint/no-explicit-any": off
+  "@typescript-eslint/no-unsafe-assignment": off
+  "@typescript-eslint/no-unsafe-member-access": off
+  "@typescript-eslint/no-unsafe-return": off

.examples/chesterish.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
 import { IpynbRenderer } from "../src/index_katex";
-import pca1 from "./pca1.ipynb";
-import matrix from "./matrix-3.ipynb";
+import pca1 from "./ipynb/pca1.ipynb";
+import matrix from "./ipynb/matrix-3.ipynb";
 
 import "../src/styles/chesterish.less";
 
@@ -11,9 +11,14 @@ export default {
 };
 
 export const cb = () => {
+  const ref = React.useRef<HTMLDivElement>(null);
   return (
     <>
       <IpynbRenderer
+        rootRef={ref}
+        onLoad={() => {
+          console.log("loaded cb chesterish", ref);
+        }}
         ipynb={pca1}
         syntaxTheme="cb"
         // htmlFilter={(html) => "filtered"}

.examples/declaration.d.ts

@@ -1,3 +1,4 @@
-declare module '*.ipynb' {
-  const ipynb: { cells: any[] };
-}
+declare module "*.ipynb" {
+  const content: any;
+  export default content;
+}

.examples/grade3.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
 import { IpynbRenderer } from "../src/index";
-import pca1 from "./pca1.ipynb";
-import matrix from "./matrix-3.ipynb";
+import pca1 from "./ipynb/pca1.ipynb";
+import matrix from "./ipynb/matrix-3.ipynb";
 
 import "../src/styles/grade3.less";
 

.examples/gruvboxd.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
 import { IpynbRenderer } from "../src/index";
-import pca1 from "./pca1.ipynb";
-import matrix from "./matrix-3.ipynb";
+import pca1 from "./ipynb/pca1.ipynb";
+import matrix from "./ipynb/matrix-3.ipynb";
 
 import "../src/styles/gruvboxd.less";
 

.examples/gruvboxl.stories.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 
 import { IpynbRenderer } from "../src/index";
-import pca1 from "./pca1.ipynb";
-import matrix from "./matrix-3.ipynb";
+import pca1 from "./ipynb/pca1.ipynb";
+import matrix from "./ipynb/matrix-3.ipynb";
 
 import "../src/styles/gruvboxl.less";