steel-frame 7.0.2 → 7.0.4

package/test/jsx-detect/has-jsx.tsx

@@ -1,26 +0,0 @@
-import { afterMount, compose, Slot } from "steel-frame";
-
-const C = compose(
-  (props: {
-    slot01(props: { a: number; b: number }): void;
-    slot02?(props: { $a: number; $b: number }): void;
-    slot03(): void;
-  }) => {
-    const { slot02 } = props;
-    <Slot model={slot02} $a={1} $b={2} />;
-  },
-);
-
-const C1 = compose(() => {
-  <C
-    slot01={({ a, b }) => {
-      console.log(a, b);
-    }}
-    slot02={props => {
-      const { $a, $b } = props;
-      <div />;
-      afterMount(() => console.log($a, $b));
-    }}
-    slot03={() => <div />}
-  />;
-});

package/test/jsx-detect/jsx-detect.test.ts

@@ -1,14 +0,0 @@
-import { runJsxTest } from "../run-test.js";
-import { fileURLToPath } from "url";
-import { dirname } from "path";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-it("has JSX", function () {
-    runJsxTest(__dirname, "has-jsx");
-});
-
-it("release mode", function () {
-    runJsxTest(__dirname, "release-mode");
-});

package/test/jsx-detect/release-mode.js

@@ -1,14 +0,0 @@
-import { compose, ref as VasilleRef } from "vasille-web";
-const C = compose(Vasille => {
-  const $a = VasilleRef(3, Vasille);
-  const b = [1, 2, $a.V];
-  const c = new Set([1, 2, $a.V]);
-  const d = new Map([[1, $a.V], [2, 3]]);
-  const e = {
-    f: 1,
-    e: 2,
-    $g: $a
-  };
-  const $f = VasilleRef(4, Vasille);
-  const $g = VasilleRef($a.V + $f.V, Vasille);
-});

package/test/jsx-detect/release-mode.tsx

@@ -1,18 +0,0 @@
-import { compose, unwrap } from "steel-frame";
-
-const C = compose(() => {
-  let $a = 3;
-  const b = [1, 2, unwrap($a)];
-  const c = new Set([1, 2, unwrap($a)]);
-  const d = new Map([
-    [1, unwrap($a)],
-    [2, 3],
-  ]);
-  const e = {
-    f: 1,
-    e: 2,
-    $g: $a,
-  };
-  let $f = 4;
-  let $g = $a + $f;
-});

package/test/lib/FileStructure.js

@@ -1,7 +0,0 @@
-import { compose, styleSheet } from "vasille-web";
-export const FileStructure = compose(Vasille => {});
-const helperVar = 1;
-function helperFn() {
-  return 2;
-}
-const css = styleSheet({});

package/test/lib/FileStructure.ts

@@ -1,21 +0,0 @@
-import { compose, styleSheet } from "steel-frame";
-
-interface Props {
-    field: number;
-}
-
-type CProps = Props & { c: number };
-
-export const FileStructure = compose<CProps>(() => {});
-
-const helperVar = 1;
-
-function helperFn() {
-    return 2;
-}
-
-const css = styleSheet({
-    div: {
-        margin: 10,
-    },
-});

package/test/lib/err-arg-not-func.ts

@@ -1,6 +0,0 @@
-import { calculate, compose } from "steel-frame";
-
-const C = compose(() => {
-  // @ts-expect-error
-  const a = calculate(34);
-});

package/test/lib/err-file-structure-class.ts

@@ -1,11 +0,0 @@
-import { compose } from "steel-frame";
-
-interface Props {
-    field: number;
-}
-
-type CProps = Props & { c: number };
-
-export const C = compose<CProps>(() => {});
-
-class Amigo {}

package/test/lib/err-file-structure-helper-before-export.ts

@@ -1,5 +0,0 @@
-import { compose } from "steel-frame";
-
-const helper = 1;
-
-export const C = compose(() => {});

package/test/lib/err-file-structure-import-after.ts

