changed preact to knockout

src/angular/SurveyNG.tsx → src/angular/SurveyNG.ts

@@ -1,16 +1,15 @@
-import * as React from "react";
-import * as ReactDOM from "react-dom";
+import * as ko from "knockout";
 import { SurveyModel } from "../survey";
-import { Survey } from "../react/reactSurvey";
-import { SurveyWindow } from "../react/reactSurveyWindow";
+import { Survey } from "../knockout/kosurvey";
+import { SurveyWindow } from "../knockout/koSurveyWindow";
 
 export class SurveyNG {
   public static render(elementId: string | Element, props) {
     var element: Element =
       typeof elementId === "string"
         ? document.getElementById(elementId)
         : elementId;
-    ReactDOM.render(<Survey {...props} />, element);
+    props.model.render(element);
   }
 }
 
@@ -20,7 +19,8 @@ export class SurveyWindowNG {
       typeof elementId === "string"
         ? document.getElementById(elementId)
         : elementId;
-    ReactDOM.render(<SurveyWindow {...props} />, element);
+    var survey = new SurveyWindow(...props);
+    survey.show();
   }
 }
 

src/entries/angular.ts

@@ -1,3 +1,3 @@
-export * from "./react";
+export * from "./knockout";
 export { SurveyNG } from "../angular/SurveyNG";
 export { SurveyWindowNG } from "../angular/SurveyNG";

src/entries/jquery.ts

@@ -0,0 +1,24 @@
+import * as ko from "knockout";
+import { SurveyModel } from "../survey";
+import { Survey } from "../knockout/kosurvey";
+import { SurveyWindow } from "../knockout/koSurveyWindow";
+import jQuery from "jquery";
+
+jQuery["fn"].extend({
+  Survey: function(props) {
+    this.each(function() {
+      props.model.render(this);
+    });
+  },
+
+  SurveyWindow: function(props) {
+    this.each(function() {
+      var survey = new SurveyWindow(...props);
+      survey.show();
+    });
+  }
+});
+
+SurveyModel.platform = "jquery";
+
+export * from "./knockout";

src/knockout/koSurveyWindow.ts

@@ -8,7 +8,7 @@ export class SurveyWindow extends SurveyWindowModel {
   koExpanded: any;
   koExpandedCss: any;
   doExpand: any;
-  constructor(jsonObj: any) {
+  constructor(jsonObj: any = null) {
     super(jsonObj);
     this.koExpanded = ko.observable(false);
     this.koExpandedCss = ko.observable(this.getButtonCss());

webpack.config.js

@@ -40,7 +40,10 @@ var platformOptions = {
       }
     },
     keywords: ["react", "react-component"],
-    peerDependencies: { react: ">=15.0.1 || ^16.2.0", "react-dom": ">=15.0.1 || ^16.2.0" }
+    peerDependencies: {
+      react: ">=15.0.1 || ^16.2.0",
+      "react-dom": ">=15.0.1 || ^16.2.0"
+    }
   },
   knockout: {
     externals: {
@@ -64,12 +67,16 @@ var platformOptions = {
       }
     },
     keywords: ["jquery", "jquery-plugin"],
-    dependencies: { jquery: ">=1.12.4", "@types/react": ">=15.0.35 || ^16.0.34" }
+    dependencies: {
+      jquery: ">=1.12.4",
+      knockout: "^3.4.0",
+      "@types/knockout": "3.4.46"
+    }
   },
   angular: {
     externals: {},
     keywords: ["angular", "angular-component"],
-    dependencies: { "@types/react": ">=15.0.35 || ^16.0.34" }
+    dependencies: { knockout: "^3.4.0", "@types/knockout": "3.4.46" }
   },
   vue: {
     externals: {