jqtree 1.8.1 → 1.8.3

package/.editorconfig

@@ -1,12 +0,0 @@
-# EditorConfig helps developers define and maintain
-# consistent coding styles between different editors and IDEs.
-
-root = true
-
-[*]
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-indent_style = space
-indent_size = 4

package/.eslintrc

@@ -1,48 +0,0 @@
-{
-    "parser": "@typescript-eslint/parser",
-    "plugins": ["@typescript-eslint", "import"],
-    "extends": [
-        "eslint:recommended",
-        "plugin:@typescript-eslint/eslint-recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:@typescript-eslint/recommended-requiring-type-checking",
-        "plugin:import/recommended",
-        "plugin:import/typescript"
-    ],
-    "rules": {
-        "@typescript-eslint/explicit-function-return-type": "off",
-        "@typescript-eslint/interface-name-prefix": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/no-use-before-define": "off",
-        "@typescript-eslint/no-unused-vars": ["error", {
-            "argsIgnorePattern": "^_",
-            "varsIgnorePattern": "^_"
-        }],
-        "@typescript-eslint/prefer-includes": "off",
-        "@typescript-eslint/triple-slash-reference": "off",
-        "@typescript-eslint/prefer-string-starts-ends-with": "off",
-        "@typescript-eslint/restrict-template-expressions": [
-            "error",
-            {
-                "allowNumber": true,
-                "allowBoolean": true,
-                "allowAny": false,
-                "allowNullish": false
-            }
-        ]
-    },
-    "parserOptions": {
-        "project": "./tsconfig.json"
-    },
-    "settings": {
-        "import/parsers": {
-            "@typescript-eslint/parser": [".ts"]
-        },
-        "import/resolver": {
-            "typescript": {
-                "alwaysTryTypes": true,
-                "project": "./tsconfig.json"
-            }
-        }
-    }
-}

package/.github/workflows/ci.yml

@@ -1,68 +0,0 @@
-name: Continuous integration
-
-on: [push]
-
-jobs:
-    runner-job:
-        runs-on: ubuntu-latest
-
-        steps:
-            - name: Check out repository code
-              uses: actions/checkout@v4
-            - name: Setup node
-              uses: actions/setup-node@v4
-              with:
-                node-version: "20"
-            - name: Install pnpm
-              run: npm install -g pnpm
-            - name: Get pnpm store directory
-              id: pnpm-cache
-              run: |
-                echo "STORE_PATH=$(pnpm store path)" >> $GITHUB_OUTPUT
-            - uses: actions/cache@v4
-              name: Setup pnpm cache
-              with:
-                path: ${{ steps.pnpm-cache.outputs.STORE_PATH }}
-                key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-                restore-keys: |
-                  ${{ runner.os }}-pnpm-store-
-            - uses: actions/cache@v4
-              name: Setup Playwright browsers cache
-              with:
-                path: /home/runner/.cache/ms-playwright/
-                key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
-                restore-keys: |
-                  ${{ runner.os }}-playwright-
-            - name: Install packages
-              run: |
-                  pnpm install
-            - name: Build
-              run: |
-                  pnpm run production
-            - name: Lint
-              run: |
-                  pnpm run lint
-            - name: Check types
-              run: |
-                  pnpm run tsc
-            - name: Clean coverage
-              run: rm -rf .nyc_output && npx jest --clearCache
-            - name: Run jest tests
-              run: pnpm run jest
-            - name: Playwright install
-              run: npx playwright install chromium
-            - name: Run playwright tests
-              run: pnpm run playwright
-            - name: Screenshots artifact
-              if: always()
-              uses: actions/upload-artifact@v4
-              with:
-                name: screenshots
-                path: src/playwright/playwright.test.ts-snapshots/
-            - name: Merge coverage
-              run: cp jest-coverage/coverage-final.json .nyc_output/coverage_jsdom.json
-            - name: Codecov
-              uses: codecov/codecov-action@v3
-              with:
-                directory: .nyc_output
-                verbose: true

package/.github/workflows/codeql-analysis.yml

@@ -1,32 +0,0 @@
-name: "CodeQL"
-
-on:
-  push:
-    branches: [dev]
-  pull_request:
-    branches: [dev]
-
-jobs:
-    analyze:
-        name: Analyze
-        runs-on: ubuntu-latest
-
-        strategy:
-            fail-fast: false
-            matrix:
-                language: ["javascript"]
-
-        steps:
-            - name: Checkout repository
-              uses: actions/checkout@v4
-
-            - name: Initialize CodeQL
-              uses: github/codeql-action/init@v3
-              with:
-                  languages: ${{ matrix.language }}
-
-            - name: Autobuild
-              uses: github/codeql-action/autobuild@v3
-
-            - name: Perform CodeQL Analysis
-              uses: github/codeql-action/analyze@v3

package/.github/workflows/size.yml

@@ -1,24 +0,0 @@
-name: Compressed Size
-on: [pull_request]
-
-jobs:
-    runner-job:
-        runs-on: ubuntu-latest
-
-        steps:
-            - name: Check out repository code
-              uses: actions/checkout@v4
-            - name: Setup node
-              uses: actions/setup-node@v4
-              with:
-                  node-version: "20"
-            - name: Install pnpm
-              run: npm install -g pnpm
-            - name: Install packages
-              run: pnpm install
-            - name: Check compressed size
-              uses: preactjs/compressed-size-action@v2
-              with:
-                  build-script: "production"
-                  pattern: "./lib/**/*.js"
-                  exclude: "{./lib/**/*.d.js,./lib/playwright/**,./lib/test/**}"

package/.github/workflows/static.yml

@@ -1,57 +0,0 @@
-name: Deploy static content to Pages
-
-on:
-  push:
-    branches: ["master"]
-  workflow_dispatch:
-    branches: ["master"]
-
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-concurrency:
-  group: "pages"
-  cancel-in-progress: false
-
-jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v3
-      - name: Setup ruby
-        uses: ruby/setup-ruby@v1
-        with:
-          ruby-version: '3.2'
-      - name: Setup node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 20
-      - name: Install pnpm
-        run: npm install -g pnpm
-      - name: Install ruby packages
-        working-directory: ./docs
-        run: bundle
-      - name: Install javascript packages
-        working-directory: ./docs
-        run: pnpm install
-      - name: Build docs css
-        working-directory: ./docs
-        run: pnpm run build_docs_css
-      - name: Jekyll Build
-        working-directory: ./docs
-        run: bundle exec jekyll build
-      - name: Setup Pages
-        uses: actions/configure-pages@v3
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
-        with:
-          path: './docs/_site'
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v2

package/.prettier

@@ -1,3 +0,0 @@
-{
-  "tabWidth": 4
-}

package/config/.postcssrc

@@ -1,6 +0,0 @@
-{
-    "plugins": {
-        "postcss-nested": {},
-        "autoprefixer": {}
-    }
-}

package/config/babel.config.json

@@ -1,11 +0,0 @@
-{
-    "presets": ["@babel/preset-typescript", "@babel/preset-env"],
-    "env": {
-        "test": {
-            "presets": [
-                "@babel/preset-typescript",
-                "@babel/preset-env"
-            ]
-        }
-    }
-}

package/config/babel.coverage.config.json

@@ -1,4 +0,0 @@
-{
-    "presets": ["@babel/preset-typescript", "@babel/preset-env"],
-    "plugins": ["istanbul"]
-}

package/config/jest.config.js

@@ -1,24 +0,0 @@
-module.exports = {
-    coverageDirectory: "jest-coverage",
-    coverageReporters: ["json"],
-    modulePathIgnorePatterns: [
-        "<rootDir>/docs/_site/",
-        "<rootDir>/docs/static/",
-        "<rootDir>/lib/",
-    ],
-    rootDir: "../",
-    setupFilesAfterEnv: [
-        "<rootDir>/src/test/support/setupTests.ts",
-        "givens/setup.js",
-        "jest-extended/all",
-    ],
-    setupFiles: ["<rootDir>/config/jest.polyfills.js"],
-    testEnvironment: "jsdom",
-    testEnvironmentOptions: {
-        customExportConditions: [""],
-    },
-    testRegex: "\\/src\\/test\\/.*\\.test\\.ts",
-    transform: {
-        "\\.tsx?$": ["babel-jest", { root: __dirname }],
-    },
-};

package/config/jest.polyfills.js

@@ -1,14 +0,0 @@
-const { TextEncoder, TextDecoder } = require("node:util");
-
-Reflect.set(globalThis, "TextEncoder", TextEncoder);
-Reflect.set(globalThis, "TextDecoder", TextDecoder);
-
-const { Blob } = require("node:buffer");
-const { fetch, Request, Response, Headers, FormData } = require("undici");
-
-Reflect.set(globalThis, "fetch", fetch);
-Reflect.set(globalThis, "Blob", Blob);
-Reflect.set(globalThis, "Request", Request);
-Reflect.set(globalThis, "Response", Response);
-Reflect.set(globalThis, "Headers", Headers);
-Reflect.set(globalThis, "FormData", FormData);