@@ -1,5 +0,0 @@
-import { compose } from "steel-frame";
-
-export const C = compose(() => {});
-
-import { ref } from "steel-frame";

package/test/lib/err-file-structure-stylesheet-not-last.ts

@@ -1,7 +0,0 @@
-import { compose, styleSheet } from "steel-frame";
-
-export const C = compose(() => {});
-
-const css = styleSheet({ c1: { margin: 0 } });
-
-const helper = 1;

package/test/lib/err-incorrect-args-number.ts

@@ -1,6 +0,0 @@
-import { calculate, compose } from "steel-frame";
-
-const C = compose(() => {
-  // @ts-expect-error
-  const a = calculate(() => 23, 45);
-});

package/test/lib/err-incorrect-props-number.ts

@@ -1,8 +0,0 @@
-import { calculate, compose } from "steel-frame";
-
-const C = compose(() => {
-  // @ts-expect-error
-  const a = calculate((a: number) => {
-    return 34;
-  });
-});

package/test/lib/err-malformed-component.ts

@@ -1,7 +0,0 @@
-import { compose } from "steel-frame";
-
-const C = compose(() => {
-  if (false) {
-    throw 1;
-  }
-});

package/test/lib/lib.test.ts

@@ -1,42 +0,0 @@
-import { runTest, throwTest } from "../run-test.js";
-import { fileURLToPath } from "url";
-import { dirname } from "path";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = dirname(__filename);
-
-it("incorrect number of arguments error", function () {
-    throwTest(__dirname, "incorrect-args-number", "Incorrect number of arguments");
-});
-
-it("incorrect number of properties error", function () {
-    throwTest(__dirname, "incorrect-props-number", "Argument of calculate cannot have parameters");
-});
-
-it("first argument id not a function error", function () {
-    throwTest(__dirname, "arg-not-func", "Argument of calculate must be a function");
-});
-
-it("malformed component error", function () {
-    throwTest(__dirname, "malformed-component", "Malformed component detected");
-});
-
-it("file structure: helper before export error", function () {
-    throwTest(__dirname, "file-structure-helper-before-export", "Malformed file structure detected");
-});
-
-it("file structure: styleSheet not last error", function () {
-    throwTest(__dirname, "file-structure-stylesheet-not-last", "Malformed file structure detected");
-});
-
-it("file structure: import after statements error", function () {
-    throwTest(__dirname, "file-structure-import-after", "Malformed file structure detected");
-});
-
-it("file structure: unexpecred class", function () {
-    throwTest(__dirname, "file-structure-class", "Malformed file structure detected");
-});
-
-it("file structure: correct", function () {
-    runTest(__dirname, "FileStructure");
-});

package/test/mesh/class.js

@@ -1,48 +0,0 @@
-import { component, ref, set as VasilleSet, safe as VasilleSafe } from "vasille-web";
-export class Test1 {
-  $1 = ref(1);
-  ["$4"] = ref();
-  constructor(data) {
-    VasilleSet(null, this, "$2", 2);
-    this.$3 = data.$3;
-  }
-  get3() {
-    return this.$3?.V;
-  }
-  set2(v) {
-    VasilleSet(null, this, "$2", v);
-  }
-}
-class Test2 {
-  $a = ref(1);
-  constructor({
-    $3 = ref()
-  }) {
-    VasilleSet(null, this, "$b", 2);
-    this.$c = $3;
-  }
-  getC() {
-    return this.$c?.V;
-  }
-  setB(v) {
-    VasilleSet(null, this, "$b", v);
-  }
-}
-const C = component(Vasille => {
-  const $3 = ref(3, Vasille);
-  const $t1 = ref(new Test1({
-    $3
-  }), Vasille);
-  const $t2 = ref(new Test2({
-    $3
-  }), Vasille);
-  const t4 = new Test2({
-    $3
-  });
-  VasilleSafe(() => {
-    $t2.V.setB(2);
-  })();
-  VasilleSafe(() => {
-    console.log($3.V, $t2.V.$b?.V, $t1.V.$1?.V);
-  })();
-});

