@microsoft/fast-element 2.10.1 → 2.10.3

package/test/main.ts

@@ -1,10 +1,104 @@
+import "../src/debug.js";
+
 export { customElement, FASTElement } from "../src/components/fast-element.js";
+export {
+    attr,
+    AttributeConfiguration,
+    AttributeDefinition,
+} from "../src/components/attributes.js";
+export {
+    ElementController,
+    HydratableElementController,
+    AdoptedStyleSheetsStrategy,
+    StyleElementStrategy,
+    needsHydrationAttribute,
+    deferHydrationAttribute,
+} from "../src/components/element-controller.js";
+export { FASTElementDefinition } from "../src/components/fast-definitions.js";
+export { HydrationMarkup } from "../src/components/hydration.js";
 export { Context } from "../src/context.js";
+export {
+    Container,
+    ContainerConfiguration,
+    ContainerImpl,
+    DefaultResolver,
+    DI,
+    FactoryImpl,
+    all,
+    inject,
+    lazy,
+    optional,
+    Registration,
+    ResolverImpl,
+    ResolverStrategy,
+    singleton,
+    transient,
+} from "../src/di/di.js";
 export { DOM, DOMAspect } from "../src/dom.js";
 export { DOMPolicy } from "../src/dom-policy.js";
-export { observable } from "../src/observation/observable.js";
+export { Observable, observable, volatile } from "../src/observation/observable.js";
 export { Updates } from "../src/observation/update-queue.js";
+export { css } from "../src/styles/css.js";
+export { ElementStyles } from "../src/styles/element-styles.js";
 export { ref } from "../src/templating/ref.js";
 export { html } from "../src/templating/template.js";
 export { uniqueElementName } from "../src/testing/fixture.js";
+export { ChildModel, DerivedModel, Model } from "../src/testing/models.js";
+export { Fake } from "../src/testing/fakes.js";
 export { composedContains, composedParent } from "../src/utilities.js";
+export const conditionalTimeout = function (
+    condition: boolean,
+    iteration = 0
+): Promise<boolean> {
+    return new Promise(function (resolve) {
+        setTimeout(() => {
+            if (iteration === 10 || condition) {
+                resolve(true);
+            }
+
+            conditionalTimeout(condition, iteration + 1);
+        }, 5);
+    });
+};
+export { ArrayObserver, lengthOf, Splice } from "../src/observation/arrays.js";
+export { ownedState, reactive, state, watch } from "../src/state/exports.js";
+export { fixture } from "../src/testing/fixture.js";
+export { CSSBindingDirective } from "../src/styles/css-binding-directive.js";
+export { cssDirective, CSSDirective } from "../src/styles/css-directive.js";
+export { ExecutionContext } from "../src/observation/observable.js";
+export { Binding } from "../src/binding/binding.js";
+export { oneTime } from "../src/binding/one-time.js";
+export { oneWay, listener } from "../src/binding/one-way.js";
+export { Signal, signal } from "../src/binding/signal.js";
+export { twoWay } from "../src/binding/two-way.js";
+export { HTMLBindingDirective } from "../src/templating/html-binding-directive.js";
+export { ViewTemplate } from "../src/templating/template.js";
+export { HTMLView } from "../src/templating/view.js";
+export { HTMLDirective, htmlDirective } from "../src/templating/html-directive.js";
+export { nextId } from "../src/templating/markup.js";
+export { createTrackableDOMPolicy, toHTML } from "../src/__test__/helpers.js";
+export { children, ChildrenDirective } from "../src/templating/children.js";
+export { elements } from "../src/templating/node-observation.js";
+export { Compiler } from "../src/templating/compiler.js";
+export { Markup, Parser } from "../src/templating/markup.js";
+export { when } from "../src/templating/when.js";
+export {
+    render,
+    RenderBehavior,
+    RenderDirective,
+    RenderInstruction,
+    NodeTemplate,
+    renderWith,
+} from "../src/templating/render.js";
+export { repeat, RepeatBehavior, RepeatDirective } from "../src/templating/repeat.js";
+export { slotted, SlottedDirective } from "../src/templating/slotted.js";
+export { isString } from "../src/interfaces.js";
+export { FAST, emptyArray } from "../src/platform.js";
+export { Metadata } from "../src/metadata.js";
+export function removeWhitespace(str: string): string {
+    return str
+        .trim()
+        .split("\n")
+        .map(s => s.trim())
+        .join("");
+}

package/tsconfig.api-extractor.json

@@ -0,0 +1,6 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "types": []
+    }
+}

package/.eslintrc.json

@@ -1,19 +0,0 @@
-{
-    "extends": ["../../.eslintrc.js"],
-    "rules": {
-        "max-classes-per-file": "off",
-        "no-case-declarations": "off",
-        "@typescript-eslint/no-non-null-assertion": "off",
-        "@typescript-eslint/ban-types": [
-            "error",
-            {
-                "types": {
-                    "{}": false,
-                    "Function": false,
-                    "Object": false
-                },
-                "extendDefaults": true
-            }
-        ]
-    }
-}