package/config/playwright.config.js

@@ -1,18 +0,0 @@
-const { devices } = require("@playwright/test");
-
-const config = {
-    testDir: "../src/playwright",
-    projects: [
-        {
-            name: "Chromium",
-            use: { ...devices["Desktop Chrome"] },
-        },
-    ],
-    webServer: {
-        command: "pnpm devserver-with-coverage",
-        cwd: "..",
-        port: 8080,
-    },
-};
-
-module.exports = config;

package/config/production

@@ -1,6 +0,0 @@
-rm -rf ./lib &&
-mkdir lib &&
-rollup -c config/rollup.config.mjs &&
-DEBUG_BUILD=true rollup -c config/rollup.config.mjs &&
-babel src --config-file ./config/babel.config.json --out-dir lib --extensions .ts &&
-postcss --config ./config -o jqtree.css css/jqtree.postcss

package/config/rollup.config.mjs

@@ -1,71 +0,0 @@
-import fs from "fs";
-import jsonfile from "jsonfile";
-import template from "lodash.template";
-import { babel } from "@rollup/plugin-babel";
-import resolve from "@rollup/plugin-node-resolve";
-import serve from "rollup-plugin-serve";
-import terser from "@rollup/plugin-terser";
-
-const getBanner = () => {
-    const headerTemplate = fs.readFileSync("./src/header.txt", "utf8");
-    const { version } = jsonfile.readFileSync("package.json");
-
-    const data = {
-        version,
-        year: new Date().getFullYear(),
-    };
-
-    const banner = template(headerTemplate)(data);
-    return `/*\n${banner}\n*/`;
-};
-
-const debugBuild = Boolean(process.env.DEBUG_BUILD);
-const devServer = Boolean(process.env.SERVE);
-const includeCoverage = Boolean(process.env.COVERAGE);
-
-const resolvePlugin = resolve({ extensions: [".ts"] });
-
-const babelConfigFile = includeCoverage
-    ? "babel.coverage.config.json"
-    : "babel.config.json";
-
-const babelPlugin = babel({
-    babelHelpers: "bundled",
-    configFile: `./config/${babelConfigFile}`,
-    extensions: [".ts"],
-});
-
-const plugins = [resolvePlugin, babelPlugin];
-
-if (!debugBuild) {
-    const terserPlugin = terser({
-        output: {
-            comments: /@license/,
-        },
-    });
-    plugins.push(terserPlugin);
-}
-
-if (devServer) {
-    const servePlugin = serve({
-        contentBase: ["./devserver", "./docs/static", "./"],
-        port: 8080,
-    });
-    plugins.push(servePlugin);
-}
-
-export default {
-    input: "src/tree.jquery.ts",
-    output: {
-        banner: getBanner(),
-        file: debugBuild ? "tree.jquery.debug.js" : "tree.jquery.js",
-        format: "iife",
-        globals: {
-            jquery: "jQuery",
-        },
-        name: "jqtree",
-        sourcemap: true,
-    },
-    external: ["jquery"],
-    plugins,
-};

package/css/jqtree.postcss