package/test/mesh/class.ts

@@ -1,55 +0,0 @@
-import { afterMount, beforeMount, component, ref } from "steel-frame";
-
-export class Test1 {
-  public $1 = ref(1);
-  public $2: number;
-  public $3: number;
-  public ["$4"] = ref();
-
-  public constructor(data: { $3: number }) {
-    this.$2 = 2;
-    this.$3 = data.$3;
-  }
-
-  public get3() {
-    return this.$3;
-  }
-
-  public set2(v: number) {
-    this.$2 = v;
-  }
-}
-
-class Test2 {
-  public $a = ref(1);
-  public $b: number;
-  public $c: number;
-
-  public constructor({ $3 }: { $3: number }) {
-    this["$b"] = 2;
-    this.$c = $3;
-  }
-
-  public getC() {
-    return this.$c;
-  }
-
-  public setB(v: number) {
-    this.$b = v;
-  }
-}
-
-const C = component(() => {
-  let $3 = 3;
-  let $t1 = new Test1({ $3 });
-  let $t2 = new Test2({ $3 });
-  const t4 = new Test2({ $3 });
-
-  beforeMount(() => {
-    $t2.setB(2);
-  });
-
-  afterMount(() => {
-    console.log($3, $t2.$b, $t1.$1);
-  });
-});

package/test/mesh/compose.js

@@ -1,51 +0,0 @@
-import { compose, For, ref as VasilleRef, safe as VasilleSafe, expr as VasilleExpr } from "vasille-web";
-const C = compose(function C(Vasille, props) {
-  const {
-    $name = VasilleRef("name", Vasille),
-    ["$data"]: $d = VasilleRef(void 0, Vasille),
-    ...rest
-  } = props;
-  const model = [{
-    $name: VasilleRef("name1", Vasille),
-    $data: VasilleRef({
-      id: "x",
-      width: 1,
-      height: 4
-    }, Vasille),
-    $more: VasilleRef("more", Vasille)
-  }];
-  VasilleSafe(() => console.log($d.V.id, $d.V.width, $d.V.height, $name.V, rest.$more?.V))();
-  Vasille.tag("div", {}, Vasille => {
-    Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.id, [$d]));
-    Vasille.text(":");
-    Vasille.text($name);
-    Vasille.text(" ");
-    Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.width, [$d]));
-    Vasille.text("/");
-    Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.height, [$d]));
-    Vasille.text("...");
-    Vasille.text(rest.$more);
-  });
-  For({
-    of: model,
-    slot: (Vasille, props) => {
-      const {
-        $name = VasilleRef("xName", Vasille),
-        $data = VasilleRef(void 0, Vasille),
-        ...rest2
-      } = props;
-      Vasille.tag("div", {}, Vasille => {
-        Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.id, [$data]));
-        Vasille.text(":");
-        Vasille.text($name);
-        Vasille.text(" ");
-        Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.width, [$data]));
-        Vasille.text("/");
-        Vasille.text(VasilleExpr(Vasille, Vasille_0 => Vasille_0.height, [$data]));
-        Vasille.text("...");
-        Vasille.text(rest2.$more);
-      });
-      VasilleSafe(() => console.log($data.V.id, $data.V.width, $data.V.height, $name.V, rest2.$more?.V))();
-    }
-  }, Vasille);
-});

package/test/mesh/compose.tsx

