MCPcopy
hub / github.com/Famous/famous-angular

github.com/Famous/famous-angular @0.5.2 sqlite

repository ↗ · DeepWiki ↗ · release 0.5.2 ↗
58 symbols 107 edges 81 files 1 documented · 2%
README

Famo.us/Angular Build Status

Add Famo.us interactions and animations to any AngularJS application and build Famo.us applications with AngularJS.

Using F/A, you can: * Create Famo.us apps using familiar AngularJS tools like controllers, directives, and services. * Bring rich Famo.us animations to new or existing AngularJS apps. * Use HTML to declare Famo.us UIs, complete with Angular's two-way databinding. * Easily integrate Famo.us and AngularJS apps.

Read More

Project Site

Download

Famo.us/Angular Starter Kit or bower install famous-angular

Sample projects and generators

Installation

Before you start, tools you will need:

  • Download and install git
  • Download and install nodeJS
  • Install bower npm install -g bower

Inside of your app:

  • Run bower install famous-angular
  • Add the following to your index.html
  <script src="https://github.com/Famous/famous-angular/raw/0.5.2/bower_components/famous/dist/famous-global.js"></script>
  <script src="https://github.com/Famous/famous-angular/raw/0.5.2/bower_components/famous-angular/dist/famous-angular.js"></script>
  • Add<link rel="stylesheet" href="https://github.com/Famous/famous-angular/raw/0.5.2/bower_components/famous-angular/dist/famous-angular.css"> to the <head> of your index.html
  • Add the famous.angular module to your Angular module list (e.g. in a main app.js file: angular.module('yourMainModule', ['famous.angular']))
  • And add an <fa-app style="height: 200px"><fa-surface fa-background-color="'red'">Hello world</fa-surface></fa-app> in one of your templates. If you see 'Hello world' on a red background, you should be good to go. **Note: currently, the element that the <fa-app> is on must be display: block (like a `

or a

, or just) and must have a defined height (likestyle="height: 200px"` in this example.)**

CDN Dependencies

Here are a few CDN URLs for Famo.us and Famous-angular specific dependencies just in case you are not able to use bower or node for tooling in the app. You will still need to ensure that you have Angular 1.2.26 in your project as it is a dependency for Famous-Angular.

Famo.us: * http://code.famo.us/famous/latest/famous-global.js * http://code.famo.us/famous/latest/famous.js * http://code.famo.us/famous/latest/famous.css

Famous-Angular: * http://code.famo.us/famous-angular/latest/famous-angular.js * http://code.famo.us/famous-angular/latest/famous-angular.css

Support

  • Feel free reach out for support on the Famous IRC channel on Freenode.
  • Please submit issues as Github issues.
  • Please create a CodePen forked from this pen for all of you code issues.

Contributing

See CONTRIBUTING.md for dev environment instructions and contribution guidelines.

Get in touch

As mentioned above, please direct support questions to GitHub Issues so that community members can help answer questions as well as benefit from answers.

For anything else, email jordan@famo.us or tweet at @befamous.

Core symbols most depended-on inside this repo

generateTransformTests
called by 7
test/directives/faModifierSpec.js
_unwrapParticle
called by 6
src/scripts/directives/fa-modifier.js
_getIsolate
called by 6
src/scripts/services/famousAnimate.js
printSection
called by 5
changelog.js
generateModifierTests
called by 5
test/directives/faModifierSpec.js
error
called by 3
validateCommitMsg.js
doneOrDuration
called by 3
test/services/famousAnimateSpec.js
resetState
called by 3
src/scripts/directives/fa-input.js

Shape

Function 58

Languages

TypeScript100%

Modules by API surface

changelog.js11 symbols
src/scripts/directives/fa-input.js6 symbols
src/scripts/services/timeline.js5 symbols
src/scripts/directives/fa-app.js4 symbols
validateCommitMsg.js3 symbols
test/phantomjs-polyfills.js3 symbols
test/directives/faModifierSpec.js2 symbols
src/scripts/services/famousAnimate.js2 symbols
src/scripts/directives/fa-surface.js2 symbols
src/scripts/directives/fa-modifier.js2 symbols
src/scripts/directives/fa-image-surface.js2 symbols
gulpfile.js2 symbols

Dependencies from manifests, versioned

bower1.3.3 · 1×
canonical-path0.0.2 · 1×
connect-livereload0.4.0 · 1×
cp-r0.1.1 · 1×
dgeni0.3.0 · 1×
dgeni-packages0.9.1 · 1×
express4.0.0 · 1×
gulp3.8.10 · 1×
gulp-autoprefixer0.0.7 · 1×
gulp-cache0.1.3 · 1×
gulp-clean0.2.4 · 1×
gulp-concat2.2.0 · 1×

For agents

$ claude mcp add famous-angular \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact