@ikas/component-cli 0.83.0 → 0.86.0

package/templates/create/tsconfig.json

@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2022"
+    ],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": [
+    "src/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/templates/create/vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from "vite";
+import preact from "@preact/preset-vite";
+
+export default defineConfig({
+  plugins: [preact()],
+  build: {
+    lib: {
+      entry: "./src/components/index.ts",
+      formats: ["es"]
+    },
+    rollupOptions: {
+      external: ["preact", "preact/hooks", "@ikas/component-utils"]
+    }
+  }
+});

package/templates/observer-runtime.js

@@ -0,0 +1,34 @@
+import { Reaction } from "mobx";
+import { useRef, useState, useEffect } from "preact/hooks";
+
+export function observer(Component) {
+  var wrapped = function(props) {
+    var hookState = useState(0);
+    var setTick = hookState[1];
+    var reactionRef = useRef(null);
+
+    if (!reactionRef.current) {
+      reactionRef.current = new Reaction(
+        "observer(" + (Component.displayName || Component.name || "Component") + ")",
+        function() { setTick(function(t) { return t + 1; }); }
+      );
+    }
+
+    useEffect(function() {
+      return function() {
+        if (reactionRef.current) {
+          reactionRef.current.dispose();
+          reactionRef.current = null;
+        }
+      };
+    }, []);
+
+    var result;
+    reactionRef.current.track(function() {
+      result = Component(props);
+    });
+    return result;
+  };
+  wrapped.displayName = "observer(" + (Component.displayName || Component.name || "Component") + ")";
+  return wrapped;
+}