search

Differential / meteor-vulcanize

Vulcanize html imports in your meteor app.
32 stars 15 forks source link

vulcanize.html not appearing in <head> polymer 1.0 #13

Closed rkstar closed 9 years ago

rkstar commented 9 years ago

what am i doing wrong?

i've set VULCANIZE=true and i'm seeing 

=> Started proxy.                             
=> Started MongoDB.                           
Vulcanize: Vulcanizing imports...            -
=> Started your app.                          

=> App running at: http://localhost:3000/

my /client/app.html code:

<head>
  <meta charset="utf-8">
  <title>polymer stuff</title>
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
  <link rel="shortcut icon" type="image/png" href="/favicon.png?123" sizes="16x16 32x32 64x64">
  <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-precomposed.png">

  <script src="/components/webcomponentsjs/webcomponents.js"></script>
</head>
<body>
      <paper-drawer-panel>
        <paper-header-panel drawer>
          <paper-toolbar>
            <div>Application</div>
          </paper-toolbar>
          <div> Drawer content... </div>
        </paper-header-panel>
        <paper-header-panel main>
          <paper-toolbar>
            <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
            <div>Title</div>
          </paper-toolbar>
          <div> Main content... </div>
        </paper-header-panel>
      </paper-drawer-panel>
</body>

my /client/imports.html code:

<!-- polymer imports -->

<!-- iron components -->
<link rel="import" href="/components/iron-icon/iron-icon.html">
<link rel="import" href="/components/iron-icons/iron-icons.html">
<link rel="import" href="/components/iron-image/iron-image.html">

<!-- paper components -->
<link rel="import" href="/components/paper-button/paper-button.html">
<link rel="import" href="/components/paper-drawer-panel/paper-drawer-panel.html">
<link rel="import" href="/components/paper-menu/paper-menu.html">
<link rel="import" href="/components/paper-material/paper-material.html">
<link rel="import" href="/components/paper-spinner/paper-spinner.html">
<link rel="import" href="/components/paper-scroll-header-panel/paper-scroll-header-panel.html">
<link rel="import" href="/components/paper-input/paper-input.html">
<link rel="import" href="/components/paper-toolbar/paper-toolbar.html">

looks like this screen shot 2015-06-09 at 3 06 18 pm

and <head> code is this:

<head><style>body {transition: opacity ease-in 0.2s; } 
body[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } 
</style>

