@vkontakte/vkui 4.27.2 → 4.28.0

package/tasks/styleint-atomic.js

@@ -1,57 +0,0 @@
-const path = require("path");
-const stylelint = require("stylelint");
-const selectorParser = require("postcss-selector-parser");
-
-const ruleName = "vkui/atomic";
-const messages = stylelint.utils.ruleMessages(ruleName, {});
-const isPseudo = (sel) =>
-  sel.type === "pseudo" || (sel.parent && isPseudo(sel.parent));
-
-module.exports = stylelint.createPlugin(ruleName, function () {
-  return function (root, result) {
-    const { file } = root.source.input;
-    // Only apply to component CSS, not styles/*.css
-    if (file.split(path.sep).includes("styles")) {
-      return;
-    }
-    const cssCmp = path.basename(file).split(".")[0];
-    root.walkRules((node) => {
-      if (node.parent.name === "keyframes") {
-        return;
-      }
-      node.selector.split(/,\s*/).forEach((sel) => {
-        let hasComponentScope = false;
-        let selTarget = "";
-        selectorParser((selectors) => {
-          selectors.walk((selector) => {
-            // exclude :not contents
-            if (isPseudo(selector)) {
-              return;
-            }
-            if (selector.type === "combinator") {
-              hasComponentScope = false;
-              selTarget = "";
-              return;
-            }
-            selTarget += String(selector);
-            if (selector.type === "class") {
-              const ruleCmp = selector.value.split(/(--|__)/g)[0];
-              hasComponentScope = hasComponentScope || ruleCmp === cssCmp;
-            }
-          });
-        }).processSync(sel);
-        if (!hasComponentScope) {
-          stylelint.utils.report({
-            ruleName,
-            node,
-            result,
-            message: `"${selTarget}" must reference .${cssCmp}`,
-          });
-        }
-      });
-    });
-  };
-});
-
-module.exports.ruleName = ruleName;
-module.exports.messages = messages;

package/tokenized/index.d.ts

@@ -1 +0,0 @@
-export * from "../dist/tokenized";

package/tokenized/package.json

@@ -1,4 +0,0 @@
-{
-  "main": "../dist/cjs/tokenized/index.js",
-  "module": "../dist/tokenized/index.js"
-}

package/tsconfig.dist.json

@@ -1,16 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  // only include source, not testing
-  "include": ["src/**/*.ts", "src/**/*.tsx"],
-  "exclude": [
-    "node_modules",
-    "src/**/*.test.ts",
-    "src/**/*.test.tsx",
-    "src/**/*.spec.ts",
-    "src/**/*.spec.tsx",
-    "src/**/*.e2e.ts",
-    "src/**/*.e2e.tsx",
-    "src/testing/"
-  ],
-  "files": ["src/lib/jsxRuntime.d.ts", "types/global.d.ts"]
-}

package/tsconfig.json

@@ -1,38 +0,0 @@
-{
-  "compilerOptions": {
-    "jsx": "react",
-    "jsxFactory": "createScopedElement",
-    "target": "esnext",
-    "lib": ["es6", "dom"],
-    "outDir": "dist",
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "moduleResolution": "node",
-    "isolatedModules": true,
-    "strict": true,
-    "baseUrl": "src",
-    "paths": {
-      "@react-playwright": ["../e2e"]
-    }
-  },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "e2e/**/*.ts",
-    "e2e/**/*.tsx",
-    "e2e/**/*.js",
-    "tasks/**/*.js",
-    ".github/**/*.js",
-    "*.js"
-  ],
-  "files": [
-    "node_modules/jest-playwright-preset/types/global.d.ts",
-    "node_modules/expect-playwright/global.d.ts",
-    "src/lib/jsxRuntime.d.ts",
-    "types/global.d.ts"
-  ]
-}

package/types/global.d.ts

@@ -1,7 +0,0 @@
-import "react";
-
-declare module "react" {
-  interface Attributes {
-    vkuiClass?: string | string[];
-  }
-}

package/unstable/index.d.ts

@@ -1 +0,0 @@
-export * from "../dist/unstable";

package/unstable/package.json

@@ -1,4 +0,0 @@
-{
-  "main": "../dist/cjs/unstable/index.js",
-  "module": "../dist/unstable/index.js"
-}

package/webpack.config.js

