st0ffern / gl-react-imagefilters Goto Github PK

You can apply filters to an image but, how to store the filtered image on disk?

I see you have included component in readme. I am unable to get this thing? In package.json gl-react and gl-react-native are not mentioned anywhere as dependencies.

Do i have to install these libraries to make this work as component is part of these libraries?

I was wondering if you had any suggestions on performance. On an iPhone 6s+ it seems to do ok, but on iPhone 5 it's very choppy. Any ideas on how to correct?

Render part of code:

<ImageFilter height={image.size.height} width={image.size.width} {...imageFilterProps}>
  {image.uri}
</ImageFilter>

I have an option to select each value (sepia, hue, saturation, etc.). I use the slider to apply the filter. I setState to change the value.

My imageFilterProps is an object that has all of the keys you specify in the docs. The component works but it's slow on older phones. Any ideas?

Bug Report

After installing with yarn, also tried with npm. (packager restarted)

"dependencies": { "gl-react": "^3.6.0", "gl-react-imagefilters": "^0.1.5", "gl-react-native": "^3.6.0", "react": "16.0.0-alpha.6", "react-native": "0.44.0", "react-navigation": "^1.0.0-beta.10", },

Hi @Stoffern, I get an error when trying to run my RN project after installing this lib as a dep. I think it is because react is included as a dep instead of a peer dep.

Version 10 of Node.js (code name Dubnium) has been released! 🎊

To see what happens to your code in Node.js 10, Greenkeeper has created a branch with the following changes:

• Added the new Node.js version to your .travis.yml

If you’re interested in upgrading this repo to Node.js 10, you can open a PR with these changes. Please note that this issue is just intended as a friendly reminder and the PR as a possible starting point for getting your code running on Node.js 10.

Your Greenkeeper Bot 🌴

Working with React-Native,
i've just installed the whole stuff:

from my package.json:

    "gl-react": "^2.3.1",
    "gl-react-imagefilters": "^0.1.9",
    "gl-react-native": "^2.48.0",

but when i add import ImageFilter from 'gl-react-imagefilters'
i got that warning:

Can't find variable: Component
<unknown>
Negative.js:33

@ that line i got from Negative.js the following code :

var Negative = function (_Component) {
  _inherits(Negative, _Component);

  function Negative() {
    _classCallCheck(this, Negative);

    return _possibleConstructorReturn(this, (Negative.__proto__ || Object.getPrototypeOf(Negative)).apply(this, arguments));
  }

  _createClass(Negative, [{
    key: "render",
    value: function render() {
      var _props = this.props,
          t = _props.children,
          factor = _props.factor;

      return _react2.default.createElement(_glReact.Node, {
        shader: shaders.Negative,
        uniforms: {
          t: t,
          factor: factor
        }
      });
    }
  }]);

  return Negative;
}(Component);

How to let Negative.js access to Component (React.Component?) ?
Did i miss something ?

hi i want to install gl-react-image. when i want to run this i get the error "undefined is not a object"
This happens when i want to install gl-react-imagefilters

npm install gl-react-imagefilters
[email protected] /home/t/react/image2
└── [email protected] 

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.1.1 (node_modules/sane/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of react@^15.2.1 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.
npm WARN [email protected] requires a peer of gl-react@~2.2.0 but none was installed.

and this is the Output by typing npm ls gl-react-imagefilters

[email protected] /home/t/react/image2
└── [email protected]  extraneous

npm ERR! extraneous: [email protected] /home/t/react/image2/node_modules/gl-react-imagefilters

Please 😄

HI @Stoffern.
I tried to use this module with latest React and gl-react@^2.2.5 but I faced couple of issues:

• Some of the dependencies are still referencing PropTypes from React
• gl-react-sharpen produces:

You are trying to use GLSL from gl-react v2 but this feature is only available in gl-react v3. Please upgrade gl-react or downgrade any library that expect gl-react v3

Feel free to let me know if I'm doing something wrong or if that's known issues; I'd be able to come with PR for the PropTypes error; not sure how what to do with gl-react-sharpen.

The devDependency semantic-release was updated from 15.13.11 to 15.13.12.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

semantic-release is a devDependency of this project. It might not break your production code or affect downstream projects, but probably breaks your build or test tools, which may prevent deploying or publishing.

Your Greenkeeper Bot 🌴

Just noticed this:

• sepia: optionally the intensity of the effect. 1.0 is normal. higher than 1 will add sepia.
• sepia: optional input to adjust the sepia filter (Default: 0 )

Version 2.0.1 of gl-react-temperature was just published.

This version is covered by your current version range and after updating it in your project the build failed.

gl-react-temperature is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