<script type="text/javascript">__meteor_runtime_config__ = JSON.parse(decodeURIComponent("%7B%22meteorRelease%22%3A%22METEOR%401.1.0.2%22%2C%22ROOT_URL%22%3A%22http%3A%2F%2Flocalhost%3A3000%2F%22%2C%22ROOT_URL_PATH_PREFIX%22%3A%22%22%2C%22appId%22%3A%228vza3zperhyj1dcs5zi%22%2C%22autoupdateVersion%22%3A%22029fc31ea71be3d5711da7f7ef730060fd032e69%22%2C%22autoupdateVersionRefreshable%22%3A%2254431050c6215f111419d361f9cf3a63713971ff%22%2C%22autoupdateVersionCordova%22%3A%22none%22%7D"));</script>

  <script type="text/javascript" src="/packages/underscore.js?0a80a8623e1b40b5df5a05582f288ddd586eaa18"></script><style type="text/css"></style>
  <script type="text/javascript" src="/packages/meteor.js?43b7958c1598803e94014f27f5f622b0bddc0aaf"></script>
  <script type="text/javascript" src="/packages/json.js?e22856eae714c681199eabc5c0710b904b125554"></script>
  <script type="text/javascript" src="/packages/base64.js?1a63019243b73298e2964e6d4680f25bca657726"></script>
  <script type="text/javascript" src="/packages/ejson.js?71047b64b5196348bdbe5fd5eea9ac97a5a9eb14"></script>
  <script type="text/javascript" src="/packages/logging.js?07e201b648f16be8435a4f666156995eeda0c750"></script>
  <script type="text/javascript" src="/packages/reload.js?da8974b7231dd8c0caccb5f322dcf97329d486d1"></script>
  <script type="text/javascript" src="/packages/tracker.js?6d0890939291d9780f7e2607ee3af3e7f98a3d9c"></script>
  <script type="text/javascript" src="/packages/random.js?fe7b46080c91ce482acf6fc326afbc5b176f0502"></script>
  <script type="text/javascript" src="/packages/retry.js?1f1dd2c35d300110fdaba51ce4473583bc3bf031"></script>
  <script type="text/javascript" src="/packages/check.js?ac81167b8513b85b926c167bba423981b0c4cf9c"></script>
  <script type="text/javascript" src="/packages/id-map.js?9ea6eaae8d74693ce2505a858d9a5e60cf191298"></script>
  <script type="text/javascript" src="/packages/ordered-dict.js?bf8af2f26c8d96bf8b2e6b407d3ed69f23c2cd37"></script>
  <script type="text/javascript" src="/packages/geojson-utils.js?81b79d5cf96d00b4b7a28987debcffb665c17526"></script>
  <script type="text/javascript" src="/packages/minimongo.js?af9eb9d7447544ca9b839a3dcf7ed2da2209b56c"></script>
  <script type="text/javascript" src="/packages/ddp.js?d1840d3ba04c65ffade261f362e26699b7509706"></script>
  <script type="text/javascript" src="/packages/insecure.js?3dc9d4a2dad55999b5b15a447d57f3d5fb66b290"></script>
  <script type="text/javascript" src="/packages/mongo.js?3cfe0c5981c197df33036a37574850f057e934a6"></script>
  <script type="text/javascript" src="/packages/autoupdate.js?9a5ea03bf057815385bf569c7acc2c285c005491"></script>
  <script type="text/javascript" src="/packages/meteor-platform.js?499a2f8522e25820b1153c69a92751ccaae507b3"></script>
  <script type="text/javascript" src="/packages/autopublish.js?c3059a78bb200b171099fc4fa1a9345101790ddb"></script>
  <script type="text/javascript" src="/packages/differential_vulcanize.js?967ba0bc0c70e3517a8a1cf488f697bfc220debe"></script>
  <script type="text/javascript" src="/packages/webapp.js?e1be090051b82f046484dccc2de7d747e50c7328"></script>
  <script type="text/javascript" src="/packages/deps.js?504589e1e9585dec8f9f6094e5a87b22de3783a1"></script>
  <script type="text/javascript" src="/packages/reactive-dict.js?1cb61826ceb23464171f17c2191c7e04a9b91508"></script>
  <script type="text/javascript" src="/packages/session.js?daf192a7244079d45db32a6fc26ebc3881fc1aa3"></script>
  <script type="text/javascript" src="/packages/livedata.js?718526445deb4d9baacb6d92c551adea1d36c1e1"></script>
  <script type="text/javascript" src="/packages/jquery.js?dd8bac56f8fd3666d433d2285ae01e52597cc51a"></script>
  <script type="text/javascript" src="/packages/htmljs.js?567eb96d5d22631c03d6aca6afa4c42f0d1295f2"></script>
  <script type="text/javascript" src="/packages/observe-sequence.js?0532a9dd76dd78f543eb4d79a1e429df186d8bde"></script>
  <script type="text/javascript" src="/packages/reactive-var.js?20335b7b37165980ddd9f23943b2e5b00aae1cc2"></script>
  <script type="text/javascript" src="/packages/blaze.js?a5c324925e5f6e800a4c618d71caf2848b53bf51"></script>
  <script type="text/javascript" src="/packages/ui.js?5a663333fd30f8fd913f110e0ef779e84f67c4b8"></script>
  <script type="text/javascript" src="/packages/templating.js?376767bb0d2463b3b2615a1b90e77f6b22d39d7b"></script>
  <script type="text/javascript" src="/packages/spacebars.js?7bafbe05ec09b6bbb6a3b276537e4995ab298a2f"></script>
  <script type="text/javascript" src="/packages/launch-screen.js?495e58cf2465ba553324c68301cc62076b1fda1e"></script>
  <script type="text/javascript" src="/packages/global-imports.js?ddfcd9be6cef3c8bb0263139937a05092e4a3fe9"></script>
  <script type="text/javascript" src="/client/template.app.js?fef085d93ff03e1448ef655bada5994b40624420"></script>

<meta charset="utf-8">
  <title>polymer stuff</title>
  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
  <link rel="shortcut icon" type="image/png" href="/favicon.png?123" sizes="16x16 32x32 64x64">
  <link rel="apple-touch-icon" sizes="120x120" href="apple-touch-icon-precomposed.png">

  <script src="/components/webcomponentsjs/webcomponents.js"></script>
</head>
schnie commented 9 years ago

I have been working on this tonight and I think I have it ready for 1.0. Turns out that vulcanize changed a little bit and we needed to change too. I'll have it published out early tomorrow!

On Tue, Jun 9, 2015 at 3:08 PM, rkstar notifications@github.com wrote:

what am i doing wrong?

i've set VULCANIZE=true and i'm seeing

=> Started proxy. => Started MongoDB. Vulcanize: Vulcanizing imports... - => Started your app.

=> App running at: http://localhost:3000/

my /client/app.html code:

polymer stuff
Application
Drawer content...
Title
Main content...

my /client/imports.html code:

looks like this [image: screen shot 2015-06-09 at 3 06 18 pm] https://cloud.githubusercontent.com/assets/651566/8067049/28cb452c-0eb9-11e5-982d-53d1073a8436.png

and code is this:

polymer stuff

— Reply to this email directly or view it on GitHub https://github.com/Differential/meteor-vulcanize/issues/13.

rkstar commented 9 years ago