@@ -1,35 +0,0 @@
-import { afterMount, beforeMount, compose, For } from "steel-frame";
-
-interface Props {
-  $name: string;
-  $data: {
-    id: string;
-    width: number;
-    height: number;
-  };
-  $more: string;
-}
-
-const C = compose(function C(props: Props) {
-  const { $name = "name", ["$data"]: $d, ...rest } = props;
-  const model: Props[] = [{ $name: "name1", $data: { id: "x", width: 1, height: 4 }, $more: "more" }];
-
-  beforeMount(() => console.log($d.id, $d.width, $d.height, $name, rest.$more));
-
-  <div>
-    {$d.id}:{$name} {$d.width}/{$d.height}...{rest.$more}
-  </div>;
-
-  <For
-    of={model}
-    slot={(props: Props) => {
-      const { $name = "xName", $data, ...rest2 } = props;
-
-      <div>
-        {$data.id}:{$name} {$data.width}/{$data.height}...{rest2.$more}
-      </div>;
-
-      afterMount(() => console.log($data.id, $data.width, $data.height, $name, rest2.$more));
-    }}
-  />;
-});

package/test/mesh/default-class.js

@@ -1,8 +0,0 @@
-import { compose, ref } from "vasille-web";
-export default class MyClass {
-  $reactive = ref(0);
-  nonReactive = 0;
-  render() {
-    return compose(Vasille => {});
-  }
-}

package/test/mesh/default-class.ts

@@ -1,10 +0,0 @@
-import { compose, ref } from "steel-frame";
-
-export default class MyClass {
-  $reactive = ref(0);
-  nonReactive = 0;
-
-  render() {
-    return compose(() => {});
-  }
-}

package/test/mesh/default-expr.js

@@ -1,2 +0,0 @@
-import { compose } from "vasille-web";
-export default compose(Vasille => {});

package/test/mesh/default-expr.ts

@@ -1,3 +0,0 @@
-import { compose } from "steel-frame";
-
-export default compose(() => {});

package/test/mesh/default-fn.js

@@ -1,4 +0,0 @@
-import { compose } from "vasille-web";
-export default function () {
-  return compose(Vasille => {});
-}

package/test/mesh/default-fn.ts

@@ -1,5 +0,0 @@
-import { compose } from "steel-frame";
-
-export default function () {
-  return compose(() => {});
-}

package/test/mesh/double-mesh-bug.js

@@ -1,17 +0,0 @@
-import { component, set as VasilleSet, ref as VasilleRef } from "vasille-web";
-function getHandler(o) {
-  return entries => VasilleSet(null, o, "$bodyHeight", entries[0].contentRect.height);
-}
-const Accordion = component(Vasille => {
-  const o = {
-    $bodyHeight: VasilleRef(0, Vasille)
-  };
-  const resizeObserver = new ResizeObserver(getHandler(o));
-  Vasille.tag("div", {
-    k: div => {
-      resizeObserver.observe(div);
-    }
-  }, Vasille => {
-    Vasille.text("Test div");
-  });
-});

package/test/mesh/double-mesh-bug.tsx

@@ -1,17 +0,0 @@
-import { component } from "steel-frame";
-
-function getHandler(o: { $bodyHeight: number }) {
-    return (entries: ResizeObserverEntry[]) => (o.$bodyHeight = entries[0].contentRect.height);
-}
-
-const Accordion = component(() => {
-    const o = { $bodyHeight: 0 };
-    const resizeObserver = new ResizeObserver(getHandler(o));
-
-    <div
-        callback={div => {
-            resizeObserver.observe(div);
-        }}>
-        Test div
-    </div>;
-});

package/test/mesh/err-array-model-const.ts

@@ -1,5 +0,0 @@
-import { arrayModel, compose } from "steel-frame";
-
-const C = compose(() => {
-  let a = arrayModel([]);
-});

package/test/mesh/err-calculate-call.ts

@@ -1,6 +0,0 @@
-import { calculate, compose } from "steel-frame";
-
-const C = compose(() => {
-  // @ts-ignore
-  const c = calculate(3);
-});

package/test/mesh/err-class-name-expression.ts

@@ -1 +0,0 @@
-const xsdf = class $err {};

package/test/mesh/err-class-name.ts

@@ -1 +0,0 @@
-class $err {}

package/test/mesh/err-compose-arg-number.tsx