package/karma.conf.cjs

@@ -1,148 +0,0 @@
-const path = require("path");
-const basePath = path.resolve(__dirname);
-
-const commonChromeFlags = [
-    "--no-default-browser-check",
-    "--no-first-run",
-    "--no-sandbox",
-    "--no-managed-user-acknowledgment-check",
-    "--disable-background-timer-throttling",
-    "--disable-backing-store-limit",
-    "--disable-boot-animation",
-    "--disable-cloud-import",
-    "--disable-contextual-search",
-    "--disable-default-apps",
-    "--disable-extensions",
-    "--disable-infobars",
-    "--disable-translate",
-];
-
-module.exports = function (config) {
-    let browsers;
-    if (process.env.BROWSERS) {
-        browsers = [process.env.BROWSERS];
-    } else if (config.browsers) {
-        browsers = config.browsers;
-    } else {
-        browsers = ["Chrome"];
-    }
-
-    const setup = "setup-browser" + (config.package ? "-" + config.package : "");
-    const options = {
-        basePath,
-        browserDisconnectTimeout: 10000,
-        processKillTimeout: 10000,
-        frameworks: ["source-map-support", "mocha"],
-        plugins: [
-            require("karma-mocha"),
-            require("karma-mocha-reporter"),
-            require("karma-webpack"),
-            require("karma-source-map-support"),
-            require("karma-sourcemap-loader"),
-            require("karma-coverage"),
-            require("karma-chrome-launcher"),
-            require("karma-firefox-launcher"),
-        ],
-        files: [`src/__test__/${setup}.cjs`],
-        preprocessors: {
-            [`src/__test__/${setup}.cjs`]: ["webpack", "sourcemap"],
-        },
-        webpackMiddleware: {
-            // webpack-dev-middleware configuration
-            // i. e.
-            stats: "errors-only",
-        },
-        webpack: {
-            mode: "development",
-            resolve: {
-                extensions: [".js"],
-                modules: ["dist", "node_modules"],
-                mainFields: ["module", "main"],
-            },
-            devtool: "inline-source-map",
-            performance: {
-                hints: false,
-            },
-            optimization: {
-                usedExports: true,
-                flagIncludedChunks: false,
-                sideEffects: true,
-                concatenateModules: true,
-                splitChunks: {
-                    name: false,
-                },
-                runtimeChunk: false,
-                noEmitOnErrors: false,
-                checkWasmTypes: false,
-                minimize: false,
-            },
-            module: {
-                rules: [
-                    {
-                        test: /\.js\.map$/,
-                        use: ["ignore-loader"],
-                    },
-                    {
-                        test: /\.js$/,
-                        use: ["source-map-loader"],
-                        enforce: "pre",
-                    },
-                ],
-            },
-        },
-        mime: {
-            "text/x-typescript": ["ts"],
-        },
-        reporters: [config.reporter || (process.env.CI ? "min" : "progress")],
-        browsers: browsers,
-        customLaunchers: {
-            ChromeDebugging: {
-                base: "Chrome",
-                flags: [...commonChromeFlags, "--remote-debugging-port=9333"],
-                debug: true,
-            },
-            ChromeHeadlessOpt: {
-                base: "ChromeHeadless",
-                flags: [...commonChromeFlags],
-            },
-        },
-        client: {
-            captureConsole: true,
-            mocha: {
-                bail: config["bail"],
-                ui: "bdd",
-                timeout: 5000,
-            },
-        },
-        logLevel: config.LOG_ERROR, // to disable the WARN 404 for image requests,
-    };
-
-    if (config.coverage) {
-        options.webpack.module.rules.push({
-            enforce: "post",
-            exclude: /(__tests__|testing|node_modules|\.spec\.[tj]s$)/,
-            loader: '@jsdevtools/coverage-istanbul-loader',
-            options: { esModules: true },
-            test: /\.[tj]s$/,
-        });
-        options.reporters = ["coverage", ...options.reporters];
-        options.coverageReporter = {
-            dir: path.join(basePath, "coverage"),
-            reporters: [
-                { type: "html", subdir: "html" },
-                { type: "text-summary" },
-                { type: "json", subdir: ".", file: "coverage.json" },
-                { type: "lcovonly", subdir: ".", file: "lcov.info" },
-                { type: "cobertura", subdir: ".", file: "cobertura-coverage.xml" },
-            ],
-            fixWebpackSourcePaths: true,
-        };
-        options.junitReporter = {
-            outputDir: "coverage",
-            outputFile: "test-results.xml",
-            useBrowserName: false,
-        };
-    }
-
-    config.set(options);
-};