i've seen commits, is this issue resolved?

schnie commented 9 years ago

It should be, although the configuration of the imports has changed to a json file. Let me know it its still an issue. On Jun 12, 2015 4:32 PM, "rkstar" notifications@github.com wrote:

i've seen commits, is this issue resolved?

— Reply to this email directly or view it on GitHub https://github.com/Differential/meteor-vulcanize/issues/13#issuecomment-111606442 .

rkstar commented 9 years ago

yep, update works! thank you.

ghost commented 9 years ago

I seem to be having a similar issue. After running meteor with the VULCANIZE env variable set to true, I see this:

=> Started proxy.                             
=> Started MongoDB.                           
=> Babel active on file extensions: es6.js, es6, jsx
=> Vulcanize: Importing vulcanized file...   \
=> Started your app.

=> App running at: http://localhost:3000/

My config.vulcanize file, which is located at the root of my project, looks like this:

{
    "polyfill": "/bower_components/webcomponentsjs/webcomponents.min.js",
    "useShadowDom": true,
    "imports": [
        "/bower_components/paper-button/paper-button.html",
        "/bower_components/paper-checkbox/paper-checkbox.html",
        "/bower_components/neon-animation/neon-animation.html",
        "/bower_components/iron-media-query/iron-media-query.html",
        "/bower_components/iron-icon/iron-icon.html",
        "/bower_components/iron-icons/iron-icons.html",
        "/bower_components/iron-selector/iron-selector.html",
        "/bower_components/iron-form/iron-form.html",
        "/bower_components/paper-material/paper-material.html",
        "/bower_components/paper-item/paper-item.html",
        "/bower_components/paper-input/paper-input.html",
        "/bower_components/paper-progress/paper-progress.html",
        "/bower_components/paper-drawer-panel/paper-drawer-panel.html",
        "/bower_components/paper-header-panel/paper-header-panel.html",
        "/bower_components/paper-toolbar/paper-toolbar.html",
        "/bower_components/paper-button/paper-button.html",
        "/bower_components/paper-icon-button/paper-icon-button.html",
        "/bower_components/paper-tabs/paper-tabs.html",
        "/bower_components/paper-tabs/paper-tab.html",
        "/bower_components/gold-email-input/gold-email-input.html"
    ]
}

The bower_components directory is located within the public directory (i.e. public/bower_components), but even though the webcomponents.min.js is included in script tags, and the shadow dom is set, none of the bower_component files are imported. Perhaps the Polymer team updated vulcanize again recently? Or maybe I'm making a simple error. Thanks for looking in to this - appreciate the help!

schnie commented 9 years ago

Just to be sure, are you on the very latest version of this package?

On Tue, Aug 4, 2015 at 3:30 PM, Rich17 notifications@github.com wrote:

I seem to be having a similar issue. After running meteor with the VULCANIZE env variable set to true, I see this:

=> Started proxy. => Started MongoDB. => Babel active on file extensions: es6.js, es6, jsx => Vulcanize: Importing vulcanized file... \ => Started your app.

=> App running at: http://localhost:3000/

My config.vulcanize file, which is located at the root of my project, looks like this:

{ "polyfill": "/bower_components/webcomponentsjs/webcomponents.min.js", "useShadowDom": true, "imports": [ "/bower_components/paper-button/paper-button.html", "/bower_components/paper-checkbox/paper-checkbox.html", "/bower_components/neon-animation/neon-animation.html", "/bower_components/iron-media-query/iron-media-query.html", "/bower_components/iron-icon/iron-icon.html", "/bower_components/iron-icons/iron-icons.html", "/bower_components/iron-selector/iron-selector.html", "/bower_components/iron-form/iron-form.html", "/bower_components/paper-material/paper-material.html", "/bower_components/paper-item/paper-item.html", "/bower_components/paper-input/paper-input.html", "/bower_components/paper-progress/paper-progress.html", "/bower_components/paper-drawer-panel/paper-drawer-panel.html", "/bower_components/paper-header-panel/paper-header-panel.html", "/bower_components/paper-toolbar/paper-toolbar.html", "/bower_components/paper-button/paper-button.html", "/bower_components/paper-icon-button/paper-icon-button.html", "/bower_components/paper-tabs/paper-tabs.html", "/bower_components/paper-tabs/paper-tab.html", "/bower_components/gold-email-input/gold-email-input.html" ] }

The bower_components directory is located within the public directory (i.e. public/bower_components), but even though the webcomponents.min.js is set, and the shadow dom is set, none of the bower_component files are imported. Perhaps the Polymer team updated vulcanize again recently? Or maybe I'm making a simple error. Thanks for looking in to this - appreciate the help!

— Reply to this email directly or view it on GitHub https://github.com/Differential/meteor-vulcanize/issues/13#issuecomment-127729379 .

ghost commented 9 years ago

I'm using version 2.0.1 - I think that's the latest?