@@ -1,13 +0,0 @@
-import { compose, For } from "steel-frame";
-
-const C = compose((props: { slot: (a: number, b: number) => void }) => {});
-
-const C1 = compose(() => {
-  <C
-    slot={(a: number, b: number) => {
-      <div>
-        {a}, {b}
-      </div>;
-    }}
-  />;
-});

package/test/mesh/err-compose-nested-destruction.ts

@@ -1,13 +0,0 @@
-import { compose } from "steel-frame";
-
-interface Props {
-  $a: {
-    b: number;
-  };
-}
-
-const C = compose((props: Props) => {
-  const {
-    $a: { b },
-  } = props;
-});

package/test/mesh/err-computed-property-in-destruction.ts

@@ -1,7 +0,0 @@
-const key = "key";
-
-interface Props {
-  [key]: number;
-}
-
-function err123({ [key]: $add = 23 }: Props) {}

package/test/mesh/err-function-name.ts

@@ -1,3 +0,0 @@
-function $zx() {
-  void 0;
-}

package/test/mesh/err-invalid-compose-call.ts

@@ -1,4 +0,0 @@
-import { compose } from "steel-frame";
-
-// @ts-ignore
-const C = compose(() => {}, "name");

package/test/mesh/err-jsx-element.tsx

@@ -1,5 +0,0 @@
-import { compose } from "steel-frame";
-
-const C = compose(() => {});
-
-<div></div>;

package/test/mesh/err-jsx-fragment.tsx

@@ -1,5 +0,0 @@
-import { compose } from "steel-frame";
-
-const C = compose(() => {});
-
-<></>;

package/test/mesh/err-map-model-const.ts

@@ -1,5 +0,0 @@
-import { compose, mapModel } from "steel-frame";
-
-const C = compose(() => {
-  let a = mapModel([]);
-});

package/test/mesh/err-param-name-destruction.ts

@@ -1 +0,0 @@
-function error0([$x, $y]: [number, number]) {}

package/test/mesh/err-param-name-rest.ts

@@ -1 +0,0 @@
-function err523(...$param: string[]) {}

package/test/mesh/err-param-name-with-default-value.ts

@@ -1 +0,0 @@
-function error1($param = "string") {}

package/test/mesh/err-param-name.ts

@@ -1 +0,0 @@
-function error2($param: string) {}

package/test/mesh/err-prompt.ts

@@ -1,5 +0,0 @@
-import { prompt, showPrompt } from "steel-frame";
-
-const promptName = prompt(() => {});
-
-showPrompt(promptName, {});

package/test/mesh/err-run-on-destroy.ts

@@ -1,9 +0,0 @@
-import { beforeDestroy, store } from "steel-frame";
-
-const cStore = store(() => {
-  beforeDestroy(() => {
-    console.log("destroy called");
-  });
-
-  return {};
-});

package/test/mesh/err-set-model-const.ts

@@ -1,5 +0,0 @@
-import { compose, setModel } from "steel-frame";
-
-const C = compose(() => {
-  let a = setModel([]);
-});

package/test/mesh/err-store-jsx.tsx

@@ -1,7 +0,0 @@
-import { store } from "steel-frame";
-
-const sStore = store(() => {
-  <div />;
-
-  return {};
-});

package/test/mesh/err-store-not-reactive-value-2.ts

@@ -1,11 +0,0 @@
-import { store } from "steel-frame";
-
-const sStore = store(() => {
-  let $a = 3;
-
-  return {
-    ["$a"]() {
-      return $a;
-    },
-  };
-});

package/test/mesh/err-store-not-reactive-value.ts

@@ -1,11 +0,0 @@
-import { store } from "steel-frame";
-
-const sStore = store(() => {
-  let $a = 3;
-
-  return {
-    $a() {
-      return $a;
-    },
-  };
-});

package/test/mesh/err-store-reactive-value.ts

@@ -1,7 +0,0 @@
-import { store } from "steel-frame";
-
-const sStore = store(() => {
-  let $a = 3;
-
-  return { a: $a };
-});