@@ -1,86 +0,0 @@
-const path = require("path");
-const webpack = require("webpack");
-const { merge } = require("webpack-merge");
-
-const isProduction = process.env.NODE_ENV === "production";
-process.env.BABEL_KEEP_CSS = "1";
-const styleLoader = {
-  loader: "style-loader",
-  options: {
-    // singleton is faster, but does not support sourcemaps
-    injectType: isProduction ? "singletonStyleTag" : "styleTag",
-    attributes: {
-      class: "vkui-style",
-    },
-  },
-};
-
-const config = {
-  entry: {
-    vkui: "./src/vkui.js",
-  },
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: "[name].js",
-    libraryTarget: "umd",
-    globalObject: `typeof self !== 'undefined' ? self : this`,
-  },
-  plugins: [
-    new webpack.ProvidePlugin({
-      process: "process/browser",
-    }),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.[jt]sx?$/,
-        exclude: /node_modules/,
-        loader: "babel-loader",
-      },
-      {
-        test: /\.(jpeg|jpg|png|woff|woff2|svg|otf)$/,
-        type: "asset/resource",
-        generator: {
-          filename: "static/[name].[hash:8].[ext]",
-        },
-      },
-      {
-        test: /\.css$/,
-        exclude: /styleguide/,
-        use: [styleLoader, "css-loader", "postcss-loader"],
-      },
-      {
-        test: /\.css$/,
-        include: /styleguide/,
-        use: [styleLoader, "css-loader"],
-      },
-    ],
-  },
-  resolve: {
-    extensions: [".ts", ".tsx", ".js"],
-  },
-  devtool: "source-map",
-  stats: {
-    children: false,
-  },
-  externals: [
-    {
-      react: "react",
-      "prop-types": "prop-types",
-      "react-dom": "react-dom",
-    },
-    /@vkontakte\/icons/i,
-  ],
-};
-
-const devConfig = {
-  mode: "development",
-};
-
-const prodConfig = {
-  mode: "production",
-};
-
-module.exports = isProduction
-  ? merge(config, prodConfig)
-  : merge(config, devConfig);

package/webpack.styles.config.js

@@ -1,67 +0,0 @@
-const MiniCssExtractPlugin = require("mini-css-extract-plugin");
-const path = require("path");
-const { defaultSchemeId } = require("./package.json");
-
-process.env.BABEL_KEEP_CSS = "1";
-
-module.exports = {
-  // CSS is optimized via postcss, we dont care about JS
-  mode: "none",
-  // TODO: Once CSS is modular, replace
-  // './src/styles/components.css' -> './src/index.ts'
-  // './src/styles/unstable.css' -> './src/unstable/index.ts'
-  entry: {
-    stable: ["./src/styles/themes.css", "./src/styles/components.css"],
-    unstable: "./src/styles/unstable.css",
-    components: "./src/styles/components.css",
-    default_scheme: `./src/styles/${defaultSchemeId}.css`,
-    fonts: "./src/fonts/fonts.css",
-  },
-  output: {
-    path: path.resolve(__dirname, "dist"),
-    filename: "[name].js.tmp",
-  },
-  module: {
-    rules: [
-      {
-        test: /\.[jt]sx?$/,
-        exclude: /node_modules/,
-        loader: "babel-loader",
-      },
-      {
-        test: /\.css$/,
-        use: [MiniCssExtractPlugin.loader, "css-loader", "postcss-loader"],
-      },
-      {
-        test: /\.woff|woff2$/,
-        type: "asset/resource",
-      },
-    ],
-  },
-  optimization: {
-    splitChunks: {
-      chunks: (chunk) => ["stable", "unstable"].includes(chunk.name),
-      cacheGroups: {
-        // capture all common deps between stable & unstable
-        vkui: {
-          name: "vkui",
-          test: (module, { chunkGraph }) =>
-            chunkGraph
-              .getModuleChunks(module)
-              .some((chunk) => chunk.name === "stable"),
-        },
-      },
-    },
-  },
-  resolve: {
-    extensions: [".ts", ".tsx", ".js"],
-  },
-  devtool: "source-map",
-  plugins: [new MiniCssExtractPlugin({ filename: "[name].css" })],
-  stats: {
-    all: false,
-    assets: true,
-    errors: true,
-    warnings: true,
-  },
-};