Clean some code

index.js

@@ -1,7 +1,7 @@
-import PDFEngine from './src/PDFEngine';
+import core from './src/core';
 import './src/PDFEngine.css';
 
 (() =>
 {    
-    PDFEngine();
+    core();
 })()

package.json

@@ -19,5 +19,8 @@
     "style-loader": "^3.3.0",
     "webpack": "^5.55.0",
     "webpack-cli": "^4.8.0"
+  },
+  "dependencies": {
+    "jquery": "^3.6.0"
   }
 }

src/core.js

@@ -1,49 +1,61 @@
-import { TransformsFactory } from "./transforms-factory";
+import TransformsFactory from "./transforms-factory";
+import $ from 'jquery';
+import {HideTransform} from './transformations/hide-transform';
 
-function main(){
+function core(){
 
     // scrape parametara
     const param1 = {
         code: "br-hide",
-        selector: "....",
-    }
-
+        selector: "table"
+    };
     const param2 = {
+        code: "br-color",
+        selector: "h4"
+    };
+    const param3 = {
         code: "br-size", // br-size-100 br-size-50 ...
-        selector: "....",
+        selector: "table",
         size: ""
-    }
+    };
 
     const parametars = [param1, param2];
-    for(let i = 0; i < transforms.length; i++){
+    for(let i = 0; i < parametars.length; i++){
         const param = parametars[i];
-        param.targets = $(param.code);
+        //param.prototype.targets = $(param.code);
     }
 
     // atribute parameters
-
+    // 2 atributa:  (za vise naknadno istraziti)
+    //  code
+    //  selector
+    const elementsByAttrs = [];
     // css class parameters
 
     // inicijalizacija transformacija
 
     //...
-    const transform = transformsFactory.produce(param.code, { selector: param.selector });
-
-    const hideT = new HideTransform("table");
-    const hideT1 = new HideTransform("table1");
-    const hideT2 = new HideTransform("table1");
-    const hideT3 = new HideTransform("table1");
+    let transforms = []
+    parametars.forEach(param =>
+        {
+            transforms.push(TransformsFactory.produce(param.code, { selector: param.selector }));
+        });
+    // const hideT = new HideTransform("table");
+    // const hideT = new HideTransform("table");
+    // const hideT1 = new HideTransform("table1");
+    // const hideT2 = new HideTransform("table1");
+    // const hideT3 = new HideTransform("table1");
 
     // perform transform
-    const transforms = [hideT, hideT1, hideT2, hideT3];
+    //const transforms = [hideT]; //, hideT1, hideT2, hideT3];
     for(let i = 0; i < transforms.length; i++){
         const transform = transforms[i];
         transform.execute();
     }
-
     // print 
         // prepare print (optioning)
         // print
 }
 
 
+export default core;

src/transformations/color-transformation/color-transforamtion.js

@@ -1,4 +1,6 @@
-import Transform from "./transform"
+import './color-transformation.css';
+import {Transform} from "../transform";
+import $ from "JQuery";
 
 export class ColorTransform extends Transform {
     constructor(selector){

src/transformations/hide-transform.js

@@ -1,15 +1,19 @@
-import Transform from "./transform"
+import {Transform} from "./transform";
+import $ from "JQuery";
 
 export class HideTransform extends Transform {
     constructor(selector){
+        super();
         this.selector = selector;
     }
 
     execute(){
+        // $(selector).hide();
         $(this.selector).hide();
     }
 
     rolback(){
+        // $(selector).show();
         $(this.selector).show();
     }
 }

src/transformations/transform.js

@@ -1,3 +1,3 @@
 export class Transform{
-    execute();
+    execute(){};
 }

src/transforms-factory.js

@@ -1,3 +1,20 @@
+import { HideTransform } from "./transformations/hide-transform";
+import { Transform } from "./transformations/transform";
+import { ColorTransform } from "./transformations/color-transformation/color-transforamtion";
+
 export class TransformsFactory{
-    produce(transform);
+    produce(code,selector)
+    {
+        if(params.code == null){
+            return null;
+         }		
+         if(params.code === ("br-hide")){
+            return new HideTransform(params.selector);
+            
+         } else if(transform.code === ("br-color")){
+            return new ColorTransform(params.selector);
+
+        }
+        return null;
+    }
 }