@viewfly/scoped-css 0.0.1-alpha.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 TanBo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+Viewfly
+================================
+
+Viewfly 是一个简单、数据驱动的前端视图库，完整文档请参考官方网站：[viewfly.org](https://viewfly.org)

package/bundles/css-modules.d.ts

@@ -0,0 +1,2 @@
+import { ComponentSetup } from '@viewfly/core';
+export declare function scopedCss<T extends ComponentSetup>(css: Record<string, string>, factory: T): T;

package/bundles/index.esm.js

@@ -0,0 +1,33 @@
+import { JSXElement, Props } from '@viewfly/core';
+
+function replaceCSSClass(template, css) {
+    if (template instanceof JSXElement) {
+        const cssNames = template.props.attrs.get('css');
+        if (typeof cssNames !== 'string') {
+            return;
+        }
+        template.props.attrs.delete('css');
+        const classes = template.props.classes;
+        Props.classToArray(cssNames).forEach(i => {
+            const klass = css[i];
+            if (klass) {
+                classes.add(klass);
+            }
+        });
+        template.props.children.forEach(child => {
+            replaceCSSClass(child, css);
+        });
+    }
+}
+function scopedCss(css, factory) {
+    return function (props) {
+        const componentRender = factory(props);
+        return function () {
+            const template = componentRender();
+            replaceCSSClass(template, css);
+            return template;
+        };
+    };
+}
+
+export { scopedCss };

package/bundles/index.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var core = require('@viewfly/core');
+
+function replaceCSSClass(template, css) {
+    if (template instanceof core.JSXElement) {
+        const cssNames = template.props.attrs.get('css');
+        if (typeof cssNames !== 'string') {
+            return;
+        }
+        template.props.attrs.delete('css');
+        const classes = template.props.classes;
+        core.Props.classToArray(cssNames).forEach(i => {
+            const klass = css[i];
+            if (klass) {
+                classes.add(klass);
+            }
+        });
+        template.props.children.forEach(child => {
+            replaceCSSClass(child, css);
+        });
+    }
+}
+function scopedCss(css, factory) {
+    return function (props) {
+        const componentRender = factory(props);
+        return function () {
+            const template = componentRender();
+            replaceCSSClass(template, css);
+            return template;
+        };
+    };
+}
+
+exports.scopedCss = scopedCss;

package/bundles/public-api.d.ts

@@ -0,0 +1 @@
+export * from './css-modules';

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@viewfly/scoped-css",
+  "version": "0.0.1-alpha.0",
+  "description": "Viewfly is a simple and easy-to-use JavaScript framework with an intuitive development experience",
+  "main": "./bundles/index.js",
+  "module": "./bundles/index.esm.js",
+  "typings": "./bundles/public-api.d.ts",
+  "scripts": {
+    "start": "webpack-dev-server",
+    "test": "cross-env env=test jest",
+    "test-c": "cross-env env=test jest --coverage",
+    "build:lib": "rimraf bundles && rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "publish:lib": "npm run build:lib && npm publish --access=public"
+  },
+  "license": "MIT",
+  "keywords": [],
+  "dependencies": {
+    "@viewfly/core": "^0.0.1-alpha.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^23.0.2",
+    "@rollup/plugin-typescript": "^9.0.2",
+    "rimraf": "^3.0.2",
+    "rollup": "^3.2.5",
+    "tslib": "^2.4.1"
+  },
+  "author": {
+    "name": "Tanbo",
+    "email": "tanbohb@qq.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/viewfly/viewfly.git"
+  },
+  "bugs": {
+    "url": "https://github.com/viewfly/viewfly.git/issues"
+  }
+}

package/rollup.config.ts

@@ -0,0 +1,24 @@
+import commonjs from '@rollup/plugin-commonjs'
+import typescript from '@rollup/plugin-typescript'
+
+export default {
+  input: 'src/public-api.ts',
+  output: [
+    {
+      file: './bundles/index.js',
+      format: 'cjs'
+    },
+    {
+      file: './bundles/index.esm.js',
+      format: 'esm'
+    }
+  ],
+  plugins: [
+    commonjs(),
+    typescript({
+      compilerOptions: {
+        paths: {}
+      }
+    })
+  ]
+}

package/src/css-modules.ts

@@ -0,0 +1,32 @@
+import { JSXElement, ComponentSetup, Props } from '@viewfly/core'
+
+function replaceCSSClass(template, css: Record<string, string>) {
+  if (template instanceof JSXElement) {
+    const cssNames = template.props.attrs.get('css')
+    if (typeof cssNames !== 'string') {
+      return
+    }
+    template.props.attrs.delete('css')
+    const classes = template.props.classes
+    Props.classToArray(cssNames).forEach(i => {
+      const klass = css[i]
+      if (klass) {
+        classes.add(klass)
+      }
+    })
+    template.props.children.forEach(child => {
+      replaceCSSClass(child, css)
+    })
+  }
+}
+
+export function scopedCss<T extends ComponentSetup>(css: Record<string, string>, factory: T): T {
+  return function (props: any) {
+    const componentRender = factory(props)
+    return function () {
+      const template = componentRender()
+      replaceCSSClass(template, css)
+      return template
+    }
+  } as T
+}

package/src/public-api.ts

@@ -0,0 +1 @@
+export * from './css-modules'

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "declaration": true,
+    "useDefineForClassFields": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "allowSyntheticDefaultImports": true,
+    "lib": [
+      "esnext",
+      "dom"
+    ],
+    "target": "es6",
+    "strict": true,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "inlineSourceMap": true,
+    "inlineSources": true,
+    "noImplicitAny": false,
+    "ignoreDeprecations": "5.0",
+    "suppressImplicitAnyIndexErrors": true,
+    "outDir": "bundles/",
+    "downlevelIteration": true,
+    "paths": {
+      "@viewfly/core": [
+        "../core/src/public-api.ts"
+      ]
+    }
+  },
+  "include": [
+    "src"
+  ],
+  "ts-node": {
+    "compilerOptions": {
+      "module": "CommonJS"
+    }
+  }
+}