@@ -1,193 +0,0 @@
-ul.jqtree-tree {
-    list-style: none outside;
-    margin-left: 0;
-    margin-bottom: 0;
-    padding: 0;
-
-    &.jqtree-dnd {
-        touch-action: none;
-    }
-
-    ul.jqtree_common {
-        list-style: none outside;
-        margin-left: 12px;
-        margin-right: 0;
-        margin-bottom: 0;
-        padding: 0;
-        display: block;
-    }
-
-    li.jqtree-closed > ul.jqtree_common {
-        display: none;
-    }
-
-    li.jqtree_common {
-        clear: both;
-        list-style-type: none;
-    }
-
-    .jqtree-toggler {
-        border-bottom: none;
-        color: #333;
-        text-decoration: none;
-        vertical-align: middle;
-
-        &:hover {
-            color: #000;
-            text-decoration: none;
-        }
-
-        &.jqtree-closed {
-            background-position: 0 0;
-        }
-
-        &.jqtree-toggler-left {
-            margin-right: 0.5em;
-        }
-
-        &.jqtree-toggler-right {
-            margin-left: 0.5em;
-        }
-    }
-
-    .jqtree-element {
-        cursor: pointer;
-        position: relative;
-        display: flex;
-
-        &:has(.jqtree-title-button-right) {
-            display: block;
-        }
-    }
-
-    .jqtree-title {
-        color: #1c4257;
-        vertical-align: middle;
-    }
-
-    .jqtree-title-button-left {
-        margin-left: 1.5em;
-
-        &.jqtree-title-folder {
-            margin-left: 0;
-        }
-    }
-
-    li.jqtree-folder {
-        margin-bottom: 4px;
-
-        &.jqtree-closed {
-            margin-bottom: 1px;
-        }
-    }
-
-    li.jqtree-ghost {
-        position: relative;
-        z-index: 10;
-        margin-right: 10px;
-
-        span {
-            display: block;
-        }
-
-        span.jqtree-circle {
-            border: solid 2px #0000ff;
-            border-radius: 100px;
-            height: 8px;
-            width: 8px;
-            position: absolute;
-            top: -4px;
-            left: -6px;
-            box-sizing: border-box;
-        }
-
-        span.jqtree-line {
-            background-color: #0000ff;
-            height: 2px;
-            padding: 0;
-            position: absolute;
-            top: -1px;
-            left: 2px;
-            width: 100%;
-        }
-
-        &.jqtree-inside {
-            margin-left: 48px;
-        }
-    }
-
-    span.jqtree-border {
-        position: absolute;
-        display: block;
-        left: -2px;
-        top: 0;
-        border: solid 2px #0000ff;
-        border-radius: 6px;
-        margin: 0;
-        box-sizing: content-box;
-    }
-
-    li.jqtree-selected > .jqtree-element,
-    li.jqtree-selected > .jqtree-element:hover {
-        background-color: #97bdd6;
-        background: linear-gradient(#bee0f5, #89afca);
-        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-    }
-
-    .jqtree-moving > .jqtree-element .jqtree-title {
-        outline: dashed 1px #0000ff;
-    }
-}
-
-ul.jqtree-tree.jqtree-rtl {
-    direction: rtl;
-
-    ul.jqtree_common {
-        margin-left: 0;
-        margin-right: 12px;
-    }
-
-    .jqtree-toggler {
-        margin-left: 0.5em;
-        margin-right: 0;
-    }
-
-    .jqtree-title {
-        margin-left: 0;
-        margin-right: 1.5em;
-
-        &.jqtree-title-folder {
-            margin-right: 0;
-        }
-    }
-
-    li.jqtree-ghost {
-        margin-right: 0;
-        margin-left: 10px;
-
-        span.jqtree-circle {
-            right: -6px;
-        }
-
-        span.jqtree-line {
-            right: 2px;
-        }
-
-        &.jqtree-inside {
-            margin-left: 0;
-            margin-right: 48px;
-        }
-    }
-
-    span.jqtree-border {
-        right: -2px;
-    }
-}
-
-span.jqtree-dragging {
-    color: #fff;
-    background: #000;
-    opacity: 0.6;
-    cursor: pointer;
-    padding: 2px 8px;
-}

package/devserver/devserver.js

@@ -1,7 +0,0 @@
-const $tree = $("#tree1");
-
-$tree.tree({
-    autoOpen: 0,
-    data: ExampleData.exampleData,
-    dragAndDrop: true,
-});

package/devserver/devserver_scroll.js

@@ -1,8 +0,0 @@
-const $tree = $("#tree1");
-
-$tree.tree({
-    autoOpen: true,
-    data: ExampleData.exampleData,
-    dragAndDrop: true,
-    useContextMenu: false,
-});

package/devserver/index.html

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <title>JqTree devserver</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta
-            name="description"
-            content="JqTree is a jQuery widget for displaying a tree structure in html"
-        />
-        <link rel="stylesheet" href="/jqtree.css" />
-    </head>
-    <body>
-        <div class="container">
-            <div id="tree1"></div>
-        </div>
-    </body>
-    <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-    <script src="/tree.jquery.js"></script>
-    <script src="/example_data.js"></script>
-    <script src="/devserver.js"></script>
-</html>

package/devserver/test_index.html

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8" />
-        <link rel="stylesheet" href="/jqtree.css" />
-        <script src="/bower_components/jquery/dist/jquery.min.js"></script>
-        <script src="tree.jquery.js"></script>
-        <script src="/example_data.js"></script>
-        <style>
-            .wide-tree {
-                font-size: 20px;
-            }
-
-            .wide-tree ul.jqtree-tree ul.jqtree_common {
-                margin-left: 128px;
-            }
-        </style>
-    </head>
-    <body>
-        <div id="tree1"></div>
-    </body>
-</html>